0 views

#ecc71c - Color Information

#ecc71c

Base Information

HEX

#ecc71c

RGB

236,199,28

HSL

49,85,52

HSV

49,88,93

CMYK

0,16,88,7

LAB

81,-2,79

LCH

81,79,91

XYZ

55,59,10

Web Safe

#ffcc33

Web Smart

#eecc22

is dark

luminosity

0.5876

Pantone Color

Combinations

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

#ecc71c

#1C41EC

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

#ecc71c

#1CA9EC

#5F1CEC

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

#ecc71c

#1CECC7

#C71CEC

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

#ecc71c

#1CEC5F

#1C41EC

#EC1CA9

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

#ecc71c

#1C41EC

#1CA9EC

#5F1CEC

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

#ecc71c

#A9EC1C

#41EC1C

#1CEC5F

Shades

#ecc71c Light Tints

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

#ECC71C

#EECD33

#F0D249

#F2D860

#F4DD77

#F6E38E

#F7E9A4

#F9EEBB

#FBF4D2

#FDF9E8

#ecc71c Gray Shades

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

#ECC71C

#E1C026

#D6B930

#CCB23A

#C1AB44

#B6A44E

#AB9C58

#A09562

#968E6C

#8B8776

#ecc71c Dark Shades

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

#ECC71C

#D4B319

#BD9F16

#A58B14

#8E7711

#76640E

#5E500B

#473C08

#2F2806

#181403

#ecc71c Red Shades

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

#ECC71C

#EEB319

#F09F16

#F28B14

#F47711

#F6640E

#F7500B

#F93C08

#FB2806

#FD1403

#ecc71c Green Shades

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

#ECC71C

#D4C019

#BDB916

#A5B214

#8EAB11

#76A40E

#5E9C0B

#479508

#2F8E06

#188703

#ecc71c Blue Shades

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

#ECC71C

#D4B333

#BD9F49

#A58B60

#8E7777

#76648E

#5E50A4

#473CBB

#2F28D2

#1814E8

Readability Analysis

#ecc71c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.65	Fail	Sample Text
Black	12.75	AAA	Sample Text
Red	2.43	Fail	Sample Text
Green	3.12	A	Sample Text
Blue	5.22	AA	Sample Text

#ecc71c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.65	Fail	Sample Text
Black	12.75	AAA	Sample Text
Red	2.43	Fail	Sample Text
Green	3.12	A	Sample Text
Blue	5.22	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e6c820`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8c124`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f3bd88`
Protanopia	No red perception - Dichromacy	`#e3c922`
Deuteranopia	No green perception - Dichromacy	`#ffbe28`
Tritanopia	No blue perception - Dichromacy	`#f8b8c6`
Achromatomaly	Partial color blindness - Monochromacy	`#d2c486`
Achromatopsia	Complete color blindness - Monochromacy	`#c3c3c3`

#ecc71c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecc71c Light Tints

#ecc71c Gray Shades

#ecc71c Dark Shades

#ecc71c Red Shades

#ecc71c Green Shades

#ecc71c Blue Shades

Readability Analysis

#ecc71c as Text Color

#ecc71c as Background Color

Color Blindness Simulation

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

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

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

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

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

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