0 views

#ecf74f - Color Information

#ecf74f

Base Information

HEX

#ecf74f

RGB

236,247,79

HSL

64,91,64

HSV

64,68,97

CMYK

4,0,68,3

LAB

94,-24,75

LCH

94,79,107

XYZ

69,85,20

Web Safe

#ffff66

Web Smart

#eeff55

is dark

luminosity

0.8492

Pantone Color

Combinations

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

#ecf74f

#5A4FF7

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

#ecf74f

#4F98F7

#AE4FF7

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

#ecf74f

#4FECF7

#F74FEC

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

#ecf74f

#4FF7AE

#5A4FF7

#F74F98

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

#ecf74f

#5A4FF7

#4F98F7

#AE4FF7

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

#ecf74f

#98F74F

#4FF75A

#4FF7AE

Shades

#ecf74f Light Tints

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

#ECF74F

#EEF861

#F0F972

#F2F984

#F4FA95

#F6FBA7

#F7FCB9

#F9FDCA

#FBFDDC

#FDFEED

#ecf74f Gray Shades

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

#ECF74F

#E1EB54

#D6DF59

#CCD35E

#C1C763

#B6BC68

#ABB06C

#A0A471

#969876

#8B8C7B

#ecf74f Dark Shades

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

#ECF74F

#D4DE47

#BDC63F

#A5AD37

#8E942F

#767C28

#5E6320

#474A18

#2F3110

#181908

#ecf74f Red Shades

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

#ECF74F

#EEDE47

#F0C63F

#F2AD37

#F4942F

#F67C28

#F76320

#F94A18

#FB3110

#FD1908

#ecf74f Green Shades

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

#ECF74F

#D4EB47

#BDDF3F

#A5D337

#8EC72F

#76BC28

#5EB020

#47A418

#2F9810

#188C08

#ecf74f Blue Shades

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

#ECF74F

#D4DE61

#BDC672

#A5AD84

#8E9495

#767CA7

#5E63B9

#474ACA

#2F31DC

#1819ED

Readability Analysis

#ecf74f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.98	AAA	Sample Text
Red	3.42	A	Sample Text
Green	4.40	A	Sample Text
Blue	7.36	AAA	Sample Text

#ecf74f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.98	AAA	Sample Text
Red	3.42	A	Sample Text
Green	4.40	A	Sample Text
Blue	7.36	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f8f186`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8eea2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f7ecbb`
Protanopia	No red perception - Dichromacy	`#ffeda5`
Deuteranopia	No green perception - Dichromacy	`#ffead1`
Tritanopia	No blue perception - Dichromacy	`#fee6f8`
Achromatomaly	Partial color blindness - Monochromacy	`#eaeeb1`
Achromatopsia	Complete color blindness - Monochromacy	`#e9e9e9`

#ecf74f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecf74f Light Tints

#ecf74f Gray Shades

#ecf74f Dark Shades

#ecf74f Red Shades

#ecf74f Green Shades

#ecf74f Blue Shades

Readability Analysis

#ecf74f as Text Color

#ecf74f as Background Color

Color Blindness Simulation

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

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

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

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

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

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