0 views

#ecdc6c - Color Information

#ecdc6c

Base Information

HEX

#ecdc6c

RGB

236,220,108

HSL

53,77,67

HSV

53,54,93

CMYK

0,7,54,7

LAB

87,-8,56

LCH

87,57,99

XYZ

63,70,24

Web Safe

#ffcc66

Web Smart

#eedd66

is dark

luminosity

0.7010

Pantone Color

Combinations

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

#ecdc6c

#6C7CEC

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

#ecdc6c

#6CBCEC

#9C6CEC

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

#ecdc6c

#6CECDC

#DC6CEC

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

#ecdc6c

#6CEC9C

#6C7CEC

#EC6CBC

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

#ecdc6c

#6C7CEC

#6CBCEC

#9C6CEC

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

#ecdc6c

#BCEC6C

#7CEC6C

#6CEC9C

Shades

#ecdc6c Light Tints

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

#ECDC6C

#EEE07B

#F0E389

#F2E798

#F4EAA7

#F6EEB6

#F7F1C4

#F9F5D3

#FBF8E2

#FDFCF0

#ecdc6c Gray Shades

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

#ECDC6C

#E1D36E

#D6CA70

#CCC072

#C1B774

#B6AE76

#ABA578

#A09C7A

#96927C

#8B897E

#ecdc6c Dark Shades

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

#ECDC6C

#D4C661

#BDB056

#A59A4C

#8E8441

#766E36

#5E582B

#474220

#2F2C16

#18160B

#ecdc6c Red Shades

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

#ECDC6C

#EEC661

#F0B056

#F29A4C

#F48441

#F66E36

#F7582B

#F94220

#FB2C16

#FD160B

#ecdc6c Green Shades

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

#ECDC6C

#D4D361

#BDCA56

#A5C04C

#8EB741

#76AE36

#5EA52B

#479C20

#2F9216

#18890B

#ecdc6c Blue Shades

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

#ECDC6C

#D4C67B

#BDB089

#A59A98

#8E84A7

#766EB6

#5E58C4

#4742D3

#2F2CE2

#1816F0

Readability Analysis

#ecdc6c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	15.02	AAA	Sample Text
Red	2.86	Fail	Sample Text
Green	3.67	A	Sample Text
Blue	6.15	AA	Sample Text

#ecdc6c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	15.02	AAA	Sample Text
Red	2.86	Fail	Sample Text
Green	3.67	A	Sample Text
Blue	6.15	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#efda6b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8d588`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f4d3b5`
Protanopia	No red perception - Dichromacy	`#f1d96b`
Deuteranopia	No green perception - Dichromacy	`#ffd298`
Tritanopia	No blue perception - Dichromacy	`#f8cede`
Achromatomaly	Partial color blindness - Monochromacy	`#dfd9b0`
Achromatopsia	Complete color blindness - Monochromacy	`#d7d7d7`

#ecdc6c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecdc6c Light Tints

#ecdc6c Gray Shades

#ecdc6c Dark Shades

#ecdc6c Red Shades

#ecdc6c Green Shades

#ecdc6c Blue Shades

Readability Analysis

#ecdc6c as Text Color

#ecdc6c as Background Color

Color Blindness Simulation

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

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

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

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

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

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