0 views

#ecc26c - Color Information

#ecc26c

Base Information

HEX

#ecc26c

RGB

236,194,108

HSL

40,77,67

HSV

40,54,93

CMYK

0,18,54,7

LAB

80,5,48

LCH

80,49,84

XYZ

57,58,22

Web Safe

#ffcc66

Web Smart

#eebb66

is dark

luminosity

0.5750

Pantone Color

Combinations

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

#ecc26c

#6C96EC

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

#ecc26c

#6CD6EC

#826CEC

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

#ecc26c

#6CECC2

#C26CEC

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

#ecc26c

#6CEC82

#6C96EC

#EC6CD6

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

#ecc26c

#6C96EC

#6CD6EC

#826CEC

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

#ecc26c

#D6EC6C

#96EC6C

#6CEC82

Shades

#ecc26c Light Tints

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

#ECC26C

#EEC87B

#F0CE89

#F2D498

#F4DAA7

#F6E1B6

#F7E7C4

#F9EDD3

#FBF3E2

#FDF9F0

#ecc26c Gray Shades

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

#ECC26C

#E1BB6E

#D6B570

#CCAE72

#C1A874

#B6A176

#AB9A78

#A0947A

#968D7C

#8B877E

#ecc26c Dark Shades

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

#ECC26C

#D4AF61

#BD9B56

#A5884C

#8E7441

#766136

#5E4E2B

#473A20

#2F2716

#18130B

#ecc26c Red Shades

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

#ECC26C

#EEAF61

#F09B56

#F2884C

#F47441

#F66136

#F74E2B

#F93A20

#FB2716

#FD130B

#ecc26c Green Shades

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

#ECC26C

#D4BB61

#BDB556

#A5AE4C

#8EA841

#76A136

#5E9A2B

#479420

#2F8D16

#18870B

#ecc26c Blue Shades

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

#ECC26C

#D4AF7B

#BD9B89

#A58898

#8E74A7

#7661B6

#5E4EC4

#473AD3

#2F27E2

#1813F0

Readability Analysis

#ecc26c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.50	AAA	Sample Text
Red	2.38	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.11	AA	Sample Text

#ecc26c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.50	AAA	Sample Text
Red	2.38	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.11	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e1c56d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f1bf6c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f1baa4`
Protanopia	No red perception - Dichromacy	`#dbc66d`
Deuteranopia	No green perception - Dichromacy	`#f5bd6d`
Tritanopia	No blue perception - Dichromacy	`#f4b6c4`
Achromatomaly	Partial color blindness - Monochromacy	`#d3c4a4`
Achromatopsia	Complete color blindness - Monochromacy	`#c5c5c5`

#ecc26c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecc26c Light Tints

#ecc26c Gray Shades

#ecc26c Dark Shades

#ecc26c Red Shades

#ecc26c Green Shades

#ecc26c Blue Shades

Readability Analysis

#ecc26c as Text Color

#ecc26c as Background Color

Color Blindness Simulation

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

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

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

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

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

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