#d1d5f9 hex color

In a RGB color space, hex #d1d5f9 is composed of 82% red, 83.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 14.5% magenta, 0% yellow and 2.4% black. It has a hue angle of 234 degrees, a saturation of 76.9% and a lightness of 89.8%. #d1d5f9 color hex could be obtained by blending #ffffff with #a3abf3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 82
- G 84
- B 98
RGB color chart
- C 16
- M 14
- Y 0
- K 2
CMYK color chart

● #d1d5f9 color description : Light grayish blue.

The hexadecimal color #d1d5f9 has RGB values of R:209, G:213, B:249 and CMYK values of C:0.16, M:0.14, Y:0, K:0.02. Its decimal value is 13751801.

Hex triplet	d1d5f9	`#d1d5f9`
RGB Decimal	209, 213, 249	`rgb(209,213,249)`
RGB Percent	82, 83.5, 97.6	`rgb(82%,83.5%,97.6%)`
CMYK	16, 14, 0, 2
HSL	234°, 76.9, 89.8	`hsl(234,76.9%,89.8%)`
HSV (or HSB)	234°, 16.1, 97.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.998, 5.75, -18.028
XYZ	67.184, 67.983, 99.2
xyY	0.287, 0.29, 67.983
CIE-LCH	85.998, 18.923, 287.691
CIE-LUV	85.998, -4.18, -29.536
Hunter-Lab	82.452, 1.157, -13.617
Binary	11010001, 11010101, 11111001

#d1d5f9
```
#d1d5f9 rgb(209,213,249)
```
#f9f5d1
```
#f9f5d1 rgb(249,245,209)
```

Complementary Color

#d1e9f9
```
#d1e9f9 rgb(209,233,249)
```
#d1d5f9
```
#d1d5f9 rgb(209,213,249)
```
#e1d1f9
```
#e1d1f9 rgb(225,209,249)
```

Analogous Color

#e9f9d1
```
#e9f9d1 rgb(233,249,209)
```
#d1d5f9
```
#d1d5f9 rgb(209,213,249)
```
#f9e1d1
```
#f9e1d1 rgb(249,225,209)
```

Split Complementary Color

#d5f9d1
```
#d5f9d1 rgb(213,249,209)
```
#d1d5f9
```
#d1d5f9 rgb(209,213,249)
```
#f9d1d5
```
#f9d1d5 rgb(249,209,213)
```

Triadic Color

#d1f9f5
```
#d1f9f5 rgb(209,249,245)
```
#d1d5f9
```
#d1d5f9 rgb(209,213,249)
```
#f9d1d5
```
#f9d1d5 rgb(249,209,213)
```
#f9f5d1
```
#f9f5d1 rgb(249,245,209)
```

Tetradic Color

