0 views

#ecf85c - Color Information

#ecf85c

Base Information

HEX

#ecf85c

RGB

236,248,92

HSL

65,92,67

HSV

65,63,97

CMYK

5,0,63,3

LAB

94,-23,71

LCH

94,75,108

XYZ

70,86,23

Web Safe

#ffff66

Web Smart

#eeff55

is dark

luminosity

0.8574

Pantone Color

Combinations

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

#ecf85c

#685CF8

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

#ecf85c

#5C9EF8

#B65CF8

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

#ecf85c

#5CECF8

#F85CEC

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

#ecf85c

#5CF8B6

#685CF8

#F85C9E

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

#ecf85c

#685CF8

#5C9EF8

#B65CF8

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

#ecf85c

#9EF85C

#5CF868

#5CF8B6

Shades

#ecf85c Light Tints

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

#ECF85C

#EEF96C

#F0F97D

#F2FA8D

#F4FB9D

#F6FCAE

#F7FCBE

#F9FDCE

#FBFEDE

#FDFEEF

#ecf85c Gray Shades

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

#ECF85C

#E1EC60

#D6E063

#CCD467

#C1C86A

#B6BC6E

#ABB072

#A0A475

#969879

#8B8C7C

#ecf85c Dark Shades

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

#ECF85C

#D4DF53

#BDC64A

#A5AE40

#8E9537

#767C2E

#5E6325

#474A1C

#2F3212

#181909

#ecf85c Red Shades

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

#ECF85C

#EEDF53

#F0C64A

#F2AE40

#F49537

#F67C2E

#F76325

#F94A1C

#FB3212

#FD1909

#ecf85c Green Shades

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

#ECF85C

#D4EC53

#BDE04A

#A5D440

#8EC837

#76BC2E

#5EB025

#47A41C

#2F9812

#188C09

#ecf85c Blue Shades

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

#ECF85C

#D4DF6C

#BDC67D

#A5AE8D

#8E959D

#767CAE

#5E63BE

#474ACE

#2F32DE

#1819EF

Readability Analysis

#ecf85c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.16	Fail	Sample Text
Black	18.15	AAA	Sample Text
Red	3.46	A	Sample Text
Green	4.44	A	Sample Text
Blue	7.43	AAA	Sample Text

#ecf85c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.16	Fail	Sample Text
Black	18.15	AAA	Sample Text
Red	3.46	A	Sample Text
Green	4.44	A	Sample Text
Blue	7.43	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f8f28f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8f0a9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f7eec0`
Protanopia	No red perception - Dichromacy	`#ffeeac`
Deuteranopia	No green perception - Dichromacy	`#ffebd4`
Tritanopia	No blue perception - Dichromacy	`#fee8fa`
Achromatomaly	Partial color blindness - Monochromacy	`#ebefb6`
Achromatopsia	Complete color blindness - Monochromacy	`#eaeaea`

#ecf85c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecf85c Light Tints

#ecf85c Gray Shades

#ecf85c Dark Shades

#ecf85c Red Shades

#ecf85c Green Shades

#ecf85c Blue Shades

Readability Analysis

#ecf85c as Text Color

#ecf85c as Background Color

Color Blindness Simulation

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

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

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

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

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

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