0 views

#def3dd - Color Information

#def3dd

Base Information

HEX

#def3dd

RGB

222,243,221

HSL

117,48,91

HSV

117,9,95

CMYK

9,0,9,5

LAB

94,-11,8

LCH

94,14,143

XYZ

75,85,81

Web Safe

#ccffcc

Web Smart

#ddeedd

is dark

luminosity

0.8485

Pantone Color

Combinations

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

#def3dd

#F2DDF3

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

#def3dd

#E7DDF3

#F3DDE9

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

#def3dd

#DDDEF3

#F3DDDE

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

#def3dd

#DDE9F3

#F2DDF3

#F3E7DD

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

#def3dd

#F2DDF3

#E7DDF3

#F3DDE9

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

#def3dd

#DDF3E7

#DDF3F2

#DDE9F3

Shades

#def3dd Light Tints

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

#DEF3DD

#E1F4E0

#E5F5E4

#E8F7E7

#EBF8EB

#EFF9EE

#F2FAF1

#F5FBF5

#F8FDF8

#FCFEFC

#def3dd Gray Shades

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

#DEF3DD

#D5E8D4

#CBDCCA

#C2D1C1

#B8C5B8

#AFBAAF

#A6AEA5

#9CA39C

#939793

#898C89

#def3dd Dark Shades

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

#DEF3DD

#C8DBC7

#B2C2B1

#9BAA9B

#859285

#6F7A6F

#596158

#434942

#2C312C

#161816

#def3dd Red Shades

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

#DEF3DD

#E1DBC7

#E5C2B1

#E8AA9B

#EB9285

#EF7A6F

#F26158

#F54942

#F8312C

#FC1816

#def3dd Green Shades

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

#DEF3DD

#C8E8C7

#B2DCB1

#9BD19B

#85C585

#6FBA6F

#59AE58

#43A342

#2C972C

#168C16

#def3dd Blue Shades

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

#DEF3DD

#C8DBE0

#B2C2E4

#9BAAE7

#8592EB

#6F7AEE

#5961F1

#4349F5

#2C31F8

#1618FC

Readability Analysis

#def3dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.97	AAA	Sample Text
Red	3.42	A	Sample Text
Green	4.40	A	Sample Text
Blue	7.35	AAA	Sample Text

#def3dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.97	AAA	Sample Text
Red	3.42	A	Sample Text
Green	4.40	A	Sample Text
Blue	7.35	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#edeeda`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3ece2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e2eff3`
Protanopia	No red perception - Dichromacy	`#f6ecd9`
Deuteranopia	No green perception - Dichromacy	`#ffe8e5`
Tritanopia	No blue perception - Dichromacy	`#e4edff`
Achromatomaly	Partial color blindness - Monochromacy	`#e8efe7`
Achromatopsia	Complete color blindness - Monochromacy	`#ededed`

#def3dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#def3dd Light Tints

#def3dd Gray Shades

#def3dd Dark Shades

#def3dd Red Shades

#def3dd Green Shades

#def3dd Blue Shades

Readability Analysis

#def3dd as Text Color

#def3dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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