0 views

#ecf9af - Color Information

#ecf9af

Base Information

HEX

#ecf9af

RGB

236,249,175

HSL

71,86,83

HSV

71,30,98

CMYK

5,0,30,2

LAB

95,-16,34

LCH

95,38,115

XYZ

76,89,54

Web Safe

#ffff99

Web Smart

#eeffaa

is dark

luminosity

0.8868

Pantone Color

Combinations

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

#ecf9af

#BCAFF9

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

#ecf9af

#AFC7F9

#E1AFF9

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

#ecf9af

#AFECF9

#F9AFEC

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

#ecf9af

#AFF9E1

#BCAFF9

#F9AFC7

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

#ecf9af

#BCAFF9

#AFC7F9

#E1AFF9

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

#ecf9af

#C7F9AF

#AFF9BC

#AFF9E1

Shades

#ecf9af Light Tints

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

#ECF9AF

#EEFAB7

#F0FABF

#F2FBC7

#F4FBCF

#F6FCD7

#F7FDDF

#F9FDE7

#FBFEEF

#FDFEF7

#ecf9af Gray Shades

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

#ECF9AF

#E1EDAA

#D6E1A6

#CCD5A1

#C1C99C

#B6BD98

#ABB093

#A0A48E

#969889

#8B8C85

#ecf9af Dark Shades

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

#ECF9AF

#D4E09E

#BDC78C

#A5AE7A

#8E9569

#767D58

#5E6446

#474B34

#2F3223

#181911

#ecf9af Red Shades

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

#ECF9AF

#EEE09E

#F0C78C

#F2AE7A

#F49569

#F67D58

#F76446

#F94B34

#FB3223

#FD1911

#ecf9af Green Shades

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

#ECF9AF

#D4ED9E

#BDE18C

#A5D57A

#8EC969

#76BD58

#5EB046

#47A434

#2F9823

#188C11

#ecf9af Blue Shades

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

#ECF9AF

#D4E0B7

#BDC7BF

#A5AEC7

#8E95CF

#767DD7

#5E64DF

#474BE7

#2F32EF

#1819F7

Readability Analysis

#ecf9af as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.74	AAA	Sample Text
Red	3.57	A	Sample Text
Green	4.58	AA	Sample Text
Blue	7.67	AAA	Sample Text

#ecf9af as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.74	AAA	Sample Text
Red	3.57	A	Sample Text
Green	4.58	AA	Sample Text
Blue	7.67	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f8f4bd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8f2d0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f3f2e2`
Protanopia	No red perception - Dichromacy	`#fff1c5`
Deuteranopia	No green perception - Dichromacy	`#ffefe2`
Tritanopia	No blue perception - Dichromacy	`#f7eeff`
Achromatomaly	Partial color blindness - Monochromacy	`#eff4d9`
Achromatopsia	Complete color blindness - Monochromacy	`#f1f1f1`

#ecf9af - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecf9af Light Tints

#ecf9af Gray Shades

#ecf9af Dark Shades

#ecf9af Red Shades

#ecf9af Green Shades

#ecf9af Blue Shades

Readability Analysis

#ecf9af as Text Color

#ecf9af as Background Color

Color Blindness Simulation

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

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

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

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

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

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