0 views

#defef9 - Color Information

#defef9

Base Information

HEX

#defef9

RGB

222,254,249

HSL

171,94,93

HSV

171,13,100

CMYK

13,0,2,0

LAB

97,-11,-1

LCH

97,11,186

XYZ

83,93,103

Web Safe

#ccffff

Web Smart

#ddffff

is dark

luminosity

0.9325

Pantone Color

Combinations

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

#defef9

#FEDEE3

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

#defef9

#FEDEF3

#FEE9DE

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

#defef9

#F9DEFE

#FEF9DE

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

#defef9

#E9DEFE

#FEDEE3

#F3FEDE

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

#defef9

#FEDEE3

#FEDEF3

#FEE9DE

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

#defef9

#DEF3FE

#DEE3FE

#E9DEFE

Shades

#defef9 Light Tints

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

#DEFEF9

#E1FEFA

#E5FEFA

#E8FEFB

#EBFEFB

#EFFFFC

#F2FFFD

#F5FFFD

#F8FFFE

#FCFFFE

#defef9 Gray Shades

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

#DEFEF9

#D5F1ED

#CBE5E1

#C2D8D5

#B8CCC9

#AFBFBD

#A6B2B0

#9CA6A4

#939998

#898D8C

#defef9 Dark Shades

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

#DEFEF9

#C8E5E0

#B2CBC7

#9BB2AE

#859895

#6F7F7D

#596664

#434C4B

#2C3332

#161919

#defef9 Red Shades

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

#DEFEF9

#E1E5E0

#E5CBC7

#E8B2AE

#EB9895

#EF7F7D

#F26664

#F54C4B

#F83332

#FC1919

#defef9 Green Shades

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

#DEFEF9

#C8F1E0

#B2E5C7

#9BD8AE

#85CC95

#6FBF7D

#59B264

#43A64B

#2C9932

#168D19

#defef9 Blue Shades

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

#DEFEF9

#C8E5FA

#B2CBFA

#9BB2FB

#8598FB

#6F7FFC

#5966FD

#434CFD

#2C33FE

#1619FE

Readability Analysis

#defef9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.07	Fail	Sample Text
Black	19.65	AAA	Sample Text
Red	3.74	A	Sample Text
Green	4.81	AA	Sample Text
Blue	8.04	AAA	Sample Text

#defef9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.07	Fail	Sample Text
Black	19.65	AAA	Sample Text
Red	3.74	A	Sample Text
Green	4.81	AA	Sample Text
Blue	8.04	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f1f9f6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3f8f9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#eafafd`
Protanopia	No red perception - Dichromacy	`#fcf6f5`
Deuteranopia	No green perception - Dichromacy	`#fff4f9`
Tritanopia	No blue perception - Dichromacy	`#f0f8ff`
Achromatomaly	Partial color blindness - Monochromacy	`#eef9f8`
Achromatopsia	Complete color blindness - Monochromacy	`#f7f7f7`

#defef9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#defef9 Light Tints

#defef9 Gray Shades

#defef9 Dark Shades

#defef9 Red Shades

#defef9 Green Shades

#defef9 Blue Shades

Readability Analysis

#defef9 as Text Color

#defef9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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