#b4d4d8 Color Information
In a RGB color space, hex #b4d4d8 is composed of 70.6% red, 83.1% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 1.9% magenta, 0% yellow and 15.3% black. It has a hue angle of 186.7 degrees, a saturation of 31.6% and a lightness of 77.6%. #b4d4d8 color hex could be obtained by blending #ffffff with #69a9b1. Closest websafe color is: #cccccc.
-
- R 71
- G 83
- B 85
-
- C 17
- M 2
- Y 0
- K 15
● #b4d4d8 color description : Grayish cyan.
#b4d4d8 Color Conversion
The hexadecimal color #b4d4d8 has RGB values of R:180, G:212, B:216 and CMYK values of C:0.17, M:0.02, Y:0, K:0.15. Its decimal value is 11850968.
Hex triplet | b4d4d8 | #b4d4d8 |
---|---|---|
RGB Decimal | 180, 212, 216 | rgb(180,212,216) |
RGB Percent | 70.6, 83.1, 84.7 | rgb(70.6%,83.1%,84.7%) |
CMYK | 17, 2, 0, 15 | |
HSL | 186.7°, 31.6, 77.6 | hsl(186.7,31.6%,77.6%) |
HSV (or HSB) | 186.7°, 16.7, 84.7 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 82.779, -9.726, -5.529 |
---|---|
XYZ | 54.758, 61.747, 73.995 |
xyY | 0.287, 0.324, 61.747 |
CIE-LCH | 82.779, 11.188, 209.619 |
CIE-LUV | 82.779, -16.961, -6.854 |
Hunter-Lab | 78.579, -13.126, -0.826 |
Binary | 10110100, 11010100, 11011000 |
Color Schemes with #b4d4d8
Alternatives to #b4d4d8
Below, you can see some colors close to #b4d4d8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4d4d8 Preview
This text has a font color of #b4d4d8.
<span style="color:#b4d4d8;">Text here</span>
This paragraph has a background color of #b4d4d8.
<p style="background-color:#b4d4d8;">Content here</p>
This element has a border color of #b4d4d8.
<div style="border:1px solid #b4d4d8;">Content here</div>
.text {color:#b4d4d8;}
.background {background-color:#b4d4d8;}
.border {border:1px solid #b4d4d8;}
Shades and Tints of #b4d4d8
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, #010202 is the darkest color, while #f5f9fa is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#080f0f
#080f0f
rgb(8,15,15)
-
#0f1b1c
#0f1b1c
rgb(15,27,28)
-
#152729
#152729
rgb(21,39,41)
-
#1c3336
#1c3336
rgb(28,51,54)
-
#233f43
#233f43
rgb(35,63,67)
-
#2a4c50
#2a4c50
rgb(42,76,80)
-
#30585d
#30585d
rgb(48,88,93)
-
#37646a
#37646a
rgb(55,100,106)
-
#3e7077
#3e7077
rgb(62,112,119)
-
#447c83
#447c83
rgb(68,124,131)
-
#4b8990
#4b8990
rgb(75,137,144)
-
#52959d
#52959d
rgb(82,149,157)
-
#5aa0a9
#5aa0a9
rgb(90,160,169)
-
#67a8b0
#67a8b0
rgb(103,168,176)
-
#73afb6
#73afb6
rgb(115,175,182)
-
#80b6bd
#80b6bd
rgb(128,182,189)
-
#8dbec4
#8dbec4
rgb(141,190,196)
-
#9ac5cb
#9ac5cb
rgb(154,197,203)
-
#a7cdd1
#a7cdd1
rgb(167,205,209)
-
#b4d4d8
#b4d4d8
rgb(180,212,216)
-
#c1dbdf
#c1dbdf
rgb(193,219,223)
-
#cee3e5
#cee3e5
rgb(206,227,229)
-
#dbeaec
#dbeaec
rgb(219,234,236)
-
#e8f2f3
#e8f2f3
rgb(232,242,243)
-
#f5f9fa
#f5f9fa
rgb(245,249,250)
Tones of #b4d4d8
A tone is produced by adding gray to any pure hue. In this case, #c6c6c6 is the less saturated color, while #91effb is the most saturated one.
-
#c6c6c6
#c6c6c6
rgb(198,198,198)
-
#c1cacb
#c1cacb
rgb(193,202,203)
-
#bdcdcf
#bdcdcf
rgb(189,205,207)
-
#b8d1d4
#b8d1d4
rgb(184,209,212)
-
#b4d4d8
#b4d4d8
rgb(180,212,216)
-
#b0d7dc
#b0d7dc
rgb(176,215,220)
-
#abdbe1
#abdbe1
rgb(171,219,225)
-
#a7dee5
#a7dee5
rgb(167,222,229)
-
#a2e2ea
#a2e2ea
rgb(162,226,234)
-
#9ee5ee
#9ee5ee
rgb(158,229,238)
-
#9ae8f2
#9ae8f2
rgb(154,232,242)
-
#95ecf7
#95ecf7
rgb(149,236,247)
-
#91effb
#91effb
rgb(145,239,251)
Color Blindness Simulator
Below, you can see how #b4d4d8 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.