0 views

#defef4 - Color Information

#defef4

Base Information

HEX

#defef4

RGB

222,254,244

HSL

161,94,93

HSV

161,13,100

CMYK

13,0,4,0

LAB

97,-12,1

LCH

97,12,174

XYZ

82,93,99

Web Safe

#ccffff

Web Smart

#ddffee

is dark

luminosity

0.9294

Pantone Color

Combinations

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

#defef4

#FEDEE8

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

#defef4

#FEDEF8

#FEE4DE

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

#defef4

#F4DEFE

#FEF4DE

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

#defef4

#E4DEFE

#FEDEE8

#F8FEDE

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

#defef4

#FEDEE8

#FEDEF8

#FEE4DE

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

#defef4

#DEF8FE

#DEE8FE

#E4DEFE

Shades

#defef4 Light Tints

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

#DEFEF4

#E1FEF5

#E5FEF6

#E8FEF7

#EBFEF8

#EFFFFA

#F2FFFB

#F5FFFC

#F8FFFD

#FCFFFE

#defef4 Gray Shades

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

#DEFEF4

#D5F1E8

#CBE5DD

#C2D8D1

#B8CCC6

#AFBFBA

#A6B2AE

#9CA6A3

#939997

#898D8C

#defef4 Dark Shades

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

#DEFEF4

#C8E5DC

#B2CBC3

#9BB2AB

#859892

#6F7F7A

#596662

#434C49

#2C3331

#161918

#defef4 Red Shades

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

#DEFEF4

#E1E5DC

#E5CBC3

#E8B2AB

#EB9892

#EF7F7A

#F26662

#F54C49

#F83331

#FC1918

#defef4 Green Shades

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

#DEFEF4

#C8F1DC

#B2E5C3

#9BD8AB

#85CC92

#6FBF7A

#59B262

#43A649

#2C9931

#168D18

#defef4 Blue Shades

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

#DEFEF4

#C8E5F5

#B2CBF6

#9BB2F7

#8598F8

#6F7FFA

#5966FB

#434CFC

#2C33FD

#1619FE

Readability Analysis

#defef4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.07	Fail	Sample Text
Black	19.59	AAA	Sample Text
Red	3.73	A	Sample Text
Green	4.79	AA	Sample Text
Blue	8.02	AAA	Sample Text

#defef4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.07	Fail	Sample Text
Black	19.59	AAA	Sample Text
Red	3.73	A	Sample Text
Green	4.79	AA	Sample Text
Blue	8.02	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f2f9f1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3f8f6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e9fafb`
Protanopia	No red perception - Dichromacy	`#fdf5ef`
Deuteranopia	No green perception - Dichromacy	`#fff4f7`
Tritanopia	No blue perception - Dichromacy	`#f0f8ff`
Achromatomaly	Partial color blindness - Monochromacy	`#eef9f6`
Achromatopsia	Complete color blindness - Monochromacy	`#f6f6f6`

#defef4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#defef4 Light Tints

#defef4 Gray Shades

#defef4 Dark Shades

#defef4 Red Shades

#defef4 Green Shades

#defef4 Blue Shades

Readability Analysis

#defef4 as Text Color

#defef4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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