0 views

#ecf80c - Color Information

#ecf80c

Base Information

HEX

#ecf80c

RGB

236,248,12

HSL

63,94,51

HSV

63,95,97

CMYK

5,0,95,3

LAB

94,-26,91

LCH

94,94,106

XYZ

68,85,13

Web Safe

#ffff00

Web Smart

#eeff11

is dark

luminosity

0.8499

Pantone Color

Combinations

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

#ecf80c

#180CF8

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

#ecf80c

#0C76F8

#8E0CF8

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

#ecf80c

#0CECF8

#F80CEC

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

#ecf80c

#0CF88E

#180CF8

#F80C76

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

#ecf80c

#180CF8

#0C76F8

#8E0CF8

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

#ecf80c

#76F80C

#0CF818

#0CF88E

Shades

#ecf80c Light Tints

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

#ECF80C

#EEF924

#F0F93D

#F2FA55

#F4FB6D

#F6FC86

#F7FC9E

#F9FDB6

#FBFECE

#FDFEE7

#ecf80c Gray Shades

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

#ECF80C

#E1EC18

#D6E023

#CCD42F

#C1C83A

#B6BC46

#ABB052

#A0A45D

#969869

#8B8C74

#ecf80c Dark Shades

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

#ECF80C

#D4DF0B

#BDC60A

#A5AE08

#8E9507

#767C06

#5E6305

#474A04

#2F3202

#181901

#ecf80c Red Shades

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

#ECF80C

#EEDF0B

#F0C60A

#F2AE08

#F49507

#F67C06

#F76305

#F94A04

#FB3202

#FD1901

#ecf80c Green Shades

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

#ECF80C

#D4EC0B

#BDE00A

#A5D408

#8EC807

#76BC06

#5EB005

#47A404

#2F9802

#188C01

#ecf80c Blue Shades

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

#ECF80C

#D4DF24

#BDC63D

#A5AE55

#8E956D

#767C86

#5E639E

#474AB6

#2F32CE

#1819E7

Readability Analysis

#ecf80c as Text Color

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

#ecf80c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	18.00	AAA	Sample Text
Red	3.43	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	`#f8f16d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8ef89`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f8eda2`
Protanopia	No red perception - Dichromacy	`#ffeda5`
Deuteranopia	No green perception - Dichromacy	`#ffead0`
Tritanopia	No blue perception - Dichromacy	`#ffe6f7`
Achromatomaly	Partial color blindness - Monochromacy	`#e7ec96`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#ecf80c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecf80c Light Tints

#ecf80c Gray Shades

#ecf80c Dark Shades

#ecf80c Red Shades

#ecf80c Green Shades

#ecf80c Blue Shades

Readability Analysis

#ecf80c as Text Color

#ecf80c as Background Color

Color Blindness Simulation

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

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

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

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

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

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