0 views

#ecd97c - Color Information

#ecd97c

Base Information

HEX

#ecd97c

RGB

236,217,124

HSL

50,75,71

HSV

50,47,93

CMYK

0,8,47,7

LAB

86,-6,48

LCH

86,48,97

XYZ

63,69,29

Web Safe

#ffcc66

Web Smart

#eedd77

is dark

luminosity

0.6891

Pantone Color

Combinations

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

#ecd97c

#7C8FEC

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

#ecd97c

#7CC7EC

#A17CEC

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

#ecd97c

#7CECD9

#D97CEC

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

#ecd97c

#7CECA1

#7C8FEC

#EC7CC7

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

#ecd97c

#7C8FEC

#7CC7EC

#A17CEC

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

#ecd97c

#C7EC7C

#8FEC7C

#7CECA1

Shades

#ecd97c Light Tints

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

#ECD97C

#EEDD89

#F0E196

#F2E4A3

#F4E8B0

#F6ECBE

#F7F0CB

#F9F4D8

#FBF7E5

#FDFBF2

#ecd97c Gray Shades

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

#ECD97C

#E1D07C

#D6C77D

#CCBE7D

#C1B57E

#B6AD7E

#ABA47E

#A09B7F

#96927F

#8B8980

#ecd97c Dark Shades

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

#ECD97C

#D4C370

#BDAE63

#A59857

#8E824A

#766D3E

#5E5732

#474125

#2F2B19

#18160C

#ecd97c Red Shades

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

#ECD97C

#EEC370

#F0AE63

#F29857

#F4824A

#F66D3E

#F75732

#F94125

#FB2B19

#FD160C

#ecd97c Green Shades

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

#ECD97C

#D4D070

#BDC763

#A5BE57

#8EB54A

#76AD3E

#5EA432

#479B25

#2F9219

#18890C

#ecd97c Blue Shades

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

#ECD97C

#D4C389

#BDAE96

#A598A3

#8E82B0

#766DBE

#5E57CB

#4741D8

#2F2BE5

#1816F2

Readability Analysis

#ecd97c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.78	AAA	Sample Text
Red	2.81	Fail	Sample Text
Green	3.62	A	Sample Text
Blue	6.05	AA	Sample Text

#ecd97c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.78	AAA	Sample Text
Red	2.81	Fail	Sample Text
Green	3.62	A	Sample Text
Blue	6.05	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#edd87b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8d38c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f3d1b9`
Protanopia	No red perception - Dichromacy	`#edd77b`
Deuteranopia	No green perception - Dichromacy	`#ffcf96`
Tritanopia	No blue perception - Dichromacy	`#f7ccdc`
Achromatomaly	Partial color blindness - Monochromacy	`#ded7b5`
Achromatopsia	Complete color blindness - Monochromacy	`#d6d6d6`

#ecd97c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecd97c Light Tints

#ecd97c Gray Shades

#ecd97c Dark Shades

#ecd97c Red Shades

#ecd97c Green Shades

#ecd97c Blue Shades

Readability Analysis

#ecd97c as Text Color

#ecd97c as Background Color

Color Blindness Simulation

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

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

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

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

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

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