#8d97f0
```
#8d97f0 rgb(141,151,240)
```
#a4acf3
```
#a4acf3 rgb(164,172,243)
```
#bac0f6
```
#bac0f6 rgb(186,192,246)
```
#d1d5f9
```
#d1d5f9 rgb(209,213,249)
```
#e8eafc
```
#e8eafc rgb(232,234,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

Below, you can see some colors close to #d1d5f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#d1dff9
```
#d1dff9 rgb(209,223,249)
```
#d1dcf9
```
#d1dcf9 rgb(209,220,249)
```
#d1d8f9
```
#d1d8f9 rgb(209,216,249)
```
#d1d5f9
```
#d1d5f9 rgb(209,213,249)
```
#d1d2f9
```
#d1d2f9 rgb(209,210,249)
```
#d4d1f9
```
#d4d1f9 rgb(212,209,249)
```
#d7d1f9
```
#d7d1f9 rgb(215,209,249)
```

Similar Colors

Text with hexadecimal color #d1d5f9

This text has a font color of #d1d5f9.

<span style="color:#d1d5f9;">Text here</span>

#d1d5f9 background color

This paragraph has a background color of #d1d5f9.

<p style="background-color:#d1d5f9;">Content here</p>

#d1d5f9 border color

This element has a border color of #d1d5f9.

<div style="border:1px solid #d1d5f9;">Content here</div>

CSS codes

.text {color:#d1d5f9;}

.background {background-color:#d1d5f9;}

.border {border:1px solid #d1d5f9;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010106 is the darkest color, while #f4f5fe is the lightest one.

#010106
```
#010106 rgb(1,1,6)
```
#030517
```
#030517 rgb(3,5,23)
```
#050929
```
#050929 rgb(5,9,41)
```
#080d3a
```
#080d3a rgb(8,13,58)
```
#0a104b
```
#0a104b rgb(10,16,75)
```
#0c145d
```
#0c145d rgb(12,20,93)
```
#0e186e
```
#0e186e rgb(14,24,110)
```
#111c80
```
#111c80 rgb(17,28,128)
```
#131f91
```
#131f91 rgb(19,31,145)
```
#1523a2
```
#1523a2 rgb(21,35,162)
```
#1727b4
```
#1727b4 rgb(23,39,180)
```
#1a2bc5
```
#1a2bc5 rgb(26,43,197)
```
#1c2fd6
```
#1c2fd6 rgb(28,47,214)
```

Shade Color Variation

#2337e2
```
#2337e2 rgb(35,55,226)
```
#3546e5
```
#3546e5 rgb(53,70,229)
```
#4656e7
```
#4656e7 rgb(70,86,231)
```
#5866e9
```
#5866e9 rgb(88,102,233)
```
#6976eb
```
#6976eb rgb(105,118,235)
```
#7a86ee
```
#7a86ee rgb(122,134,238)
```
#8c96f0
```
#8c96f0 rgb(140,150,240)
```
#9da5f2
```
#9da5f2 rgb(157,165,242)
```
#aeb5f4
```
#aeb5f4 rgb(174,181,244)
```
#c0c5f7
```
#c0c5f7 rgb(192,197,247)
```
#d1d5f9
```
#d1d5f9 rgb(209,213,249)
```
#e2e5fb
```
#e2e5fb rgb(226,229,251)
```
#f4f5fe
```
#f4f5fe rgb(244,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #e5e5e5 is the less saturated color, while #cdd2fd is the most saturated one.

#e5e5e5
```
#e5e5e5 rgb(229,229,229)
```
#e3e3e7
```
#e3e3e7 rgb(227,227,231)
```
#e1e2e9
```
#e1e2e9 rgb(225,226,233)
```
#dfe0eb
```
#dfe0eb rgb(223,224,235)
```
#dddfed
```
#dddfed rgb(221,223,237)
```
#dbddef
```
#dbddef rgb(219,221,239)
```
#d9dbf1
```
#d9dbf1 rgb(217,219,241)
```
#d7daf3
```
#d7daf3 rgb(215,218,243)
```
#d5d8f5
```
#d5d8f5 rgb(213,216,245)
```
#d3d7f7
```
#d3d7f7 rgb(211,215,247)
```
#d1d5f9
```
#d1d5f9 rgb(209,213,249)
```
#cfd3fb
```
#cfd3fb rgb(207,211,251)
```
#cdd2fd
```
#cdd2fd rgb(205,210,253)
```

Tone Color Variation

Below, you can see how #d1d5f9 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#d8d8d8 Achromatopsia 0.005% of the population
#d7d7df Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d7f9 Protanopia 1% of men
#dcd4fa Deuteranopia 1% of men
#d0d9e9 Tritanopia 0.001% of the population

Trichromacy

#d1d6f9 Protanomaly 1% of men, 0.01% of women
#d8d4f9 Deuteranomaly 6% of men, 0.4% of women
#d0d8ef Tritanomaly 0.01% of the population

#d1d5f9 hex color

#d1d5f9 Color Information

#d1d5f9 Color Conversion

Color Schemes with #d1d5f9

Alternatives to #d1d5f9

#d1d5f9 Preview

Shades and Tints of #d1d5f9

Tones of #d1d5f9

Color Blindness Simulator