0 views

#ecdc3f - Color Information

#ecdc3f

Base Information

HEX

#ecdc3f

RGB

236,220,63

HSL

54,82,59

HSV

54,73,93

CMYK

0,7,73,7

LAB

87,-11,74

LCH

87,75,99

XYZ

61,69,15

Web Safe

#ffcc33

Web Smart

#eedd44

is dark

luminosity

0.6938

Pantone Color

Combinations

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

#ecdc3f

#3F4FEC

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

#ecdc3f

#3FA5EC

#863FEC

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

#ecdc3f

#3FECDC

#DC3FEC

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

#ecdc3f

#3FEC86

#3F4FEC

#EC3FA5

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

#ecdc3f

#3F4FEC

#3FA5EC

#863FEC

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

#ecdc3f

#A5EC3F

#4FEC3F

#3FEC86

Shades

#ecdc3f Light Tints

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

#ECDC3F

#EEE052

#F0E365

#F2E779

#F4EA8C

#F6EE9F

#F7F1B2

#F9F5C5

#FBF8D9

#FDFCEC

#ecdc3f Gray Shades

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

#ECDC3F

#E1D346

#D6CA4C

#CCC053

#C1B759

#B6AE60

#ABA566

#A09C6D

#969273

#8B897A

#ecdc3f Dark Shades

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

#ECDC3F

#D4C639

#BDB032

#A59A2C

#8E8426

#766E20

#5E5819

#474213

#2F2C0D

#181606

#ecdc3f Red Shades

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

#ECDC3F

#EEC639

#F0B032

#F29A2C

#F48426

#F66E20

#F75819

#F94213

#FB2C0D

#FD1606

#ecdc3f Green Shades

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

#ECDC3F

#D4D339

#BDCA32

#A5C02C

#8EB726

#76AE20

#5EA519

#479C13

#2F920D

#188906

#ecdc3f Blue Shades

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

#ECDC3F

#D4C652

#BDB065

#A59A79

#8E848C

#766E9F

#5E58B2

#4742C5

#2F2CD9

#1816EC

Readability Analysis

#ecdc3f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.88	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.64	A	Sample Text
Blue	6.09	AA	Sample Text

#ecdc3f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.88	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.64	A	Sample Text
Blue	6.09	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f1da40`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8d572`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f5d2a3`
Protanopia	No red perception - Dichromacy	`#f3d841`
Deuteranopia	No green perception - Dichromacy	`#ffd18f`
Tritanopia	No blue perception - Dichromacy	`#faccdc`
Achromatomaly	Partial color blindness - Monochromacy	`#ddd79e`
Achromatopsia	Complete color blindness - Monochromacy	`#d4d4d4`

#ecdc3f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecdc3f Light Tints

#ecdc3f Gray Shades

#ecdc3f Dark Shades

#ecdc3f Red Shades

#ecdc3f Green Shades

#ecdc3f Blue Shades

Readability Analysis

#ecdc3f as Text Color

#ecdc3f as Background Color

Color Blindness Simulation

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

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

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

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

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

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