0 views

#ecd84d - Color Information

#ecd84d

Base Information

HEX

#ecd84d

RGB

236,216,77

HSL

52,81,61

HSV

52,67,93

CMYK

0,8,67,7

LAB

86,-8,68

LCH

86,69,97

XYZ

60,67,17

Web Safe

#ffcc66

Web Smart

#eedd55

is dark

luminosity

0.6748

Pantone Color

Combinations

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

#ecd84d

#4D61EC

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

#ecd84d

#4DB0EC

#894DEC

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

#ecd84d

#4DECD8

#D84DEC

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

#ecd84d

#4DEC88

#4D61EC

#EC4DB0

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

#ecd84d

#4D61EC

#4DB0EC

#894DEC

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

#ecd84d

#B0EC4D

#61EC4D

#4DEC88

Shades

#ecd84d Light Tints

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

#ECD84D

#EEDC5F

#F0E071

#F2E482

#F4E894

#F6ECA6

#F7EFB8

#F9F3CA

#FBF7DB

#FDFBED

#ecd84d Gray Shades

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

#ECD84D

#E1CF52

#D6C657

#CCBE5C

#C1B561

#B6AC67

#ABA36C

#A09A71

#969276

#8B897B

#ecd84d Dark Shades

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

#ECD84D

#D4C245

#BDAD3E

#A59736

#8E822E

#766C27

#5E561F

#474117

#2F2B0F

#181608

#ecd84d Red Shades

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

#ECD84D

#EEC245

#F0AD3E

#F29736

#F4822E

#F66C27

#F7561F

#F94117

#FB2B0F

#FD1608

#ecd84d Green Shades

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

#ECD84D

#D4CF45

#BDC63E

#A5BE36

#8EB52E

#76AC27

#5EA31F

#479A17

#2F920F

#188908

#ecd84d Blue Shades

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

#ECD84D

#D4C25F

#BDAD71

#A59782

#8E8294

#766CA6

#5E56B8

#4741CA

#2F2BDB

#1816ED

Readability Analysis

#ecd84d as Text Color

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

#ecd84d as Background Color

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

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eed64e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8d171`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f4cea6`
Protanopia	No red perception - Dichromacy	`#efd64e`
Deuteranopia	No green perception - Dichromacy	`#ffcd85`
Tritanopia	No blue perception - Dichromacy	`#f9c9d8`
Achromatomaly	Partial color blindness - Monochromacy	`#dcd4a2`
Achromatopsia	Complete color blindness - Monochromacy	`#d2d2d2`

#ecd84d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecd84d Light Tints

#ecd84d Gray Shades

#ecd84d Dark Shades

#ecd84d Red Shades

#ecd84d Green Shades

#ecd84d Blue Shades

Readability Analysis

#ecd84d as Text Color

#ecd84d as Background Color

Color Blindness Simulation

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

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

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

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

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

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