0 views

#ecefb0 - Color Information

#ecefb0

Base Information

HEX

#ecefb0

RGB

236,239,176

HSL

63,66,81

HSV

63,26,94

CMYK

1,0,26,6

LAB

93,-11,30

LCH

93,32,110

XYZ

73,83,53

Web Safe

#ffff99

Web Smart

#eeeeaa

is dark

luminosity

0.8270

Pantone Color

Combinations

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

#ecefb0

#B3B0EF

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

#ecefb0

#B0CDEF

#D2B0EF

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

#ecefb0

#B0ECEF

#EFB0EC

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

#ecefb0

#B0EFD3

#B3B0EF

#EFB0CD

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

#ecefb0

#B3B0EF

#B0CDEF

#D2B0EF

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

#ecefb0

#CDEFB0

#B0EFB3

#B0EFD3

Shades

#ecefb0 Light Tints

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

#ECEFB0

#EEF1B8

#F0F2C0

#F2F4C8

#F4F5D0

#F6F7D8

#F7F9DF

#F9FAE7

#FBFCEF

#FDFDF7

#ecefb0 Gray Shades

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

#ECEFB0

#E1E4AB

#D6D9A6

#CCCEA2

#C1C39D

#B6B898

#ABAC93

#A0A18E

#96968A

#8B8B85

#ecefb0 Dark Shades

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

#ECEFB0

#D4D79E

#BDBF8D

#A5A77B

#8E8F6A

#767858

#5E6046

#474835

#2F3023

#181812

#ecefb0 Red Shades

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

#ECEFB0

#EED79E

#F0BF8D

#F2A77B

#F48F6A

#F67858

#F76046

#F94835

#FB3023

#FD1812

#ecefb0 Green Shades

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

#ECEFB0

#D4E49E

#BDD98D

#A5CE7B

#8EC36A

#76B858

#5EAC46

#47A135

#2F9623

#188B12

#ecefb0 Blue Shades

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

#ECEFB0

#D4D7B8

#BDBFC0

#A5A7C8

#8E8FD0

#7678D8

#5E60DF

#4748E7

#2F30EF

#1818F7

Readability Analysis

#ecefb0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.20	Fail	Sample Text
Black	17.54	AAA	Sample Text
Red	3.34	A	Sample Text
Green	4.29	A	Sample Text
Blue	7.18	AAA	Sample Text

#ecefb0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.20	Fail	Sample Text
Black	17.54	AAA	Sample Text
Red	3.34	A	Sample Text
Green	4.29	A	Sample Text
Blue	7.18	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f6ecae`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8e9c6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f2e8dd`
Protanopia	No red perception - Dichromacy	`#fceaad`
Deuteranopia	No green perception - Dichromacy	`#ffe5d2`
Tritanopia	No blue perception - Dichromacy	`#f6e5f7`
Achromatomaly	Partial color blindness - Monochromacy	`#ebecd5`
Achromatopsia	Complete color blindness - Monochromacy	`#eaeaea`

#ecefb0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ecefb0 Light Tints

#ecefb0 Gray Shades

#ecefb0 Dark Shades

#ecefb0 Red Shades

#ecefb0 Green Shades

#ecefb0 Blue Shades

Readability Analysis

#ecefb0 as Text Color

#ecefb0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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