0 views

#ecc15c - Color Information

#ecc15c

Base Information

HEX

#ecc15c

RGB

236,193,92

HSL

42,79,64

HSV

42,61,93

CMYK

0,18,61,7

LAB

80,4,56

LCH

80,56,86

XYZ

56,57,18

Web Safe

#ffcc66

Web Smart

#eebb55

is dark

luminosity

0.5675

Pantone Color

Combinations

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

#ecc15c

#5C87EC

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

#ecc15c

#5CCFEC

#795CEC

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

#ecc15c

#5CECC1

#C15CEC

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

#ecc15c

#5CEC79

#5C87EC

#EC5CCF

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

#ecc15c

#5C87EC

#5CCFEC

#795CEC

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

#ecc15c

#CFEC5C

#87EC5C

#5CEC79

Shades

#ecc15c Light Tints

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

#ECC15C

#EEC76C

#F0CD7D

#F2D48D

#F4DA9D

#F6E0AE

#F7E6BE

#F9ECCE

#FBF3DE

#FDF9EF

#ecc15c Gray Shades

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

#ECC15C

#E1BB60

#D6B463

#CCAE67

#C1A76A

#B6A16E

#AB9A72

#A09475

#968D79

#8B877C

#ecc15c Dark Shades

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

#ECC15C

#D4AE53

#BD9A4A

#A58740

#8E7437

#76612E

#5E4D25

#473A1C

#2F2712

#181309

#ecc15c Red Shades

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

#ECC15C

#EEAE53

#F09A4A

#F28740

#F47437

#F6612E

#F74D25

#F93A1C

#FB2712

#FD1309

#ecc15c Green Shades

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

#ECC15C

#D4BB53

#BDB44A

#A5AE40

#8EA737

#76A12E

#5E9A25

#47941C

#2F8D12

#188709

#ecc15c Blue Shades

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

#ECC15C

#D4AE6C

#BD9A7D

#A5878D

#8E749D

#7661AE

#5E4DBE

#473ACE

#2F27DE

#1813EF

Readability Analysis

#ecc15c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.35	AAA	Sample Text
Red	2.35	Fail	Sample Text
Green	3.02	A	Sample Text
Blue	5.05	AA	Sample Text

#ecc15c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.35	AAA	Sample Text
Red	2.35	Fail	Sample Text
Green	3.02	A	Sample Text
Blue	5.05	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e1c45d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f2be5d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f2b99d`
Protanopia	No red perception - Dichromacy	`#dbc55e`
Deuteranopia	No green perception - Dichromacy	`#f6bc5e`
Tritanopia	No blue perception - Dichromacy	`#f5b4c2`
Achromatomaly	Partial color blindness - Monochromacy	`#d2c29d`
Achromatopsia	Complete color blindness - Monochromacy	`#c3c3c3`

#ecc15c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecc15c Light Tints

#ecc15c Gray Shades

#ecc15c Dark Shades

#ecc15c Red Shades

#ecc15c Green Shades

#ecc15c Blue Shades

Readability Analysis

#ecc15c as Text Color

#ecc15c as Background Color

Color Blindness Simulation

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

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

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

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

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

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