0 views

#ddf8fa - Color Information

#ddf8fa

Base Information

HEX

#ddf8fa

RGB

221,248,250

HSL

184,74,92

HSV

184,12,98

CMYK

12,1,0,2

LAB

96,-8,-4

LCH

96,9,205

XYZ

81,89,103

Web Safe

#ccffff

Web Smart

#ddffff

is dark

luminosity

0.8941

Pantone Color

Combinations

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

#ddf8fa

#FADFDD

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

#ddf8fa

#FADDEA

#FAEEDD

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

#ddf8fa

#FADDF8

#F8FADD

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

#ddf8fa

#EEDDFA

#FADFDD

#EAFADD

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

#ddf8fa

#FADFDD

#FADDEA

#FAEEDD

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

#ddf8fa

#DDEAFA

#DFDDFA

#EEDDFA

Shades

#ddf8fa Light Tints

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

#DDF8FA

#E0F9FB

#E4F9FB

#E7FAFC

#EBFBFC

#EEFCFD

#F1FCFD

#F5FDFE

#F8FEFE

#FCFEFF

#ddf8fa Gray Shades

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

#DDF8FA

#D4ECEE

#CAE0E2

#C1D4D5

#B8C8C9

#AFBCBD

#A5B0B1

#9CA4A5

#939898

#898C8C

#ddf8fa Dark Shades

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

#DDF8FA

#C7DFE1

#B1C6C8

#9BAEAF

#859596

#6F7C7D

#586364

#424A4B

#2C3232

#161919

#ddf8fa Red Shades

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

#DDF8FA

#E0DFE1

#E4C6C8

#E7AEAF

#EB9596

#EE7C7D

#F16364

#F54A4B

#F83232

#FC1919

#ddf8fa Green Shades

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

#DDF8FA

#C7ECE1

#B1E0C8

#9BD4AF

#85C896

#6FBC7D

#58B064

#42A44B

#2C9832

#168C19

#ddf8fa Blue Shades

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

#DDF8FA

#C7DFFB

#B1C6FB

#9BAEFC

#8595FC

#6F7CFD

#5863FD

#424AFE

#2C32FE

#1619FF

Readability Analysis

#ddf8fa as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.11	Fail	Sample Text
Black	18.88	AAA	Sample Text
Red	3.60	A	Sample Text
Green	4.62	AA	Sample Text
Blue	7.73	AAA	Sample Text

#ddf8fa as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.11	Fail	Sample Text
Black	18.88	AAA	Sample Text
Red	3.60	A	Sample Text
Green	4.62	AA	Sample Text
Blue	7.73	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#edf4f8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3f1fa`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e4f5fd`
Protanopia	No red perception - Dichromacy	`#f5f1f6`
Deuteranopia	No green perception - Dichromacy	`#ffeefa`
Tritanopia	No blue perception - Dichromacy	`#e8f4ff`
Achromatomaly	Partial color blindness - Monochromacy	`#ebf4f5`
Achromatopsia	Complete color blindness - Monochromacy	`#f2f2f2`

#ddf8fa - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ddf8fa Light Tints

#ddf8fa Gray Shades

#ddf8fa Dark Shades

#ddf8fa Red Shades

#ddf8fa Green Shades

#ddf8fa Blue Shades

Readability Analysis

#ddf8fa as Text Color

#ddf8fa as Background Color

Color Blindness Simulation

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

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

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

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

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

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