0 views

#d3d6da - Color Information

#d3d6da

Base Information

HEX

#d3d6da

RGB

211,214,218

HSL

214,9,84

HSV

214,3,85

CMYK

3,2,0,15

LAB

86,0,-2

LCH

86,2,263

XYZ

64,67,76

Web Safe

#cccccc

Web Smart

#ccdddd

is dark

luminosity

0.6700

Pantone Color

Combinations

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

#d3d6da

#DAD7D3

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

#d3d6da

#DAD3D3

#DADAD3

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

#d3d6da

#DAD3D6

#D6DAD3

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

#d3d6da

#DAD3DA

#DAD7D3

#D3DAD3

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

#d3d6da

#DAD7D3

#DAD3D3

#DADAD3

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

#d3d6da

#D3D3DA

#D7D3DA

#DAD3DA

Shades

#d3d6da Light Tints

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

#D3D6DA

#D7DADE

#DCDEE1

#E0E2E5

#E5E6E9

#E9EBED

#EDEFF0

#F2F3F4

#F6F7F8

#FBFBFB

#d3d6da Gray Shades

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

#D3D6DA

#CBCDD1

#C2C5C8

#BABCBF

#B2B4B6

#AAABAD

#A1A2A4

#999A9B

#919192

#888989

#d3d6da Dark Shades

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

#D3D6DA

#BEC1C4

#A9ABAE

#949699

#7F8083

#6A6B6D

#545657

#3F4041

#2A2B2C

#151516

#d3d6da Red Shades

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

#D3D6DA

#D7C1C4

#DCABAE

#E09699

#E58083

#E96B6D

#ED5657

#F24041

#F62B2C

#FB1516

#d3d6da Green Shades

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

#D3D6DA

#BECDC4

#A9C5AE

#94BC99

#7FB483

#6AAB6D

#54A257

#3F9A41

#2A912C

#158916

#d3d6da Blue Shades

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

#D3D6DA

#BEC1DE

#A9ABE1

#9496E5

#7F80E9

#6A6BED

#5456F0

#3F40F4

#2A2BF8

#1515FB

Readability Analysis

#d3d6da as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.40	AAA	Sample Text
Red	2.74	Fail	Sample Text
Green	3.52	A	Sample Text
Blue	5.89	AA	Sample Text

#d3d6da as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.40	AAA	Sample Text
Red	2.74	Fail	Sample Text
Green	3.52	A	Sample Text
Blue	5.89	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d6d4d9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e0d1db`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d4d4e0`
Protanopia	No red perception - Dichromacy	`#d7d3d8`
Deuteranopia	No green perception - Dichromacy	`#e7cedb`
Tritanopia	No blue perception - Dichromacy	`#d4d3e4`
Achromatomaly	Partial color blindness - Monochromacy	`#d5d6d7`
Achromatopsia	Complete color blindness - Monochromacy	`#d6d6d6`

#d3d6da - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#d3d6da Light Tints

#d3d6da Gray Shades

#d3d6da Dark Shades

#d3d6da Red Shades

#d3d6da Green Shades

#d3d6da Blue Shades

Readability Analysis

#d3d6da as Text Color

#d3d6da as Background Color

Color Blindness Simulation

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

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

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

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

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

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