0 views

#ddf8ed - Color Information

#ddf8ed

Base Information

HEX

#ddf8ed

RGB

221,248,237

HSL

156,66,92

HSV

156,11,97

CMYK

11,0,4,3

LAB

95,-11,2

LCH

95,11,168

XYZ

79,89,93

Web Safe

#ccffff

Web Smart

#ddffee

is dark

luminosity

0.8862

Pantone Color

Combinations

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

#ddf8ed

#F8DDE8

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

#ddf8ed

#F8DDF5

#F8E0DD

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

#ddf8ed

#EDDDF8

#F8EDDD

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

#ddf8ed

#E0DDF8

#F8DDE8

#F6F8DD

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

#ddf8ed

#F8DDE8

#F8DDF5

#F8E0DD

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

#ddf8ed

#DDF6F8

#DDE8F8

#E0DDF8

Shades

#ddf8ed Light Tints

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

#DDF8ED

#E0F9EF

#E4F9F1

#E7FAF2

#EBFBF4

#EEFCF6

#F1FCF8

#F5FDFA

#F8FEFB

#FCFEFD

#ddf8ed Gray Shades

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

#DDF8ED

#D4ECE2

#CAE0D7

#C1D4CC

#B8C8C1

#AFBCB7

#A5B0AC

#9CA4A1

#939896

#898C8B

#ddf8ed Dark Shades

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

#DDF8ED

#C7DFD5

#B1C6BE

#9BAEA6

#85958E

#6F7C77

#58635F

#424A47

#2C322F

#161918

#ddf8ed Red Shades

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

#DDF8ED

#E0DFD5

#E4C6BE

#E7AEA6

#EB958E

#EE7C77

#F1635F

#F54A47

#F8322F

#FC1918

#ddf8ed Green Shades

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

#DDF8ED

#C7ECD5

#B1E0BE

#9BD4A6

#85C88E

#6FBC77

#58B05F

#42A447

#2C982F

#168C18

#ddf8ed Blue Shades

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

#DDF8ED

#C7DFEF

#B1C6F1

#9BAEF2

#8595F4

#6F7CF6

#5863F8

#424AFA

#2C32FB

#1619FD

Readability Analysis

#ddf8ed as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.72	AAA	Sample Text
Red	3.57	A	Sample Text
Green	4.58	AA	Sample Text
Blue	7.66	AAA	Sample Text

#ddf8ed as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.72	AAA	Sample Text
Red	3.57	A	Sample Text
Green	4.58	AA	Sample Text
Blue	7.66	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eef3ea`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3f1f0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e4f5f8`
Protanopia	No red perception - Dichromacy	`#f8f0e9`
Deuteranopia	No green perception - Dichromacy	`#ffedf1`
Tritanopia	No blue perception - Dichromacy	`#e8f3ff`
Achromatomaly	Partial color blindness - Monochromacy	`#eaf4f0`
Achromatopsia	Complete color blindness - Monochromacy	`#f1f1f1`

#ddf8ed - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ddf8ed Light Tints

#ddf8ed Gray Shades

#ddf8ed Dark Shades

#ddf8ed Red Shades

#ddf8ed Green Shades

#ddf8ed Blue Shades

Readability Analysis

#ddf8ed as Text Color

#ddf8ed as Background Color

Color Blindness Simulation

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

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

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

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

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

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