0 views

#ecea4d - Color Information

#ecea4d

Base Information

HEX

#ecea4d

RGB

236,234,77

HSL

59,81,61

HSV

59,67,93

CMYK

0,1,67,7

LAB

90,-17,73

LCH

90,75,103

XYZ

65,77,18

Web Safe

#ffff66

Web Smart

#eeee55

is dark

luminosity

0.7721

Pantone Color

Combinations

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

#ecea4d

#4D4FEC

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

#ecea4d

#4D9FEC

#9B4DEC

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

#ecea4d

#4DECEA

#EA4DEC

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

#ecea4d

#4DEC9A

#4D4FEC

#EC4D9E

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

#ecea4d

#4D4FEC

#4D9FEC

#9B4DEC

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

#ecea4d

#9FEC4D

#4FEC4D

#4DEC9A

Shades

#ecea4d Light Tints

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

#ECEA4D

#EEEC5F

#F0EE71

#F2F082

#F4F294

#F6F5A6

#F7F7B8

#F9F9CA

#FBFBDB

#FDFDED

#ecea4d Gray Shades

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

#ECEA4D

#E1DF52

#D6D557

#CCCA5C

#C1C061

#B6B567

#ABAA6C

#A0A071

#969576

#8B8B7B

#ecea4d Dark Shades

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

#ECEA4D

#D4D345

#BDBB3E

#A5A436

#8E8C2E

#767527

#5E5E1F

#474617

#2F2F0F

#181708

#ecea4d Red Shades

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

#ECEA4D

#EED345

#F0BB3E

#F2A436

#F48C2E

#F67527

#F75E1F

#F94617

#FB2F0F

#FD1708

#ecea4d Green Shades

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

#ECEA4D

#D4DF45

#BDD53E

#A5CA36

#8EC02E

#76B527

#5EAA1F

#47A017

#2F950F

#188B08

#ecea4d Blue Shades

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

#ECEA4D

#D4D35F

#BDBB71

#A5A482

#8E8C94

#7675A6

#5E5EB8

#4746CA

#2F2FDB

#1817ED

Readability Analysis

#ecea4d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.28	Fail	Sample Text
Black	16.44	AAA	Sample Text
Red	3.13	A	Sample Text
Green	4.02	A	Sample Text
Blue	6.73	AA	Sample Text

#ecea4d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.28	Fail	Sample Text
Black	16.44	AAA	Sample Text
Red	3.13	A	Sample Text
Green	4.02	A	Sample Text
Blue	6.73	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f8e64d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8e28f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f6e0b1`
Protanopia	No red perception - Dichromacy	`#ffe34d`
Deuteranopia	No green perception - Dichromacy	`#ffdeb4`
Tritanopia	No blue perception - Dichromacy	`#fcdaeb`
Achromatomaly	Partial color blindness - Monochromacy	`#e4e3aa`
Achromatopsia	Complete color blindness - Monochromacy	`#dfdfdf`

#ecea4d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecea4d Light Tints

#ecea4d Gray Shades

#ecea4d Dark Shades

#ecea4d Red Shades

#ecea4d Green Shades

#ecea4d Blue Shades

Readability Analysis

#ecea4d as Text Color

#ecea4d as Background Color

Color Blindness Simulation

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

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

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

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

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

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