#b4d4f7 hex color

In a RGB color space, hex #b4d4f7 is composed of 70.6% red, 83.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 14.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 211.3 degrees, a saturation of 80.7% and a lightness of 83.7%. #b4d4f7 color hex could be obtained by blending #ffffff with #69a9ef. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 83
- B 97
RGB color chart
- C 27
- M 14
- Y 0
- K 3
CMYK color chart

● #b4d4f7 color description : Very soft blue.

The hexadecimal color #b4d4f7 has RGB values of R:180, G:212, B:247 and CMYK values of C:0.27, M:0.14, Y:0, K:0.03. Its decimal value is 11850999.

Hex triplet	b4d4f7	`#b4d4f7`
RGB Decimal	180, 212, 247	`rgb(180,212,247)`
RGB Percent	70.6, 83.1, 96.9	`rgb(70.6%,83.1%,96.9%)`
CMYK	27, 14, 0, 3
HSL	211.3°, 80.7, 83.7	`hsl(211.3,80.7%,83.7%)`
HSV (or HSB)	211.3°, 27.1, 96.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.707, -2.886, -20.621
XYZ	59.151, 63.504, 97.132
xyY	0.269, 0.289, 63.504
CIE-LCH	83.707, 20.822, 262.032
CIE-LUV	83.707, -17.707, -32.364
Hunter-Lab	79.689, -6.962, -16.485
Binary	10110100, 11010100, 11110111

#b4d4f7
```
#b4d4f7 rgb(180,212,247)
```
#f7d7b4
```
#f7d7b4 rgb(247,215,180)
```

Complementary Color

#b4f6f7
```
#b4f6f7 rgb(180,246,247)
```
#b4d4f7
```
#b4d4f7 rgb(180,212,247)
```
#b6b4f7
```
#b6b4f7 rgb(182,180,247)
```

Analogous Color

#f6f7b4
```
#f6f7b4 rgb(246,247,180)
```
#b4d4f7
```
#b4d4f7 rgb(180,212,247)
```
#f7b6b4
```
#f7b6b4 rgb(247,182,180)
```

Split Complementary Color

#d4f7b4
```
#d4f7b4 rgb(212,247,180)
```
#b4d4f7
```
#b4d4f7 rgb(180,212,247)
```
#f7b4d4
```
#f7b4d4 rgb(247,180,212)
```

Triadic Color

#b4f7d7
```
#b4f7d7 rgb(180,247,215)
```
#b4d4f7
```
#b4d4f7 rgb(180,212,247)
```
#f7b4d4
```
#f7b4d4 rgb(247,180,212)
```
#f7d7b4
```
#f7d7b4 rgb(247,215,180)
```

Tetradic Color

#6facf0
```
#6facf0 rgb(111,172,240)
```
#86baf2
```
#86baf2 rgb(134,186,242)
```
#9dc7f5
```
#9dc7f5 rgb(157,199,245)
```
#b4d4f7
```
#b4d4f7 rgb(180,212,247)
```
#cbe1f9
```
#cbe1f9 rgb(203,225,249)
```
#e2eefc
```
#e2eefc rgb(226,238,252)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Monochromatic Color

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

#b4e5f7
```
#b4e5f7 rgb(180,229,247)
```
#b4dff7
```
#b4dff7 rgb(180,223,247)
```
#b4daf7
```
#b4daf7 rgb(180,218,247)
```
#b4d4f7
```
#b4d4f7 rgb(180,212,247)
```
#b4cef7
```
#b4cef7 rgb(180,206,247)
```
#b4c9f7
```
#b4c9f7 rgb(180,201,247)
```
#b4c3f7
```
#b4c3f7 rgb(180,195,247)
```

Similar Colors

Text with hexadecimal color #b4d4f7

This text has a font color of #b4d4f7.

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

#b4d4f7 background color

This paragraph has a background color of #b4d4f7.

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

#b4d4f7 border color

This element has a border color of #b4d4f7.

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

CSS codes

.text {color:#b4d4f7;}

.background {background-color:#b4d4f7;}

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

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, #01070e is the darkest color, while #fbfdff is the lightest one.

#01070e
```
#01070e rgb(1,7,14)
```
#03111f
```
#03111f rgb(3,17,31)
```
#051a31
```
#051a31 rgb(5,26,49)
```
#072443
```
#072443 rgb(7,36,67)
```
#092d55
```
#092d55 rgb(9,45,85)
```
#0b3766
```
#0b3766 rgb(11,55,102)
```
#0d4078
```
#0d4078 rgb(13,64,120)
```
#0f498a
```
#0f498a rgb(15,73,138)
```
#11539b
```
#11539b rgb(17,83,155)
```
#125cad
```
#125cad rgb(18,92,173)
```
#1466bf
```
#1466bf rgb(20,102,191)
```
#166fd1
```
#166fd1 rgb(22,111,209)
```
#1879e2
```
#1879e2 rgb(24,121,226)
```

Shade Color Variation

#2683e8
```
#2683e8 rgb(38,131,232)
```
#388dea
```
#388dea rgb(56,141,234)
```
#4a97ec
```
#4a97ec rgb(74,151,236)
```
#5ba1ee
```
#5ba1ee rgb(91,161,238)
```
#6dabef
```
#6dabef rgb(109,171,239)
```
#7fb6f1
```
#7fb6f1 rgb(127,182,241)
```
#91c0f3
```
#91c0f3 rgb(145,192,243)
```
#a2caf5
```
#a2caf5 rgb(162,202,245)
```
#b4d4f7
```
#b4d4f7 rgb(180,212,247)
```
#c6def9
```
#c6def9 rgb(198,222,249)
```
#d7e8fb
```
#d7e8fb rgb(215,232,251)
```
#e9f2fd
```
#e9f2fd rgb(233,242,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#d4d5d7
```
#d4d5d7 rgb(212,213,215)
```
#d1d5da
```
#d1d5da rgb(209,213,218)
```
#ced5dd
```
#ced5dd rgb(206,213,221)
```
#cad5e1
```
#cad5e1 rgb(202,213,225)
```
#c7d5e4
```
#c7d5e4 rgb(199,213,228)
```
#c4d5e7
```
#c4d5e7 rgb(196,213,231)
```
#c1d5ea
```
#c1d5ea rgb(193,213,234)
```
#bed4ed
```
#bed4ed rgb(190,212,237)
```
#bad4f1
```
#bad4f1 rgb(186,212,241)
```
#b7d4f4
```
#b7d4f4 rgb(183,212,244)
```
#b4d4f7
```
#b4d4f7 rgb(180,212,247)
```
#b1d4fa
```
#b1d4fa rgb(177,212,250)
```
#aed4fd
```
#aed4fd rgb(174,212,253)
```

Tone Color Variation

Below, you can see how #b4d4f7 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

#cecece Achromatopsia 0.005% of the population
#c9cfd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbd1f4 Protanopia 1% of men
#d2cefa Deuteranopia 1% of men
#b4d8e8 Tritanopia 0.001% of the population

Trichromacy

#c3d2f5 Protanomaly 1% of men, 0.01% of women
#c7d0f8 Deuteranomaly 6% of men, 0.4% of women
#b4d7ed Tritanomaly 0.01% of the population

#b4d4f7 hex color

#b4d4f7 Color Information

#b4d4f7 Color Conversion

Color Schemes with #b4d4f7

Alternatives to #b4d4f7

#b4d4f7 Preview

Shades and Tints of #b4d4f7

Tones of #b4d4f7

Color Blindness Simulator