#b4d7ff Color Information
In a RGB color space, hex #b4d7ff is composed of 70.6% red, 84.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 15.7% magenta, 0% yellow and 0% black. It has a hue angle of 212 degrees, a saturation of 100% and a lightness of 85.3%. #b4d7ff color hex could be obtained by blending #ffffff with #69afff. Closest websafe color is: #ccccff.
-
- R 71
- G 84
- B 100
-
- C 29
- M 16
- Y 0
- K 0
● #b4d7ff color description : Pale blue.
#b4d7ff Color Conversion
The hexadecimal color #b4d7ff has RGB values of R:180, G:215, B:255 and CMYK values of C:0.29, M:0.16, Y:0, K:0. Its decimal value is 11851775.
Hex triplet | b4d7ff | #b4d7ff |
---|---|---|
RGB Decimal | 180, 215, 255 | rgb(180,215,255) |
RGB Percent | 70.6, 84.3, 100 | rgb(70.6%,84.3%,100%) |
CMYK | 29, 16, 0, 0 | |
HSL | 212°, 100, 85.3 | hsl(212,100%,85.3%) |
HSV (or HSB) | 212°, 29.4, 100 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 84.752, -2.591, -23.27 |
---|---|
XYZ | 61.169, 65.522, 104.026 |
xyY | 0.265, 0.284, 65.522 |
CIE-LCH | 84.752, 23.414, 263.646 |
CIE-LUV | 84.752, -19.184, -36.888 |
Hunter-Lab | 80.946, -6.767, -19.533 |
Binary | 10110100, 11010111, 11111111 |
Color Schemes with #b4d7ff
Alternatives to #b4d7ff
Below, you can see some colors close to #b4d7ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4d7ff Preview
This text has a font color of #b4d7ff.
<span style="color:#b4d7ff;">Text here</span>
This paragraph has a background color of #b4d7ff.
<p style="background-color:#b4d7ff;">Content here</p>
This element has a border color of #b4d7ff.
<div style="border:1px solid #b4d7ff;">Content here</div>
.text {color:#b4d7ff;}
.background {background-color:#b4d7ff;}
.border {border:1px solid #b4d7ff;}
Shades and Tints of #b4d7ff
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, #000203 is the darkest color, while #eff6ff is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#000b17
#000b17
rgb(0,11,23)
-
#00142b
#00142b
rgb(0,20,43)
-
#001d3e
#001d3e
rgb(0,29,62)
-
#002652
#002652
rgb(0,38,82)
-
#002f66
#002f66
rgb(0,47,102)
-
#003979
#003979
rgb(0,57,121)
-
#00428d
#00428d
rgb(0,66,141)
-
#004ba0
#004ba0
rgb(0,75,160)
-
#0054b4
#0054b4
rgb(0,84,180)
-
#005dc8
#005dc8
rgb(0,93,200)
-
#0066db
#0066db
rgb(0,102,219)
-
#006fef
#006fef
rgb(0,111,239)
-
#0379ff
#0379ff
rgb(3,121,255)
-
#1783ff
#1783ff
rgb(23,131,255)
-
#2b8eff
#2b8eff
rgb(43,142,255)
-
#3e98ff
#3e98ff
rgb(62,152,255)
-
#52a3ff
#52a3ff
rgb(82,163,255)
-
#66adff
#66adff
rgb(102,173,255)
-
#79b8ff
#79b8ff
rgb(121,184,255)
-
#8dc2ff
#8dc2ff
rgb(141,194,255)
-
#a0cdff
#a0cdff
rgb(160,205,255)
-
#b4d7ff
#b4d7ff
rgb(180,215,255)
-
#c8e1ff
#c8e1ff
rgb(200,225,255)
-
#dbecff
#dbecff
rgb(219,236,255)
-
#eff6ff
#eff6ff
rgb(239,246,255)
Tones of #b4d7ff
A tone is produced by adding gray to any pure hue. In this case, #d7d9dc is the less saturated color, while #b4d7ff is the most saturated one.
-
#d7d9dc
#d7d9dc
rgb(215,217,220)
-
#d4d9df
#d4d9df
rgb(212,217,223)
-
#d1d9e2
#d1d9e2
rgb(209,217,226)
-
#ced9e5
#ced9e5
rgb(206,217,229)
-
#cbd9e8
#cbd9e8
rgb(203,217,232)
-
#c8d8eb
#c8d8eb
rgb(200,216,235)
-
#c5d8ee
#c5d8ee
rgb(197,216,238)
-
#c2d8f1
#c2d8f1
rgb(194,216,241)
-
#c0d8f3
#c0d8f3
rgb(192,216,243)
-
#bdd8f6
#bdd8f6
rgb(189,216,246)
-
#bad7f9
#bad7f9
rgb(186,215,249)
-
#b7d7fc
#b7d7fc
rgb(183,215,252)
-
#b4d7ff
#b4d7ff
rgb(180,215,255)
Color Blindness Simulator
Below, you can see how #b4d7ff 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.