0 views

#d1f3dd - Color Information

#d1f3dd

Base Information

HEX

#d1f3dd

RGB

209,243,221

HSL

141,59,89

HSV

141,14,95

CMYK

14,0,9,5

LAB

93,-15,7

LCH

93,17,155

XYZ

71,83,81

Web Safe

#ccffcc

Web Smart

#cceedd

is dark

luminosity

0.8288

Pantone Color

Combinations

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

#d1f3dd

#F3D1E7

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

#d1f3dd

#EED1F3

#F3D1D6

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

#d1f3dd

#DDD1F3

#F3DDD1

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

#d1f3dd

#D1D6F3

#F3D1E7

#F3EED1

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

#d1f3dd

#F3D1E7

#EED1F3

#F3D1D6

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

#d1f3dd

#D1F3EE

#D1E7F3

#D1D6F3

Shades

#d1f3dd Light Tints

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

#D1F3DD

#D6F4E0

#DAF5E4

#DFF7E7

#E3F8EB

#E8F9EE

#EDFAF1

#F1FBF5

#F6FDF8

#FAFEFC

#d1f3dd Gray Shades

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

#D1F3DD

#C9E8D4

#C1DCCA

#B9D1C1

#B1C5B8

#A9BAAF

#A0AEA5

#98A39C

#909793

#888C89

#d1f3dd Dark Shades

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

#D1F3DD

#BCDBC7

#A7C2B1

#92AA9B

#7D9285

#697A6F

#546158

#3F4942

#2A312C

#151816

#d1f3dd Red Shades

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

#D1F3DD

#D6DBC7

#DAC2B1

#DFAA9B

#E39285

#E87A6F

#ED6158

#F14942

#F6312C

#FA1816

#d1f3dd Green Shades

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

#D1F3DD

#BCE8C7

#A7DCB1

#92D19B

#7DC585

#69BA6F

#54AE58

#3FA342

#2A972C

#158C16

#d1f3dd Blue Shades

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

#D1F3DD

#BCDBE0

#A7C2E4

#92AAE7

#7D92EB

#697AEE

#5461F1

#3F49F5

#2A31F8

#1518FC

Readability Analysis

#d1f3dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.58	AAA	Sample Text
Red	3.35	A	Sample Text
Green	4.30	A	Sample Text
Blue	7.19	AAA	Sample Text

#d1f3dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.58	AAA	Sample Text
Red	3.35	A	Sample Text
Green	4.30	A	Sample Text
Blue	7.19	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e7edd9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eeeae1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d5eff3`
Protanopia	No red perception - Dichromacy	`#f3e9d7`
Deuteranopia	No green perception - Dichromacy	`#ffe4e4`
Tritanopia	No blue perception - Dichromacy	`#d8edff`
Achromatomaly	Partial color blindness - Monochromacy	`#e1ede5`
Achromatopsia	Complete color blindness - Monochromacy	`#eaeaea`

#d1f3dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#d1f3dd Light Tints

#d1f3dd Gray Shades

#d1f3dd Dark Shades

#d1f3dd Red Shades

#d1f3dd Green Shades

#d1f3dd Blue Shades

Readability Analysis

#d1f3dd as Text Color

#d1f3dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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