0 views

#def0dd - Color Information

#def0dd

Base Information

HEX

#def0dd

RGB

222,240,221

HSL

117,39,90

HSV

117,8,94

CMYK

7,0,8,6

LAB

93,-9,7

LCH

93,12,143

XYZ

74,83,81

Web Safe

#ccffcc

Web Smart

#ddeedd

is dark

luminosity

0.8307

Pantone Color

Combinations

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

#def0dd

#EFDDF0

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

#def0dd

#E6DDF0

#F0DDE7

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

#def0dd

#DDDEF0

#F0DDDE

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

#def0dd

#DDE7F0

#EFDDF0

#F0E6DD

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

#def0dd

#EFDDF0

#E6DDF0

#F0DDE7

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

#def0dd

#DDF0E6

#DDF0EF

#DDE7F0

Shades

#def0dd Light Tints

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

#DEF0DD

#E1F2E0

#E5F3E4

#E8F5E7

#EBF6EB

#EFF8EE

#F2F9F1

#F5FBF5

#F8FCF8

#FCFEFC

#def0dd Gray Shades

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

#DEF0DD

#D5E5D4

#CBDACA

#C2CEC1

#B8C3B8

#AFB8AF

#A6ADA5

#9CA29C

#939693

#898B89

#def0dd Dark Shades

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

#DEF0DD

#C8D8C7

#B2C0B1

#9BA89B

#859085

#6F786F

#596058

#434842

#2C302C

#161816

#def0dd Red Shades

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

#DEF0DD

#E1D8C7

#E5C0B1

#E8A89B

#EB9085

#EF786F

#F26058

#F54842

#F8302C

#FC1816

#def0dd Green Shades

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

#DEF0DD

#C8E5C7

#B2DAB1

#9BCE9B

#85C385

#6FB86F

#59AD58

#43A242

#2C962C

#168B16

#def0dd Blue Shades

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

#DEF0DD

#C8D8E0

#B2C0E4

#9BA8E7

#8590EB

#6F78EE

#5960F1

#4348F5

#2C30F8

#1618FC

Readability Analysis

#def0dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.61	AAA	Sample Text
Red	3.35	A	Sample Text
Green	4.31	A	Sample Text
Blue	7.21	AAA	Sample Text

#def0dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.61	AAA	Sample Text
Red	3.35	A	Sample Text
Green	4.31	A	Sample Text
Blue	7.21	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ebecda`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3e9e1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e1edf1`
Protanopia	No red perception - Dichromacy	`#f3e9d9`
Deuteranopia	No green perception - Dichromacy	`#ffe5e3`
Tritanopia	No blue perception - Dichromacy	`#e3ebfd`
Achromatomaly	Partial color blindness - Monochromacy	`#e6ede6`
Achromatopsia	Complete color blindness - Monochromacy	`#ebebeb`

#def0dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#def0dd Light Tints

#def0dd Gray Shades

#def0dd Dark Shades

#def0dd Red Shades

#def0dd Green Shades

#def0dd Blue Shades

Readability Analysis

#def0dd as Text Color

#def0dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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