0 views

#ecd73f - Color Information

#ecd73f

Base Information

HEX

#ecd73f

RGB

236,215,63

HSL

53,82,59

HSV

53,73,93

CMYK

0,9,73,7

LAB

85,-9,73

LCH

85,73,97

XYZ

60,67,14

Web Safe

#ffcc33

Web Smart

#eedd44

is dark

luminosity

0.6679

Pantone Color

Combinations

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

#ecd73f

#3F54EC

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

#ecd73f

#3FAAEC

#813FEC

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

#ecd73f

#3FECD7

#D73FEC

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

#ecd73f

#3FEC81

#3F54EC

#EC3FAA

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

#ecd73f

#3F54EC

#3FAAEC

#813FEC

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

#ecd73f

#AAEC3F

#54EC3F

#3FEC81

Shades

#ecd73f Light Tints

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

#ECD73F

#EEDB52

#F0DF65

#F2E379

#F4E78C

#F6EB9F

#F7EFB2

#F9F3C5

#FBF7D9

#FDFBEC

#ecd73f Gray Shades

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

#ECD73F

#E1CE46

#D6C64C

#CCBD53

#C1B459

#B6AC60

#ABA366

#A09A6D

#969173

#8B897A

#ecd73f Dark Shades

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

#ECD73F

#D4C239

#BDAC32

#A5972C

#8E8126

#766C20

#5E5619

#474013

#2F2B0D

#181506

#ecd73f Red Shades

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

#ECD73F

#EEC239

#F0AC32

#F2972C

#F48126

#F66C20

#F75619

#F94013

#FB2B0D

#FD1506

#ecd73f Green Shades

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

#ECD73F

#D4CE39

#BDC632

#A5BD2C

#8EB426

#76AC20

#5EA319

#479A13

#2F910D

#188906

#ecd73f Blue Shades

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

#ECD73F

#D4C252

#BDAC65

#A59779

#8E818C

#766C9F

#5E56B2

#4740C5

#2F2BD9

#1815EC

Readability Analysis

#ecd73f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.36	AAA	Sample Text
Red	2.73	Fail	Sample Text
Green	3.51	A	Sample Text
Blue	5.88	AA	Sample Text

#ecd73f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.36	AAA	Sample Text
Red	2.73	Fail	Sample Text
Green	3.51	A	Sample Text
Blue	5.88	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eed640`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8d068`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f4cda0`
Protanopia	No red perception - Dichromacy	`#efd541`
Deuteranopia	No green perception - Dichromacy	`#ffcc80`
Tritanopia	No blue perception - Dichromacy	`#f9c7d7`
Achromatomaly	Partial color blindness - Monochromacy	`#dad39c`
Achromatopsia	Complete color blindness - Monochromacy	`#d0d0d0`

#ecd73f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecd73f Light Tints

#ecd73f Gray Shades

#ecd73f Dark Shades

#ecd73f Red Shades

#ecd73f Green Shades

#ecd73f Blue Shades

Readability Analysis

#ecd73f as Text Color

#ecd73f as Background Color

Color Blindness Simulation

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

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

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

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

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

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