0 views

#ecd96c - Color Information

#ecd96c

Base Information

HEX

#ecd96c

RGB

236,217,108

HSL

51,77,67

HSV

51,54,93

CMYK

0,8,54,7

LAB

86,-7,55

LCH

86,56,97

XYZ

62,69,24

Web Safe

#ffcc66

Web Smart

#eedd66

is dark

luminosity

0.6854

Pantone Color

Combinations

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

#ecd96c

#6C7FEC

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

#ecd96c

#6CBFEC

#996CEC

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

#ecd96c

#6CECD9

#D96CEC

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

#ecd96c

#6CEC99

#6C7FEC

#EC6CBF

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

#ecd96c

#6C7FEC

#6CBFEC

#996CEC

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

#ecd96c

#BFEC6C

#7FEC6C

#6CEC99

Shades

#ecd96c Light Tints

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

#ECD96C

#EEDD7B

#F0E189

#F2E498

#F4E8A7

#F6ECB6

#F7F0C4

#F9F4D3

#FBF7E2

#FDFBF0

#ecd96c Gray Shades

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

#ECD96C

#E1D06E

#D6C770

#CCBE72

#C1B574

#B6AD76

#ABA478

#A09B7A

#96927C

#8B897E

#ecd96c Dark Shades

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

#ECD96C

#D4C361

#BDAE56

#A5984C

#8E8241

#766D36

#5E572B

#474120

#2F2B16

#18160B

#ecd96c Red Shades

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

#ECD96C

#EEC361

#F0AE56

#F2984C

#F48241

#F66D36

#F7572B

#F94120

#FB2B16

#FD160B

#ecd96c Green Shades

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

#ECD96C

#D4D061

#BDC756

#A5BE4C

#8EB541

#76AD36

#5EA42B

#479B20

#2F9216

#18890B

#ecd96c Blue Shades

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

#ECD96C

#D4C37B

#BDAE89

#A59898

#8E82A7

#766DB6

#5E57C4

#4741D3

#2F2BE2

#1816F0

Readability Analysis

#ecd96c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.71	AAA	Sample Text
Red	2.80	Fail	Sample Text
Green	3.60	A	Sample Text
Blue	6.02	AA	Sample Text

#ecd96c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.71	AAA	Sample Text
Red	2.80	Fail	Sample Text
Green	3.60	A	Sample Text
Blue	6.02	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eed86c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8d383`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f3d0b3`
Protanopia	No red perception - Dichromacy	`#eed76b`
Deuteranopia	No green perception - Dichromacy	`#ffcf90`
Tritanopia	No blue perception - Dichromacy	`#f8cbdb`
Achromatomaly	Partial color blindness - Monochromacy	`#ddd7af`
Achromatopsia	Complete color blindness - Monochromacy	`#d5d5d5`

#ecd96c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecd96c Light Tints

#ecd96c Gray Shades

#ecd96c Dark Shades

#ecd96c Red Shades

#ecd96c Green Shades

#ecd96c Blue Shades

Readability Analysis

#ecd96c as Text Color

#ecd96c as Background Color

Color Blindness Simulation

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

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

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

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

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

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