0 views

#ddf0ff - Color Information

#ddf0ff

Base Information

HEX

#ddf0ff

RGB

221,240,255

HSL

206,100,93

HSV

206,13,100

CMYK

13,6,0,0

LAB

94,-3,-9

LCH

94,10,250

XYZ

79,85,107

Web Safe

#ccffff

Web Smart

#ddeeff

is dark

luminosity

0.8491

Pantone Color

Combinations

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

#ddf0ff

#FFECDD

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

#ddf0ff

#FFDDDF

#FFFDDD

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

#ddf0ff

#FFDDF0

#F0FFDD

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

#ddf0ff

#FDDDFF

#FFECDD

#DFFFDD

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

#ddf0ff

#FFECDD

#FFDDDF

#FFFDDD

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

#ddf0ff

#DDDFFF

#ECDDFF

#FDDDFF

Shades

#ddf0ff Light Tints

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

#DDF0FF

#E0F2FF

#E4F3FF

#E7F5FF

#EBF6FF

#EEF8FF

#F1F9FF

#F5FBFF

#F8FCFF

#FCFEFF

#ddf0ff Gray Shades

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

#DDF0FF

#D4E5F2

#CADAE6

#C1CED9

#B8C3CC

#AFB8C0

#A5ADB3

#9CA2A6

#939699

#898B8D

#ddf0ff Dark Shades

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

#DDF0FF

#C7D8E6

#B1C0CC

#9BA8B3

#859099

#6F7880

#586066

#42484C

#2C3033

#161819

#ddf0ff Red Shades

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

#DDF0FF

#E0D8E6

#E4C0CC

#E7A8B3

#EB9099

#EE7880

#F16066

#F5484C

#F83033

#FC1819

#ddf0ff Green Shades

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

#DDF0FF

#C7E5E6

#B1DACC

#9BCEB3

#85C399

#6FB880

#58AD66

#42A24C

#2C9633

#168B19

#ddf0ff Blue Shades

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

#DDF0FF

#C7D8FF

#B1C0FF

#9BA8FF

#8590FF

#6F78FF

#5860FF

#4248FF

#2C30FF

#1618FF

Readability Analysis

#ddf0ff as Text Color

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

#ddf0ff as Background Color

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

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e7edfd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eeeaff`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#deefff`
Protanopia	No red perception - Dichromacy	`#ecebfd`
Deuteranopia	No green perception - Dichromacy	`#f8e7ff`
Tritanopia	No blue perception - Dichromacy	`#dfefff`
Achromatomaly	Partial color blindness - Monochromacy	`#e7eef4`
Achromatopsia	Complete color blindness - Monochromacy	`#ededed`

#ddf0ff - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ddf0ff Light Tints

#ddf0ff Gray Shades

#ddf0ff Dark Shades

#ddf0ff Red Shades

#ddf0ff Green Shades

#ddf0ff Blue Shades

Readability Analysis

#ddf0ff as Text Color

#ddf0ff as Background Color

Color Blindness Simulation

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

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

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

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

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

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