0 views

#ecdc9f - Color Information

#ecdc9f

Base Information

HEX

#ecdc9f

RGB

236,220,159

HSL

48,67,77

HSV

48,33,93

CMYK

0,7,33,7

LAB

88,-3,32

LCH

88,32,96

XYZ

66,72,43

Web Safe

#ffcc99

Web Smart

#eedd99

is dark

luminosity

0.7152

Pantone Color

Combinations

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

#ecdc9f

#9FAFEC

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

#ecdc9f

#9FD5EC

#B69FEC

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

#ecdc9f

#9FECDC

#DC9FEC

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

#ecdc9f

#9FECB6

#9FAFEC

#EC9FD5

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

#ecdc9f

#9FAFEC

#9FD5EC

#B69FEC

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

#ecdc9f

#D5EC9F

#AFEC9F

#9FECB6

Shades

#ecdc9f Light Tints

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

#ECDC9F

#EEE0A9

#F0E3B2

#F2E7BC

#F4EAC5

#F6EECF

#F7F1D9

#F9F5E2

#FBF8EC

#FDFCF5

#ecdc9f Gray Shades

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

#ECDC9F

#E1D39C

#D6CA99

#CCC096

#C1B793

#B6AE90

#ABA58C

#A09C89

#969286

#8B8983

#ecdc9f Dark Shades

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

#ECDC9F

#D4C68F

#BDB07F

#A59A6F

#8E845F

#766E50

#5E5840

#474230

#2F2C20

#181610

#ecdc9f Red Shades

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

#ECDC9F

#EEC68F

#F0B07F

#F29A6F

#F4845F

#F66E50

#F75840

#F94230

#FB2C20

#FD1610

#ecdc9f Green Shades

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

#ECDC9F

#D4D38F

#BDCA7F

#A5C06F

#8EB75F

#76AE50

#5EA540

#479C30

#2F9220

#188910

#ecdc9f Blue Shades

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

#ECDC9F

#D4C6A9

#BDB0B2

#A59ABC

#8E84C5

#766ECF

#5E58D9

#4742E2

#2F2CEC

#1816F5

Readability Analysis

#ecdc9f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.30	AAA	Sample Text
Red	2.91	Fail	Sample Text
Green	3.74	A	Sample Text
Blue	6.26	AA	Sample Text

#ecdc9f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.30	AAA	Sample Text
Red	2.91	Fail	Sample Text
Green	3.74	A	Sample Text
Blue	6.26	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecdb9e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8d6a7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f1d6ca`
Protanopia	No red perception - Dichromacy	`#ecdb9d`
Deuteranopia	No green perception - Dichromacy	`#ffd3ab`
Tritanopia	No blue perception - Dichromacy	`#f5d2e2`
Achromatomaly	Partial color blindness - Monochromacy	`#e1dbc5`
Achromatopsia	Complete color blindness - Monochromacy	`#dbdbdb`

#ecdc9f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecdc9f Light Tints

#ecdc9f Gray Shades

#ecdc9f Dark Shades

#ecdc9f Red Shades

#ecdc9f Green Shades

#ecdc9f Blue Shades

Readability Analysis

#ecdc9f as Text Color

#ecdc9f as Background Color

Color Blindness Simulation

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

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

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

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

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

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