0 views

#ecc93c - Color Information

#ecc93c

Base Information

HEX

#ecc93c

RGB

236,201,60

HSL

48,82,58

HSV

48,75,93

CMYK

0,15,75,7

LAB

82,-2,70

LCH

82,70,91

XYZ

56,60,13

Web Safe

#ffcc33

Web Smart

#eecc44

is dark

luminosity

0.5993

Pantone Color

Combinations

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

#ecc93c

#3C5FEC

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

#ecc93c

#3CB7EC

#713CEC

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

#ecc93c

#3CECC9

#C93CEC

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

#ecc93c

#3CEC71

#3C5FEC

#EC3CB7

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

#ecc93c

#3C5FEC

#3CB7EC

#713CEC

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

#ecc93c

#B7EC3C

#5FEC3C

#3CEC71

Shades

#ecc93c Light Tints

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

#ECC93C

#EECE50

#F0D463

#F2D977

#F4DF8A

#F6E49E

#F7E9B1

#F9EFC5

#FBF4D8

#FDFAEC

#ecc93c Gray Shades

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

#ECC93C

#E1C243

#D6BA4A

#CCB350

#C1AC57

#B6A55E

#AB9D65

#A0966C

#968F72

#8B8779

#ecc93c Dark Shades

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

#ECC93C

#D4B536

#BDA130

#A58D2A

#8E7924

#76651E

#5E5018

#473C12

#2F280C

#181406

#ecc93c Red Shades

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

#ECC93C

#EEB536

#F0A130

#F28D2A

#F47924

#F6651E

#F75018

#F93C12

#FB280C

#FD1406

#ecc93c Green Shades

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

#ECC93C

#D4C236

#BDBA30

#A5B32A

#8EAC24

#76A51E

#5E9D18

#479612

#2F8F0C

#188706

#ecc93c Blue Shades

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

#ECC93C

#D4B550

#BDA163

#A58D77

#8E798A

#76659E

#5E50B1

#473CC5

#2F28D8

#1814EC

Readability Analysis

#ecc93c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.99	AAA	Sample Text
Red	2.47	Fail	Sample Text
Green	3.18	A	Sample Text
Blue	5.31	AA	Sample Text

#ecc93c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.99	AAA	Sample Text
Red	2.47	Fail	Sample Text
Green	3.18	A	Sample Text
Blue	5.31	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e7ca3e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8c342`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f3c095`
Protanopia	No red perception - Dichromacy	`#e4ca3f`
Deuteranopia	No green perception - Dichromacy	`#ffc045`
Tritanopia	No blue perception - Dichromacy	`#f7bac8`
Achromatomaly	Partial color blindness - Monochromacy	`#d4c794`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#ecc93c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecc93c Light Tints

#ecc93c Gray Shades

#ecc93c Dark Shades

#ecc93c Red Shades

#ecc93c Green Shades

#ecc93c Blue Shades

Readability Analysis

#ecc93c as Text Color

#ecc93c as Background Color

Color Blindness Simulation

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

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

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

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

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

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