0 views

#d1d3db - Color Information

#d1d3db

Base Information

HEX

#d1d3db

RGB

209,211,219

HSL

228,12,84

HSV

228,5,86

CMYK

5,4,0,14

LAB

85,1,-4

LCH

85,4,281

XYZ

62,65,76

Web Safe

#cccccc

Web Smart

#ccccdd

is dark

luminosity

0.6526

Pantone Color

Combinations

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

#d1d3db

#DBD9D1

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

#d1d3db

#DBD4D1

#D8DBD1

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

#d1d3db

#DBD1D3

#D3DBD1

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

#d1d3db

#DBD1D8

#DBD9D1

#D1DBD4

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

#d1d3db

#DBD9D1

#DBD4D1

#D8DBD1

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

#d1d3db

#D4D1DB

#D9D1DB

#DBD1D8

Shades

#d1d3db Light Tints

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

#D1D3DB

#D6D7DF

#DADCE2

#DFE0E6

#E3E5E9

#E8E9ED

#EDEDF1

#F1F2F4

#F6F6F8

#FAFBFB

#d1d3db Gray Shades

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

#D1D3DB

#C9CBD2

#C1C2C9

#B9BAC0

#B1B2B7

#A9AAAE

#A0A1A4

#98999B

#909192

#888889

#d1d3db Dark Shades

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

#D1D3DB

#BCBEC5

#A7A9AF

#929499

#7D7F83

#696A6E

#545458

#3F3F42

#2A2A2C

#151516

#d1d3db Red Shades

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

#D1D3DB

#D6BEC5

#DAA9AF

#DF9499

#E37F83

#E86A6E

#ED5458

#F13F42

#F62A2C

#FA1516

#d1d3db Green Shades

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

#D1D3DB

#BCCBC5

#A7C2AF

#92BA99

#7DB283

#69AA6E

#54A158

#3F9942

#2A912C

#158816

#d1d3db Blue Shades

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

#D1D3DB

#BCBEDF

#A7A9E2

#9294E6

#7D7FE9

#696AED

#5454F1

#3F3FF4

#2A2AF8

#1515FB

Readability Analysis

#d1d3db as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.05	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.44	A	Sample Text
Blue	5.75	AA	Sample Text

#d1d3db as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.05	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.44	A	Sample Text
Blue	5.75	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d3d2da`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dccedc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d1d2df`
Protanopia	No red perception - Dichromacy	`#d4d1d9`
Deuteranopia	No green perception - Dichromacy	`#e3ccdc`
Tritanopia	No blue perception - Dichromacy	`#d1d1e1`
Achromatomaly	Partial color blindness - Monochromacy	`#d2d3d6`
Achromatopsia	Complete color blindness - Monochromacy	`#d3d3d3`

#d1d3db - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#d1d3db Light Tints

#d1d3db Gray Shades

#d1d3db Dark Shades

#d1d3db Red Shades

#d1d3db Green Shades

#d1d3db Blue Shades

Readability Analysis

#d1d3db as Text Color

#d1d3db as Background Color

Color Blindness Simulation

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

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

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

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

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

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