0 views

#ecd33c - Color Information

#ecd33c

Base Information

HEX

#ecd33c

RGB

236,211,60

HSL

51,82,58

HSV

51,75,93

CMYK

0,11,75,7

LAB

84,-7,73

LCH

84,73,95

XYZ

59,65,14

Web Safe

#ffcc33

Web Smart

#eecc44

is dark

luminosity

0.6475

Pantone Color

Combinations

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

#ecd33c

#3C55EC

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

#ecd33c

#3CADEC

#7B3CEC

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

#ecd33c

#3CECD3

#D33CEC

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

#ecd33c

#3CEC7B

#3C55EC

#EC3CAD

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

#ecd33c

#3C55EC

#3CADEC

#7B3CEC

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

#ecd33c

#ADEC3C

#55EC3C

#3CEC7B

Shades

#ecd33c Light Tints

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

#ECD33C

#EED750

#F0DC63

#F2E077

#F4E58A

#F6E99E

#F7EDB1

#F9F2C5

#FBF6D8

#FDFBEC

#ecd33c Gray Shades

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

#ECD33C

#E1CB43

#D6C24A

#CCBA50

#C1B257

#B6AA5E

#ABA165

#A0996C

#969172

#8B8879

#ecd33c Dark Shades

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

#ECD33C

#D4BE36

#BDA930

#A5942A

#8E7F24

#766A1E

#5E5418

#473F12

#2F2A0C

#181506

#ecd33c Red Shades

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

#ECD33C

#EEBE36

#F0A930

#F2942A

#F47F24

#F66A1E

#F75418

#F93F12

#FB2A0C

#FD1506

#ecd33c Green Shades

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

#ECD33C

#D4CB36

#BDC230

#A5BA2A

#8EB224

#76AA1E

#5EA118

#479912

#2F910C

#188806

#ecd33c Blue Shades

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

#ECD33C

#D4BE50

#BDA963

#A59477

#8E7F8A

#766A9E

#5E54B1

#473FC5

#2F2AD8

#1815EC

Readability Analysis

#ecd33c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.51	Fail	Sample Text
Black	13.95	AAA	Sample Text
Red	2.66	Fail	Sample Text
Green	3.41	A	Sample Text
Blue	5.71	AA	Sample Text

#ecd33c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.51	Fail	Sample Text
Black	13.95	AAA	Sample Text
Red	2.66	Fail	Sample Text
Green	3.41	A	Sample Text
Blue	5.71	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecd23e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8cc5e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f4c99c`
Protanopia	No red perception - Dichromacy	`#ecd23e`
Deuteranopia	No green perception - Dichromacy	`#ffc972`
Tritanopia	No blue perception - Dichromacy	`#f9c4d3`
Achromatomaly	Partial color blindness - Monochromacy	`#d9cf99`
Achromatopsia	Complete color blindness - Monochromacy	`#cdcdcd`

#ecd33c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecd33c Light Tints

#ecd33c Gray Shades

#ecd33c Dark Shades

#ecd33c Red Shades

#ecd33c Green Shades

#ecd33c Blue Shades

Readability Analysis

#ecd33c as Text Color

#ecd33c as Background Color

Color Blindness Simulation

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

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

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

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

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

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