0 views

#ecd43f - Color Information

#ecd43f

Base Information

HEX

#ecd43f

RGB

236,212,63

HSL

52,82,59

HSV

52,73,93

CMYK

0,10,73,7

LAB

85,-7,72

LCH

85,72,96

XYZ

59,65,14

Web Safe

#ffcc33

Web Smart

#eecc44

is dark

luminosity

0.6528

Pantone Color

Combinations

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

#ecd43f

#3F57EC

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

#ecd43f

#3FAEEC

#7D3FEC

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

#ecd43f

#3FECD4

#D43FEC

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

#ecd43f

#3FEC7E

#3F57EC

#EC3FAE

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

#ecd43f

#3F57EC

#3FAEEC

#7D3FEC

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

#ecd43f

#AEEC3F

#57EC3F

#3FEC7E

Shades

#ecd43f Light Tints

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

#ECD43F

#EED852

#F0DD65

#F2E179

#F4E58C

#F6EA9F

#F7EEB2

#F9F2C5

#FBF6D9

#FDFBEC

#ecd43f Gray Shades

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

#ECD43F

#E1CC46

#D6C34C

#CCBB53

#C1B259

#B6AA60

#ABA266

#A0996D

#969173

#8B887A

#ecd43f Dark Shades

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

#ECD43F

#D4BF39

#BDAA32

#A5942C

#8E7F26

#766A20

#5E5519

#474013

#2F2A0D

#181506

#ecd43f Red Shades

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

#ECD43F

#EEBF39

#F0AA32

#F2942C

#F47F26

#F66A20

#F75519

#F94013

#FB2A0D

#FD1506

#ecd43f Green Shades

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

#ECD43F

#D4CC39

#BDC332

#A5BB2C

#8EB226

#76AA20

#5EA219

#479913

#2F910D

#188806

#ecd43f Blue Shades

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

#ECD43F

#D4BF52

#BDAA65

#A59479

#8E7F8C

#766A9F

#5E55B2

#4740C5

#2F2AD9

#1815EC

Readability Analysis

#ecd43f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.06	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.44	A	Sample Text
Blue	5.75	AA	Sample Text

#ecd43f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.06	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.44	A	Sample Text
Blue	5.75	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecd340`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8cd62`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f4ca9e`
Protanopia	No red perception - Dichromacy	`#edd241`
Deuteranopia	No green perception - Dichromacy	`#ffca76`
Tritanopia	No blue perception - Dichromacy	`#f9c5d4`
Achromatomaly	Partial color blindness - Monochromacy	`#d9d09a`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#ecd43f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecd43f Light Tints

#ecd43f Gray Shades

#ecd43f Dark Shades

#ecd43f Red Shades

#ecd43f Green Shades

#ecd43f Blue Shades

Readability Analysis

#ecd43f as Text Color

#ecd43f as Background Color

Color Blindness Simulation

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

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

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

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

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

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