0 views

#ecf64f - Color Information

#ecf64f

Base Information

HEX

#ecf64f

RGB

236,246,79

HSL

64,90,64

HSV

64,68,96

CMYK

4,0,68,4

LAB

94,-23,75

LCH

94,79,107

XYZ

69,84,20

Web Safe

#ffff66

Web Smart

#eeee55

is dark

luminosity

0.8431

Pantone Color

Combinations

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

#ecf64f

#594FF6

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

#ecf64f

#4F98F6

#AC4FF6

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

#ecf64f

#4FECF6

#F64FEC

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

#ecf64f

#4FF6AC

#594FF6

#F64F98

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

#ecf64f

#594FF6

#4F98F6

#AC4FF6

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

#ecf64f

#98F64F

#4FF659

#4FF6AC

Shades

#ecf64f Light Tints

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

#ECF64F

#EEF761

#F0F872

#F2F984

#F4FA95

#F6FBA7

#F7FBB9

#F9FCCA

#FBFDDC

#FDFEED

#ecf64f Gray Shades

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

#ECF64F

#E1EA54

#D6DE59

#CCD35E

#C1C763

#B6BB68

#ABAF6C

#A0A371

#969876

#8B8C7B

#ecf64f Dark Shades

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

#ECF64F

#D4DD47

#BDC53F

#A5AC37

#8E942F

#767B28

#5E6220

#474A18

#2F3110

#181908

#ecf64f Red Shades

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

#ECF64F

#EEDD47

#F0C53F

#F2AC37

#F4942F

#F67B28

#F76220

#F94A18

#FB3110

#FD1908

#ecf64f Green Shades

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

#ECF64F

#D4EA47

#BDDE3F

#A5D337

#8EC72F

#76BB28

#5EAF20

#47A318

#2F9810

#188C08

#ecf64f Blue Shades

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

#ECF64F

#D4DD61

#BDC572

#A5AC84

#8E9495

#767BA7

#5E62B9

#474ACA

#2F31DC

#1819ED

Readability Analysis

#ecf64f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.86	AAA	Sample Text
Red	3.40	A	Sample Text
Green	4.37	A	Sample Text
Blue	7.31	AAA	Sample Text

#ecf64f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.86	AAA	Sample Text
Red	3.40	A	Sample Text
Green	4.37	A	Sample Text
Blue	7.31	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f8f083`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8eea1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f7ebba`
Protanopia	No red perception - Dichromacy	`#ffeca0`
Deuteranopia	No green perception - Dichromacy	`#ffe9cf`
Tritanopia	No blue perception - Dichromacy	`#fee5f7`
Achromatomaly	Partial color blindness - Monochromacy	`#e9edb0`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#ecf64f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecf64f Light Tints

#ecf64f Gray Shades

#ecf64f Dark Shades

#ecf64f Red Shades

#ecf64f Green Shades

#ecf64f Blue Shades

Readability Analysis

#ecf64f as Text Color

#ecf64f as Background Color

Color Blindness Simulation

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

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

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

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

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

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