0 views

#ecf00f - Color Information

#ecf00f

Base Information

HEX

#ecf00f

RGB

236,240,15

HSL

61,88,50

HSV

61,94,94

CMYK

2,0,94,6

LAB

92,-22,89

LCH

92,91,104

XYZ

66,80,12

Web Safe

#ffff00

Web Smart

#eeee11

is dark

luminosity

0.8019

Pantone Color

Combinations

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

#ecf00f

#130FF0

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

#ecf00f

#0F7BF0

#840FF0

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

#ecf00f

#0FECF0

#F00FEC

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

#ecf00f

#0FF084

#130FF0

#F00F7B

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

#ecf00f

#130FF0

#0F7BF0

#840FF0

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

#ecf00f

#7BF00F

#0FF013

#0FF084

Shades

#ecf00f Light Tints

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

#ECF00F

#EEF227

#F0F33F

#F2F557

#F4F66F

#F6F887

#F7F99F

#F9FBB7

#FBFCCF

#FDFEE7

#ecf00f Gray Shades

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

#ECF00F

#E1E51A

#D6DA26

#CCCE31

#C1C33C

#B6B848

#ABAD53

#A0A25E

#969669

#8B8B75

#ecf00f Dark Shades

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

#ECF00F

#D4D80E

#BDC00C

#A5A80B

#8E9009

#767808

#5E6006

#474804

#2F3003

#181801

#ecf00f Red Shades

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

#ECF00F

#EED80E

#F0C00C

#F2A80B

#F49009

#F67808

#F76006

#F94804

#FB3003

#FD1801

#ecf00f Green Shades

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

#ECF00F

#D4E50E

#BDDA0C

#A5CE0B

#8EC309

#76B808

#5EAD06

#47A204

#2F9603

#188B01

#ecf00f Blue Shades

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

#ECF00F

#D4D827

#BDC03F

#A5A857

#8E906F

#767887

#5E609F

#4748B7

#2F30CF

#1818E7

Readability Analysis

#ecf00f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.04	AAA	Sample Text
Red	3.24	A	Sample Text
Green	4.17	A	Sample Text
Blue	6.97	AA	Sample Text

#ecf00f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.04	AAA	Sample Text
Red	3.24	A	Sample Text
Green	4.17	A	Sample Text
Blue	6.97	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f8ea51`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8e77f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f7e59e`
Protanopia	No red perception - Dichromacy	`#ffe776`
Deuteranopia	No green perception - Dichromacy	`#ffe3bf`
Tritanopia	No blue perception - Dichromacy	`#fedeef`
Achromatomaly	Partial color blindness - Monochromacy	`#e4e593`
Achromatopsia	Complete color blindness - Monochromacy	`#dfdfdf`

#ecf00f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecf00f Light Tints

#ecf00f Gray Shades

#ecf00f Dark Shades

#ecf00f Red Shades

#ecf00f Green Shades

#ecf00f Blue Shades

Readability Analysis

#ecf00f as Text Color

#ecf00f as Background Color

Color Blindness Simulation

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

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

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

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

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

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