#d4d4f5 hex color

In a RGB color space, hex #d4d4f5 is composed of 83.1% red, 83.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 13.5% magenta, 0% yellow and 3.9% black. It has a hue angle of 240 degrees, a saturation of 62.3% and a lightness of 89.6%. #d4d4f5 color hex could be obtained by blending #ffffff with #a9a9eb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 83
- G 83
- B 96
RGB color chart
- C 13
- M 13
- Y 0
- K 4
CMYK color chart

● #d4d4f5 color description : Light grayish blue.

The hexadecimal color #d4d4f5 has RGB values of R:212, G:212, B:245 and CMYK values of C:0.13, M:0.13, Y:0, K:0.04. Its decimal value is 13948149.

Hex triplet	d4d4f5	`#d4d4f5`
RGB Decimal	212, 212, 245	`rgb(212,212,245)`
RGB Percent	83.1, 83.1, 96.1	`rgb(83.1%,83.1%,96.1%)`
CMYK	13, 13, 0, 4
HSL	240°, 62.3, 89.6	`hsl(240,62.3%,89.6%)`
HSV (or HSB)	240°, 13.5, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.844, 6.388, -16.122
XYZ	67.173, 67.676, 95.905
xyY	0.291, 0.293, 67.676
CIE-LCH	85.844, 17.341, 291.614
CIE-LUV	85.844, -1.917, -26.514
Hunter-Lab	82.266, 1.788, -11.534
Binary	11010100, 11010100, 11110101

#d4d4f5
```
#d4d4f5 rgb(212,212,245)
```
#f5f5d4
```
#f5f5d4 rgb(245,245,212)
```

Complementary Color

#d4e5f5
```
#d4e5f5 rgb(212,229,245)
```
#d4d4f5
```
#d4d4f5 rgb(212,212,245)
```
#e5d4f5
```
#e5d4f5 rgb(229,212,245)
```

Analogous Color

#e5f5d4
```
#e5f5d4 rgb(229,245,212)
```
#d4d4f5
```
#d4d4f5 rgb(212,212,245)
```
#f5e5d4
```
#f5e5d4 rgb(245,229,212)
```

Split Complementary Color

#d4f5d4
```
#d4f5d4 rgb(212,245,212)
```
#d4d4f5
```
#d4d4f5 rgb(212,212,245)
```
#f5d4d4
```
#f5d4d4 rgb(245,212,212)
```

Triadic Color

#d4f5f5
```
#d4f5f5 rgb(212,245,245)
```
#d4d4f5
```
#d4d4f5 rgb(212,212,245)
```
#f5d4d4
```
#f5d4d4 rgb(245,212,212)
```
#f5f5d4
```
#f5f5d4 rgb(245,245,212)
```

Tetradic Color

#9696e7
```
#9696e7 rgb(150,150,231)
```
#ababeb
```
#ababeb rgb(171,171,235)
```
#bfbff0
```
#bfbff0 rgb(191,191,240)
```
#d4d4f5
```
#d4d4f5 rgb(212,212,245)
```
#e9e9fa
```
#e9e9fa rgb(233,233,250)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d4dcf5
```
#d4dcf5 rgb(212,220,245)
```
#d4daf5
```
#d4daf5 rgb(212,218,245)
```
#d4d7f5
```
#d4d7f5 rgb(212,215,245)
```
#d4d4f5
```
#d4d4f5 rgb(212,212,245)
```
#d7d4f5
```
#d7d4f5 rgb(215,212,245)
```
#dad4f5
```
#dad4f5 rgb(218,212,245)
```
#dcd4f5
```
#dcd4f5 rgb(220,212,245)
```

Similar Colors

Text with hexadecimal color #d4d4f5

This text has a font color of #d4d4f5.

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

#d4d4f5 background color

This paragraph has a background color of #d4d4f5.

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

#d4d4f5 border color

This element has a border color of #d4d4f5.

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

CSS codes

.text {color:#d4d4f5;}

.background {background-color:#d4d4f5;}

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

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, #010105 is the darkest color, while #f4f4fc is the lightest one.

#010105
```
#010105 rgb(1,1,5)
```
#050515
```
#050515 rgb(5,5,21)
```
#090925
```
#090925 rgb(9,9,37)
```
#0c0c34
```
#0c0c34 rgb(12,12,52)
```
#101044
```
#101044 rgb(16,16,68)
```
#141454
```
#141454 rgb(20,20,84)
```
#171764
```
#171764 rgb(23,23,100)
```
#1b1b74
```
#1b1b74 rgb(27,27,116)
```
#1f1f84
```
#1f1f84 rgb(31,31,132)
```
#222294
```
#222294 rgb(34,34,148)
```
#2626a4
```
#2626a4 rgb(38,38,164)
```
#2a2ab4
```
#2a2ab4 rgb(42,42,180)
```
#2e2ec4
```
#2e2ec4 rgb(46,46,196)
```

Shade Color Variation

#3535d0
```
#3535d0 rgb(53,53,208)
```
#4545d4
```
#4545d4 rgb(69,69,212)
```
#5555d7
```
#5555d7 rgb(85,85,215)
```
#6565db
```
#6565db rgb(101,101,219)
```
#7575df
```
#7575df rgb(117,117,223)
```
#8484e2
```
#8484e2 rgb(132,132,226)
```
#9494e6
```
#9494e6 rgb(148,148,230)
```
#a4a4ea
```
#a4a4ea rgb(164,164,234)
```
#b4b4ee
```
#b4b4ee rgb(180,180,238)
```
#c4c4f1
```
#c4c4f1 rgb(196,196,241)
```
#d4d4f5
```
#d4d4f5 rgb(212,212,245)
```
#e4e4f9
```
#e4e4f9 rgb(228,228,249)
```
#f4f4fc
```
#f4f4fc rgb(244,244,252)
```

Tint Color Variation

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

#e4e4e5
```
#e4e4e5 rgb(228,228,229)
```
#e2e2e7
```
#e2e2e7 rgb(226,226,231)
```
#e0e0e9
```
#e0e0e9 rgb(224,224,233)
```
#dedeeb
```
#dedeeb rgb(222,222,235)
```
#dcdced
```
#dcdced rgb(220,220,237)
```
#dadaef
```
#dadaef rgb(218,218,239)
```
#d8d8f1
```
#d8d8f1 rgb(216,216,241)
```
#d6d6f3
```
#d6d6f3 rgb(214,214,243)
```
#d4d4f5
```
#d4d4f5 rgb(212,212,245)
```
#d2d2f7
```
#d2d2f7 rgb(210,210,247)
```
#d0d0f9
```
#d0d0f9 rgb(208,208,249)
```
#cecefb
```
#cecefb rgb(206,206,251)
```
#ccccfd
```
#ccccfd rgb(204,204,253)
```

Tone Color Variation

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

Dichromacy

#d3d7f6 Protanopia 1% of men
#ded3f6 Deuteranopia 1% of men
#d3d8e8 Tritanopia 0.001% of the population

Trichromacy

#d3d5f5 Protanomaly 1% of men, 0.01% of women
#dad3f5 Deuteranomaly 6% of men, 0.4% of women
#d3d6ec Tritanomaly 0.01% of the population

#d4d4f5 hex color

#d4d4f5 Color Information

#d4d4f5 Color Conversion

Color Schemes with #d4d4f5

Alternatives to #d4d4f5

#d4d4f5 Preview

Shades and Tints of #d4d4f5

Tones of #d4d4f5

Color Blindness Simulator