0 views

#dff0dd - Color Information

#dff0dd

Base Information

HEX

#dff0dd

RGB

223,240,221

HSL

114,39,90

HSV

114,8,94

CMYK

7,0,8,6

LAB

93,-9,7

LCH

93,12,141

XYZ

75,83,81

Web Safe

#ccffcc

Web Smart

#ddeedd

is dark

luminosity

0.8323

Pantone Color

Combinations

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

#dff0dd

#EEDDF0

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

#dff0dd

#E5DDF0

#F0DDE9

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

#dff0dd

#DDDFF0

#F0DDDF

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

#dff0dd

#DDE9F0

#EEDDF0

#F0E5DD

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

#dff0dd

#EEDDF0

#E5DDF0

#F0DDE9

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

#dff0dd

#DDF0E5

#DDF0EE

#DDE9F0

Shades

#dff0dd Light Tints

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

#DFF0DD

#E2F2E0

#E5F3E4

#E9F5E7

#ECF6EB

#EFF8EE

#F2F9F1

#F5FBF5

#F9FCF8

#FCFEFC

#dff0dd Gray Shades

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

#DFF0DD

#D6E5D4

#CCDACA

#C3CEC1

#B9C3B8

#B0B8AF

#A6ADA5

#9DA29C

#939693

#8A8B89

#dff0dd Dark Shades

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

#DFF0DD

#C9D8C7

#B2C0B1

#9CA89B

#869085

#70786F

#596058

#434842

#2D302C

#161816

#dff0dd Red Shades

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

#DFF0DD

#E2D8C7

#E5C0B1

#E9A89B

#EC9085

#EF786F

#F26058

#F54842

#F9302C

#FC1816

#dff0dd Green Shades

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

#DFF0DD

#C9E5C7

#B2DAB1

#9CCE9B

#86C385

#70B86F

#59AD58

#43A242

#2D962C

#168B16

#dff0dd Blue Shades

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

#DFF0DD

#C9D8E0

#B2C0E4

#9CA8E7

#8690EB

#7078EE

#5960F1

#4348F5

#2D30F8

#1618FC

Readability Analysis

#dff0dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.65	AAA	Sample Text
Red	3.36	A	Sample Text
Green	4.32	A	Sample Text
Blue	7.22	AAA	Sample Text

#dff0dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.65	AAA	Sample Text
Red	3.36	A	Sample Text
Green	4.32	A	Sample Text
Blue	7.22	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ececdb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3e9e1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e2edf1`
Protanopia	No red perception - Dichromacy	`#f3ead9`
Deuteranopia	No green perception - Dichromacy	`#ffe5e3`
Tritanopia	No blue perception - Dichromacy	`#e4ebfd`
Achromatomaly	Partial color blindness - Monochromacy	`#e7ede6`
Achromatopsia	Complete color blindness - Monochromacy	`#ebebeb`

#dff0dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#dff0dd Light Tints

#dff0dd Gray Shades

#dff0dd Dark Shades

#dff0dd Red Shades

#dff0dd Green Shades

#dff0dd Blue Shades

Readability Analysis

#dff0dd as Text Color

#dff0dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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