#d1d5fe hex color

In a RGB color space, hex #d1d5fe is composed of 82% red, 83.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 16.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 234.7 degrees, a saturation of 95.7% and a lightness of 90.8%. #d1d5fe color hex could be obtained by blending #ffffff with #a3abfd. Closest websafe color is: #ccccff.

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

● #d1d5fe color description : Light grayish blue.

The hexadecimal color #d1d5fe has RGB values of R:209, G:213, B:254 and CMYK values of C:0.18, M:0.16, Y:0, K:0. Its decimal value is 13751806.

Hex triplet	d1d5fe	`#d1d5fe`
RGB Decimal	209, 213, 254	`rgb(209,213,254)`
RGB Percent	82, 83.5, 99.6	`rgb(82%,83.5%,99.6%)`
CMYK	18, 16, 0, 0
HSL	234.7°, 95.7, 90.8	`hsl(234.7,95.7%,90.8%)`
HSV (or HSB)	234.7°, 17.7, 99.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.156, 6.81, -20.43
XYZ	67.975, 68.299, 103.362
xyY	0.284, 0.285, 68.299
CIE-LCH	86.156, 21.535, 288.434
CIE-LUV	86.156, -4.456, -33.678
Hunter-Lab	82.643, 2.192, -16.304
Binary	11010001, 11010101, 11111110

#d1d5fe
```
#d1d5fe rgb(209,213,254)
```
#fefad1
```
#fefad1 rgb(254,250,209)
```

Complementary Color

#d1ecfe
```
#d1ecfe rgb(209,236,254)
```
#d1d5fe
```
#d1d5fe rgb(209,213,254)
```
#e4d1fe
```
#e4d1fe rgb(228,209,254)
```

Analogous Color

#ecfed1
```
#ecfed1 rgb(236,254,209)
```
#d1d5fe
```
#d1d5fe rgb(209,213,254)
```
#fee4d1
```
#fee4d1 rgb(254,228,209)
```

Split Complementary Color

#d5fed1
```
#d5fed1 rgb(213,254,209)
```
#d1d5fe
```
#d1d5fe rgb(209,213,254)
```
#fed1d5
```
#fed1d5 rgb(254,209,213)
```

Triadic Color

#d1fefa
```
#d1fefa rgb(209,254,250)
```
#d1d5fe
```
#d1d5fe rgb(209,213,254)
```
#fed1d5
```
#fed1d5 rgb(254,209,213)
```
#fefad1
```
#fefad1 rgb(254,250,209)
```

Tetradic Color

#8691fc
```
#8691fc rgb(134,145,252)
```
#9fa7fd
```
#9fa7fd rgb(159,167,253)
```
#b8befd
```
#b8befd rgb(184,190,253)
```
#d1d5fe
```
#d1d5fe rgb(209,213,254)
```
#eaecff
```
#eaecff rgb(234,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d1e0fe
```
#d1e0fe rgb(209,224,254)
```
#d1ddfe
```
#d1ddfe rgb(209,221,254)
```
#d1d9fe
```
#d1d9fe rgb(209,217,254)
```
#d1d5fe
```
#d1d5fe rgb(209,213,254)
```
#d1d1fe
```
#d1d1fe rgb(209,209,254)
```
#d5d1fe
```
#d5d1fe rgb(213,209,254)
```
#d8d1fe
```
#d8d1fe rgb(216,209,254)
```

Similar Colors

Text with hexadecimal color #d1d5fe

This text has a font color of #d1d5fe.

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

#d1d5fe background color

This paragraph has a background color of #d1d5fe.

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

#d1d5fe border color

This element has a border color of #d1d5fe.

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

CSS codes

.text {color:#d1d5fe;}

.background {background-color:#d1d5fe;}

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

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, #00010c is the darkest color, while #f7f8ff is the lightest one.

#00010c
```
#00010c rgb(0,1,12)
```
#01031f
```
#01031f rgb(1,3,31)
```
#010532
```
#010532 rgb(1,5,50)
```
#020845
```
#020845 rgb(2,8,69)
```
#020a58
```
#020a58 rgb(2,10,88)
```
#020c6c
```
#020c6c rgb(2,12,108)
```
#030e7f
```
#030e7f rgb(3,14,127)
```
#031092
```
#031092 rgb(3,16,146)
```
#0412a5
```
#0412a5 rgb(4,18,165)
```
#0414b8
```
#0414b8 rgb(4,20,184)
```
#0416cc
```
#0416cc rgb(4,22,204)
```
#0518df
```
#0518df rgb(5,24,223)
```
#051af2
```
#051af2 rgb(5,26,242)
```

Shade Color Variation

#1126fa
```
#1126fa rgb(17,38,250)
```
#2437fa
```
#2437fa rgb(36,55,250)
```
#3749fb
```
#3749fb rgb(55,73,251)
```
#4b5afb
```
#4b5afb rgb(75,90,251)
```
#5e6cfb
```
#5e6cfb rgb(94,108,251)
```
#717dfc
```
#717dfc rgb(113,125,252)
```
#848ffc
```
#848ffc rgb(132,143,252)
```
#97a0fd
```
#97a0fd rgb(151,160,253)
```
#abb2fd
```
#abb2fd rgb(171,178,253)
```
#bec3fe
```
#bec3fe rgb(190,195,254)
```
#d1d5fe
```
#d1d5fe rgb(209,213,254)
```
#e4e7fe
```
#e4e7fe rgb(228,231,254)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#e7e7e8
```
#e7e7e8 rgb(231,231,232)
```
#e5e5ea
```
#e5e5ea rgb(229,229,234)
```
#e3e4ec
```
#e3e4ec rgb(227,228,236)
```
#e1e2ee
```
#e1e2ee rgb(225,226,238)
```
#dfe1f0
```
#dfe1f0 rgb(223,225,240)
```
#dedff1
```
#dedff1 rgb(222,223,241)
```
#dcdef3
```
#dcdef3 rgb(220,222,243)
```
#dadcf5
```
#dadcf5 rgb(218,220,245)
```
#d8dbf7
```
#d8dbf7 rgb(216,219,247)
```
#d6d9f9
```
#d6d9f9 rgb(214,217,249)
```
#d5d8fa
```
#d5d8fa rgb(213,216,250)
```
#d3d6fc
```
#d3d6fc rgb(211,214,252)
```
#d1d5fe
```
#d1d5fe rgb(209,213,254)
```

Tone Color Variation

Below, you can see how #d1d5fe 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
#d7d7e0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d7fe Protanopia 1% of men
#dad4fe Deuteranopia 1% of men
#cfdaea Tritanopia 0.001% of the population

Trichromacy

#d1d6fe Protanomaly 1% of men, 0.01% of women
#d7d4fe Deuteranomaly 6% of men, 0.4% of women
#cfd8f1 Tritanomaly 0.01% of the population

#d1d5fe hex color

#d1d5fe Color Information

#d1d5fe Color Conversion

Color Schemes with #d1d5fe

Alternatives to #d1d5fe

#d1d5fe Preview

Shades and Tints of #d1d5fe

Tones of #d1d5fe

Color Blindness Simulator