0 views

#ecd23f - Color Information

#ecd23f

Base Information

HEX

#ecd23f

RGB

236,210,63

HSL

51,82,59

HSV

51,73,93

CMYK

0,11,73,7

LAB

84,-6,72

LCH

84,72,95

XYZ

59,64,14

Web Safe

#ffcc33

Web Smart

#eecc44

is dark

luminosity

0.6428

Pantone Color

Combinations

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

#ecd23f

#3F59EC

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

#ecd23f

#3FB0EC

#7B3FEC

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

#ecd23f

#3FECD2

#D23FEC

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

#ecd23f

#3FEC7B

#3F59EC

#EC3FB0

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

#ecd23f

#3F59EC

#3FB0EC

#7B3FEC

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

#ecd23f

#B0EC3F

#59EC3F

#3FEC7B

Shades

#ecd23f Light Tints

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

#ECD23F

#EED752

#F0DB65

#F2E079

#F4E48C

#F6E99F

#F7EDB2

#F9F2C5

#FBF6D9

#FDFBEC

#ecd23f Gray Shades

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

#ECD23F

#E1CA46

#D6C24C

#CCB953

#C1B159

#B6A960

#ABA166

#A0996D

#969073

#8B887A

#ecd23f Dark Shades

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

#ECD23F

#D4BD39

#BDA832

#A5932C

#8E7E26

#766920

#5E5419

#473F13

#2F2A0D

#181506

#ecd23f Red Shades

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

#ECD23F

#EEBD39

#F0A832

#F2932C

#F47E26

#F66920

#F75419

#F93F13

#FB2A0D

#FD1506

#ecd23f Green Shades

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

#ECD23F

#D4CA39

#BDC232

#A5B92C

#8EB126

#76A920

#5EA119

#479913

#2F900D

#188806

#ecd23f Blue Shades

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

#ECD23F

#D4BD52

#BDA865

#A59379

#8E7E8C

#76699F

#5E54B2

#473FC5

#2F2AD9

#1815EC

Readability Analysis

#ecd23f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.86	AAA	Sample Text
Red	2.64	Fail	Sample Text
Green	3.39	A	Sample Text
Blue	5.67	AA	Sample Text

#ecd23f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.86	AAA	Sample Text
Red	2.64	Fail	Sample Text
Green	3.39	A	Sample Text
Blue	5.67	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ebd140`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8cc5d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f4c89c`
Protanopia	No red perception - Dichromacy	`#ebd141`
Deuteranopia	No green perception - Dichromacy	`#ffc86f`
Tritanopia	No blue perception - Dichromacy	`#f8c3d2`
Achromatomaly	Partial color blindness - Monochromacy	`#d8cf99`
Achromatopsia	Complete color blindness - Monochromacy	`#cdcdcd`

#ecd23f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecd23f Light Tints

#ecd23f Gray Shades

#ecd23f Dark Shades

#ecd23f Red Shades

#ecd23f Green Shades

#ecd23f Blue Shades

Readability Analysis

#ecd23f as Text Color

#ecd23f as Background Color

Color Blindness Simulation

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

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

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

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

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

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