0 views

#ecdd5f - Color Information

#ecdd5f

Base Information

HEX

#ecdd5f

RGB

236,221,95

HSL

54,79,65

HSV

54,60,93

CMYK

0,6,60,7

LAB

87,-10,62

LCH

87,63,99

XYZ

63,70,21

Web Safe

#ffcc66

Web Smart

#eedd66

is dark

luminosity

0.7037

Pantone Color

Combinations

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

#ecdd5f

#5F6EEC

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

#ecdd5f

#5FB5EC

#965FEC

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

#ecdd5f

#5FECDD

#DD5FEC

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

#ecdd5f

#5FEC96

#5F6EEC

#EC5FB5

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

#ecdd5f

#5F6EEC

#5FB5EC

#965FEC

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

#ecdd5f

#B5EC5F

#6EEC5F

#5FEC96

Shades

#ecdd5f Light Tints

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

#ECDD5F

#EEE06F

#F0E47F

#F2E78F

#F4EB9F

#F6EEAF

#F7F1BF

#F9F5CF

#FBF8DF

#FDFCEF

#ecdd5f Gray Shades

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

#ECDD5F

#E1D462

#D6CA66

#CCC169

#C1B86C

#B6AF70

#ABA573

#A09C76

#969379

#8B897D

#ecdd5f Dark Shades

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

#ECDD5F

#D4C756

#BDB14C

#A59B43

#8E8539

#766F30

#5E5826

#47421C

#2F2C13

#181609

#ecdd5f Red Shades

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

#ECDD5F

#EEC756

#F0B14C

#F29B43

#F48539

#F66F30

#F75826

#F9421C

#FB2C13

#FD1609

#ecdd5f Green Shades

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

#ECDD5F

#D4D456

#BDCA4C

#A5C143

#8EB839

#76AF30

#5EA526

#479C1C

#2F9313

#188909

#ecdd5f Blue Shades

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

#ECDD5F

#D4C76F

#BDB17F

#A59B8F

#8E859F

#766FAF

#5E58BF

#4742CF

#2F2CDF

#1816EF

Readability Analysis

#ecdd5f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.07	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

#ecdd5f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.07	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f0db5f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8d683`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f4d4b0`
Protanopia	No red perception - Dichromacy	`#f3da5f`
Deuteranopia	No green perception - Dichromacy	`#ffd297`
Tritanopia	No blue perception - Dichromacy	`#f9cede`
Achromatomaly	Partial color blindness - Monochromacy	`#dfd9ab`
Achromatopsia	Complete color blindness - Monochromacy	`#d7d7d7`

#ecdd5f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecdd5f Light Tints

#ecdd5f Gray Shades

#ecdd5f Dark Shades

#ecdd5f Red Shades

#ecdd5f Green Shades

#ecdd5f Blue Shades

Readability Analysis

#ecdd5f as Text Color

#ecdd5f as Background Color

Color Blindness Simulation

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

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

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

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

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

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