#b4d9f0 Color Information
In a RGB color space, hex #b4d9f0 is composed of 70.6% red, 85.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 9.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 203 degrees, a saturation of 66.7% and a lightness of 82.4%. #b4d9f0 color hex could be obtained by blending #ffffff with #69b3e1. Closest websafe color is: #ccccff.
-
- R 71
- G 85
- B 94
-
- C 25
- M 10
- Y 0
- K 6
● #b4d9f0 color description : Very soft blue.
#b4d9f0 Color Conversion
The hexadecimal color #b4d9f0 has RGB values of R:180, G:217, B:240 and CMYK values of C:0.25, M:0.1, Y:0, K:0.06. Its decimal value is 11852272.
Hex triplet | b4d9f0 | #b4d9f0 |
---|---|---|
RGB Decimal | 180, 217, 240 | rgb(180,217,240) |
RGB Percent | 70.6, 85.1, 94.1 | rgb(70.6%,85.1%,94.1%) |
CMYK | 25, 10, 0, 6 | |
HSL | 203°, 66.7, 82.4 | hsl(203,66.7%,82.4%) |
HSV (or HSB) | 203°, 25, 94.1 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 84.802, -7.102, -15.262 |
---|---|
XYZ | 59.36, 65.619, 91.971 |
xyY | 0.274, 0.302, 65.619 |
CIE-LCH | 84.802, 16.833, 245.045 |
CIE-LUV | 84.802, -19.734, -22.914 |
Hunter-Lab | 81.005, -10.956, -10.613 |
Binary | 10110100, 11011001, 11110000 |
Color Schemes with #b4d9f0
Alternatives to #b4d9f0
Below, you can see some colors close to #b4d9f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4d9f0 Preview
This text has a font color of #b4d9f0.
<span style="color:#b4d9f0;">Text here</span>
This paragraph has a background color of #b4d9f0.
<p style="background-color:#b4d9f0;">Content here</p>
This element has a border color of #b4d9f0.
<div style="border:1px solid #b4d9f0;">Content here</div>
.text {color:#b4d9f0;}
.background {background-color:#b4d9f0;}
.border {border:1px solid #b4d9f0;}
Shades and Tints of #b4d9f0
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, #010507 is the darkest color, while #f5fafd is the lightest one.
-
#010507
#010507
rgb(1,5,7)
-
#051017
#051017
rgb(5,16,23)
-
#081b27
#081b27
rgb(8,27,39)
-
#0b2738
#0b2738
rgb(11,39,56)
-
#0e3248
#0e3248
rgb(14,50,72)
-
#123d58
#123d58
rgb(18,61,88)
-
#154969
#154969
rgb(21,73,105)
-
#185479
#185479
rgb(24,84,121)
-
#1c5f8a
#1c5f8a
rgb(28,95,138)
-
#1f6b9a
#1f6b9a
rgb(31,107,154)
-
#2276aa
#2276aa
rgb(34,118,170)
-
#2581bb
#2581bb
rgb(37,129,187)
-
#298dcb
#298dcb
rgb(41,141,203)
-
#3197d6
#3197d6
rgb(49,151,214)
-
#429fd9
#429fd9
rgb(66,159,217)
-
#52a7dc
#52a7dc
rgb(82,167,220)
-
#62b0e0
#62b0e0
rgb(98,176,224)
-
#73b8e3
#73b8e3
rgb(115,184,227)
-
#83c0e6
#83c0e6
rgb(131,192,230)
-
#93c8e9
#93c8e9
rgb(147,200,233)
-
#a4d1ed
#a4d1ed
rgb(164,209,237)
-
#b4d9f0
#b4d9f0
rgb(180,217,240)
-
#c4e1f3
#c4e1f3
rgb(196,225,243)
-
#d5eaf7
#d5eaf7
rgb(213,234,247)
-
#e5f2fa
#e5f2fa
rgb(229,242,250)
-
#f5fafd
#f5fafd
rgb(245,250,253)
Tones of #b4d9f0
A tone is produced by adding gray to any pure hue. In this case, #d0d3d4 is the less saturated color, while #a6dcfe is the most saturated one.
-
#d0d3d4
#d0d3d4
rgb(208,211,212)
-
#ccd3d8
#ccd3d8
rgb(204,211,216)
-
#c9d4db
#c9d4db
rgb(201,212,219)
-
#c5d5df
#c5d5df
rgb(197,213,223)
-
#c2d6e2
#c2d6e2
rgb(194,214,226)
-
#bed7e6
#bed7e6
rgb(190,215,230)
-
#bbd7e9
#bbd7e9
rgb(187,215,233)
-
#b7d8ed
#b7d8ed
rgb(183,216,237)
-
#b4d9f0
#b4d9f0
rgb(180,217,240)
-
#b1daf3
#b1daf3
rgb(177,218,243)
-
#addbf7
#addbf7
rgb(173,219,247)
-
#aadbfa
#aadbfa
rgb(170,219,250)
-
#a6dcfe
#a6dcfe
rgb(166,220,254)
Color Blindness Simulator
Below, you can see how #b4d9f0 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.