0 views

#ecfc1f - Color Information

#ecfc1f

Base Information

HEX

#ecfc1f

RGB

236,252,31

HSL

64,97,55

HSV

64,88,99

CMYK

6,0,88,1

LAB

95,-28,89

LCH

95,93,107

XYZ

70,88,15

Web Safe

#ffff33

Web Smart

#eeff22

is dark

luminosity

0.8755

Pantone Color

Combinations

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

#ecfc1f

#2F1FFC

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

#ecfc1f

#1F7DFC

#9D1FFC

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

#ecfc1f

#1FECFC

#FC1FEC

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

#ecfc1f

#1FFC9E

#2F1FFC

#FC1F7E

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

#ecfc1f

#2F1FFC

#1F7DFC

#9D1FFC

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

#ecfc1f

#7EFC1F

#1FFC2F

#1FFC9E

Shades

#ecfc1f Light Tints

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

#ECFC1F

#EEFC35

#F0FD4C

#F2FD62

#F4FD79

#F6FE8F

#F7FEA5

#F9FEBC

#FBFED2

#FDFFE9

#ecfc1f Gray Shades

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

#ECFC1F

#E1F029

#D6E332

#CCD73C

#C1CA46

#B6BE50

#ABB259

#A0A563

#96996D

#8B8C76

#ecfc1f Dark Shades

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

#ECFC1F

#D4E31C

#BDCA19

#A5B016

#8E9713

#767E10

#5E650C

#474C09

#2F3206

#181903

#ecfc1f Red Shades

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

#ECFC1F

#EEE31C

#F0CA19

#F2B016

#F49713

#F67E10

#F7650C

#F94C09

#FB3206

#FD1903

#ecfc1f Green Shades

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

#ECFC1F

#D4F01C

#BDE319

#A5D716

#8ECA13

#76BE10

#5EB20C

#47A509

#2F9906

#188C03

#ecfc1f Blue Shades

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

#ECFC1F

#D4E335

#BDCA4C

#A5B062

#8E9779

#767E8F

#5E65A5

#474CBC

#2F32D2

#1819E9

Readability Analysis

#ecfc1f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.13	Fail	Sample Text
Black	18.51	AAA	Sample Text
Red	3.52	A	Sample Text
Green	4.53	AA	Sample Text
Blue	7.57	AAA	Sample Text

#ecfc1f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.13	Fail	Sample Text
Black	18.51	AAA	Sample Text
Red	3.52	A	Sample Text
Green	4.53	AA	Sample Text
Blue	7.57	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f8f580`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8f396`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f8f1ab`
Protanopia	No red perception - Dichromacy	`#fff0b8`
Deuteranopia	No green perception - Dichromacy	`#ffeed9`
Tritanopia	No blue perception - Dichromacy	`#ffeafb`
Achromatomaly	Partial color blindness - Monochromacy	`#eaf09f`
Achromatopsia	Complete color blindness - Monochromacy	`#e9e9e9`

#ecfc1f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecfc1f Light Tints

#ecfc1f Gray Shades

#ecfc1f Dark Shades

#ecfc1f Red Shades

#ecfc1f Green Shades

#ecfc1f Blue Shades

Readability Analysis

#ecfc1f as Text Color

#ecfc1f as Background Color

Color Blindness Simulation

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

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

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

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

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

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