0 views

#ecd22c - Color Information

#ecd22c

Base Information

HEX

#ecd22c

RGB

236,210,44

HSL

52,83,55

HSV

52,81,93

CMYK

0,11,81,7

LAB

84,-7,77

LCH

84,78,95

XYZ

58,64,12

Web Safe

#ffcc33

Web Smart

#eecc33

is dark

luminosity

0.6411

Pantone Color

Combinations

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

#ecd22c

#2C46EC

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

#ecd22c

#2CA6EC

#722CEC

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

#ecd22c

#2CECD2

#D22CEC

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

#ecd22c

#2CEC72

#2C46EC

#EC2CA6

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

#ecd22c

#2C46EC

#2CA6EC

#722CEC

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

#ecd22c

#A6EC2C

#46EC2C

#2CEC72

Shades

#ecd22c Light Tints

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

#ECD22C

#EED741

#F0DB56

#F2E06B

#F4E480

#F6E996

#F7EDAB

#F9F2C0

#FBF6D5

#FDFBEA

#ecd22c Gray Shades

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

#ECD22C

#E1CA34

#D6C23D

#CCB945

#C1B14E

#B6A956

#ABA15E

#A09967

#96906F

#8B8878

#ecd22c Dark Shades

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

#ECD22C

#D4BD28

#BDA823

#A5931F

#8E7E1A

#766916

#5E5412

#473F0D

#2F2A09

#181504

#ecd22c Red Shades

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

#ECD22C

#EEBD28

#F0A823

#F2931F

#F47E1A

#F66916

#F75412

#F93F0D

#FB2A09

#FD1504

#ecd22c Green Shades

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

#ECD22C

#D4CA28

#BDC223

#A5B91F

#8EB11A

#76A916

#5EA112

#47990D

#2F9009

#188804

#ecd22c Blue Shades

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

#ECD22C

#D4BD41

#BDA856

#A5936B

#8E7E80

#766996

#5E54AB

#473FC0

#2F2AD5

#1815EA

Readability Analysis

#ecd22c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.82	AAA	Sample Text
Red	2.63	Fail	Sample Text
Green	3.38	A	Sample Text
Blue	5.66	AA	Sample Text

#ecd22c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.82	AAA	Sample Text
Red	2.63	Fail	Sample Text
Green	3.38	A	Sample Text
Blue	5.66	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecd12e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8cb54`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f4c895`
Protanopia	No red perception - Dichromacy	`#ecd130`
Deuteranopia	No green perception - Dichromacy	`#ffc86b`
Tritanopia	No blue perception - Dichromacy	`#f9c2d1`
Achromatomaly	Partial color blindness - Monochromacy	`#d7ce92`
Achromatopsia	Complete color blindness - Monochromacy	`#cccccc`

#ecd22c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecd22c Light Tints

#ecd22c Gray Shades

#ecd22c Dark Shades

#ecd22c Red Shades

#ecd22c Green Shades

#ecd22c Blue Shades

Readability Analysis

#ecd22c as Text Color

#ecd22c as Background Color

Color Blindness Simulation

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

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

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

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

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

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