0 views

#ecd63c - Color Information

#ecd63c

Base Information

HEX

#ecd63c

RGB

236,214,60

HSL

53,82,58

HSV

53,75,93

CMYK

0,9,75,7

LAB

85,-8,74

LCH

85,74,96

XYZ

59,66,14

Web Safe

#ffcc33

Web Smart

#eedd44

is dark

luminosity

0.6625

Pantone Color

Combinations

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

#ecd63c

#3C52EC

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

#ecd63c

#3CAAEC

#7E3CEC

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

#ecd63c

#3CECD6

#D63CEC

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

#ecd63c

#3CEC7E

#3C52EC

#EC3CAA

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

#ecd63c

#3C52EC

#3CAAEC

#7E3CEC

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

#ecd63c

#AAEC3C

#52EC3C

#3CEC7E

Shades

#ecd63c Light Tints

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

#ECD63C

#EEDA50

#F0DE63

#F2E277

#F4E68A

#F6EB9E

#F7EFB1

#F9F3C5

#FBF7D8

#FDFBEC

#ecd63c Gray Shades

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

#ECD63C

#E1CD43

#D6C54A

#CCBC50

#C1B457

#B6AB5E

#ABA265

#A09A6C

#969172

#8B8979

#ecd63c Dark Shades

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

#ECD63C

#D4C136

#BDAB30

#A5962A

#8E8024

#766B1E

#5E5618

#474012

#2F2B0C

#181506

#ecd63c Red Shades

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

#ECD63C

#EEC136

#F0AB30

#F2962A

#F48024

#F66B1E

#F75618

#F94012

#FB2B0C

#FD1506

#ecd63c Green Shades

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

#ECD63C

#D4CD36

#BDC530

#A5BC2A

#8EB424

#76AB1E

#5EA218

#479A12

#2F910C

#188906

#ecd63c Blue Shades

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

#ECD63C

#D4C150

#BDAB63

#A59677

#8E808A

#766B9E

#5E56B1

#4740C5

#2F2BD8

#1815EC

Readability Analysis

#ecd63c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.47	Fail	Sample Text
Black	14.25	AAA	Sample Text
Red	2.71	Fail	Sample Text
Green	3.49	A	Sample Text
Blue	5.83	AA	Sample Text

#ecd63c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.47	Fail	Sample Text
Black	14.25	AAA	Sample Text
Red	2.71	Fail	Sample Text
Green	3.49	A	Sample Text
Blue	5.83	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eed53d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8cf65`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f4cc9e`
Protanopia	No red perception - Dichromacy	`#eed43e`
Deuteranopia	No green perception - Dichromacy	`#ffcb7c`
Tritanopia	No blue perception - Dichromacy	`#f9c6d6`
Achromatomaly	Partial color blindness - Monochromacy	`#dad29a`
Achromatopsia	Complete color blindness - Monochromacy	`#d0d0d0`

#ecd63c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecd63c Light Tints

#ecd63c Gray Shades

#ecd63c Dark Shades

#ecd63c Red Shades

#ecd63c Green Shades

#ecd63c Blue Shades

Readability Analysis

#ecd63c as Text Color

#ecd63c as Background Color

Color Blindness Simulation

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

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

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

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

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

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