0 views

#ddf3ef - Color Information

#ddf3ef

Base Information

HEX

#ddf3ef

RGB

221,243,239

HSL

169,48,91

HSV

169,9,95

CMYK

9,0,2,5

LAB

94,-8,-1

LCH

94,8,184

XYZ

77,86,94

Web Safe

#ccffff

Web Smart

#ddeeee

is dark

luminosity

0.8571

Pantone Color

Combinations

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

#ddf3ef

#F3DDE1

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

#ddf3ef

#F3DDEC

#F3E4DD

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

#ddf3ef

#EFDDF3

#F3EFDD

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

#ddf3ef

#E4DDF3

#F3DDE1

#ECF3DD

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

#ddf3ef

#F3DDE1

#F3DDEC

#F3E4DD

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

#ddf3ef

#DDECF3

#DDE1F3

#E4DDF3

Shades

#ddf3ef Light Tints

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

#DDF3EF

#E0F4F1

#E4F5F2

#E7F7F4

#EBF8F5

#EEF9F7

#F1FAF9

#F5FBFA

#F8FDFC

#FCFEFD

#ddf3ef Gray Shades

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

#DDF3EF

#D4E8E4

#CADCD9

#C1D1CE

#B8C5C3

#AFBAB8

#A5AEAC

#9CA3A1

#939796

#898C8B

#ddf3ef Dark Shades

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

#DDF3EF

#C7DBD7

#B1C2BF

#9BAAA7

#85928F

#6F7A78

#586160

#424948

#2C3130

#161818

#ddf3ef Red Shades

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

#DDF3EF

#E0DBD7

#E4C2BF

#E7AAA7

#EB928F

#EE7A78

#F16160

#F54948

#F83130

#FC1818

#ddf3ef Green Shades

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

#DDF3EF

#C7E8D7

#B1DCBF

#9BD1A7

#85C58F

#6FBA78

#58AE60

#42A348

#2C9730

#168C18

#ddf3ef Blue Shades

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

#DDF3EF

#C7DBF1

#B1C2F2

#9BAAF4

#8592F5

#6F7AF7

#5861F9

#4249FA

#2C31FC

#1618FD

Readability Analysis

#ddf3ef as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.16	Fail	Sample Text
Black	18.14	AAA	Sample Text
Red	3.45	A	Sample Text
Green	4.44	A	Sample Text
Blue	7.42	AAA	Sample Text

#ddf3ef as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.16	Fail	Sample Text
Black	18.14	AAA	Sample Text
Red	3.45	A	Sample Text
Green	4.44	A	Sample Text
Blue	7.42	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ebefed`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3ecf1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e0f1f9`
Protanopia	No red perception - Dichromacy	`#f3edeb`
Deuteranopia	No green perception - Dichromacy	`#ffe8f2`
Tritanopia	No blue perception - Dichromacy	`#e2efff`
Achromatomaly	Partial color blindness - Monochromacy	`#e8f0ee`
Achromatopsia	Complete color blindness - Monochromacy	`#eeeeee`

#ddf3ef - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ddf3ef Light Tints

#ddf3ef Gray Shades

#ddf3ef Dark Shades

#ddf3ef Red Shades

#ddf3ef Green Shades

#ddf3ef Blue Shades

Readability Analysis

#ddf3ef as Text Color

#ddf3ef as Background Color

Color Blindness Simulation

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

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

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

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

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

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