0 views

#ecd76f - Color Information

#ecd76f

Base Information

HEX

#ecd76f

RGB

236,215,111

HSL

50,77,68

HSV

50,53,93

CMYK

0,9,53,7

LAB

86,-6,53

LCH

86,54,96

XYZ

62,68,25

Web Safe

#ffcc66

Web Smart

#eedd77

is dark

luminosity

0.6758

Pantone Color

Combinations

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

#ecd76f

#6F84EC

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

#ecd76f

#6FC3EC

#996FEC

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

#ecd76f

#6FECD7

#D76FEC

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

#ecd76f

#6FEC99

#6F84EC

#EC6FC2

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

#ecd76f

#6F84EC

#6FC3EC

#996FEC

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

#ecd76f

#C3EC6F

#84EC6F

#6FEC99

Shades

#ecd76f Light Tints

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

#ECD76F

#EEDB7D

#F0DF8C

#F2E39A

#F4E7A9

#F6EBB7

#F7EFC5

#F9F3D4

#FBF7E2

#FDFBF1

#ecd76f Gray Shades

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

#ECD76F

#E1CE71

#D6C672

#CCBD74

#C1B476

#B6AC78

#ABA379

#A09A7B

#96917D

#8B897E

#ecd76f Dark Shades

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

#ECD76F

#D4C264

#BDAC59

#A5974E

#8E8143

#766C38

#5E562C

#474021

#2F2B16

#18150B

#ecd76f Red Shades

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

#ECD76F

#EEC264

#F0AC59

#F2974E

#F48143

#F66C38

#F7562C

#F94021

#FB2B16

#FD150B

#ecd76f Green Shades

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

#ECD76F

#D4CE64

#BDC659

#A5BD4E

#8EB443

#76AC38

#5EA32C

#479A21

#2F9116

#18890B

#ecd76f Blue Shades

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

#ECD76F

#D4C27D

#BDAC8C

#A5979A

#8E81A9

#766CB7

#5E56C5

#4740D4

#2F2BE2

#1815F1

Readability Analysis

#ecd76f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.52	AAA	Sample Text
Red	2.76	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.94	AA	Sample Text

#ecd76f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.52	AAA	Sample Text
Red	2.76	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.94	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecd66f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8d181`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f3ceb3`
Protanopia	No red perception - Dichromacy	`#edd66e`
Deuteranopia	No green perception - Dichromacy	`#ffcd8c`
Tritanopia	No blue perception - Dichromacy	`#f7cad9`
Achromatomaly	Partial color blindness - Monochromacy	`#ddd5af`
Achromatopsia	Complete color blindness - Monochromacy	`#d4d4d4`

#ecd76f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecd76f Light Tints

#ecd76f Gray Shades

#ecd76f Dark Shades

#ecd76f Red Shades

#ecd76f Green Shades

#ecd76f Blue Shades

Readability Analysis

#ecd76f as Text Color

#ecd76f as Background Color

Color Blindness Simulation

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

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

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

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

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

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