0 views

#ecd86c - Color Information

#ecd86c

Base Information

HEX

#ecd86c

RGB

236,216,108

HSL

51,77,67

HSV

51,54,93

CMYK

0,8,54,7

LAB

86,-6,55

LCH

86,55,97

XYZ

62,68,24

Web Safe

#ffcc66

Web Smart

#eedd66

is dark

luminosity

0.6803

Pantone Color

Combinations

#ecd86c complementary
Colors that are opposite to each other, forming a contrasting pair.

#ecd86c

#6C80EC

#ecd86c splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#ecd86c

#6CC0EC

#986CEC

#ecd86c triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#ecd86c

#6CECD8

#D86CEC

#ecd86c tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#ecd86c

#6CEC98

#6C80EC

#EC6CC0

#ecd86c analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#ecd86c

#6C80EC

#6CC0EC

#986CEC

#ecd86c analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#ecd86c

#C0EC6C

#80EC6C

#6CEC98

Shades

#ecd86c Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#ECD86C

#EEDC7B

#F0E089

#F2E498

#F4E8A7

#F6ECB6

#F7EFC4

#F9F3D3

#FBF7E2

#FDFBF0

#ecd86c Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#ECD86C

#E1CF6E

#D6C670

#CCBE72

#C1B574

#B6AC76

#ABA378

#A09A7A

#96927C

#8B897E

#ecd86c Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#ECD86C

#D4C261

#BDAD56

#A5974C

#8E8241

#766C36

#5E562B

#474120

#2F2B16

#18160B

#ecd86c Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#ECD86C

#EEC261

#F0AD56

#F2974C

#F48241

#F66C36

#F7562B

#F94120

#FB2B16

#FD160B

#ecd86c Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#ECD86C

#D4CF61

#BDC656

#A5BE4C

#8EB541

#76AC36

#5EA32B

#479A20

#2F9216

#18890B

#ecd86c Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#ECD86C

#D4C27B

#BDAD89

#A59798

#8E82A7

#766CB6

#5E56C4

#4741D3

#2F2BE2

#1816F0

Readability Analysis

#ecd86c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.61	AAA	Sample Text
Red	2.78	Fail	Sample Text
Green	3.57	A	Sample Text
Blue	5.98	AA	Sample Text

#ecd86c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.61	AAA	Sample Text
Red	2.78	Fail	Sample Text
Green	3.57	A	Sample Text
Blue	5.98	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#edd76c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8d281`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f3cfb2`
Protanopia	No red perception - Dichromacy	`#eed66b`
Deuteranopia	No green perception - Dichromacy	`#ffce8e`
Tritanopia	No blue perception - Dichromacy	`#f8cada`
Achromatomaly	Partial color blindness - Monochromacy	`#ddd6ae`
Achromatopsia	Complete color blindness - Monochromacy	`#d4d4d4`

#ecd86c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#ecd86c complementaryColors that are opposite to each other, forming a contrasting pair.

#ecd86c splitComplementaryA base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#ecd86c triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#ecd86c tetradicFour colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#ecd86c analogousComplementaryA combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#ecd86c analogousColors that are next to each other on the color wheel, producing serene and comfortable designs.

Shades

#ecd86c Light Tints

#ecd86c Gray Shades

#ecd86c Dark Shades

#ecd86c Red Shades

#ecd86c Green Shades

#ecd86c Blue Shades

Readability Analysis

#ecd86c as Text Color

#ecd86c as Background Color

Color Blindness Simulation

#ecd86c complementary
Colors that are opposite to each other, forming a contrasting pair.

#ecd86c splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#ecd86c triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#ecd86c tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#ecd86c analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#ecd86c analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.