#b4c7f0 Color Information
In a RGB color space, hex #b4c7f0 is composed of 70.6% red, 78% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 17.1% magenta, 0% yellow and 5.9% black. It has a hue angle of 221 degrees, a saturation of 66.7% and a lightness of 82.4%. #b4c7f0 color hex could be obtained by blending #ffffff with #698fe1. Closest websafe color is: #ccccff.
-
- R 71
- G 78
- B 94
-
- C 25
- M 17
- Y 0
- K 6
● #b4c7f0 color description : Very soft blue.
#b4c7f0 Color Conversion
The hexadecimal color #b4c7f0 has RGB values of R:180, G:199, B:240 and CMYK values of C:0.25, M:0.17, Y:0, K:0.06. Its decimal value is 11847664.
Hex triplet | b4c7f0 | #b4c7f0 |
---|---|---|
RGB Decimal | 180, 199, 240 | rgb(180,199,240) |
RGB Percent | 70.6, 78, 94.1 | rgb(70.6%,78%,94.1%) |
CMYK | 25, 17, 0, 6 | |
HSL | 221°, 66.7, 82.4 | hsl(221,66.7%,82.4%) |
HSV (or HSB) | 221°, 25, 94.1 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 80.09, 2.403, -22.378 |
---|---|
XYZ | 54.971, 56.84, 90.508 |
xyY | 0.272, 0.281, 56.84 |
CIE-LCH | 80.09, 22.507, 276.129 |
CIE-LUV | 80.09, -11.824, -35.897 |
Hunter-Lab | 75.393, -1.788, -18.403 |
Binary | 10110100, 11000111, 11110000 |
Color Schemes with #b4c7f0
Alternatives to #b4c7f0
Below, you can see some colors close to #b4c7f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4c7f0 Preview
This text has a font color of #b4c7f0.
<span style="color:#b4c7f0;">Text here</span>
This paragraph has a background color of #b4c7f0.
<p style="background-color:#b4c7f0;">Content here</p>
This element has a border color of #b4c7f0.
<div style="border:1px solid #b4c7f0;">Content here</div>
.text {color:#b4c7f0;}
.background {background-color:#b4c7f0;}
.border {border:1px solid #b4c7f0;}
Shades and Tints of #b4c7f0
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, #010307 is the darkest color, while #f5f8fd is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#050a17
#050a17
rgb(5,10,23)
-
#081227
#081227
rgb(8,18,39)
-
#0b1938
#0b1938
rgb(11,25,56)
-
#0e2148
#0e2148
rgb(14,33,72)
-
#122858
#122858
rgb(18,40,88)
-
#153069
#153069
rgb(21,48,105)
-
#183779
#183779
rgb(24,55,121)
-
#1c3e8a
#1c3e8a
rgb(28,62,138)
-
#1f469a
#1f469a
rgb(31,70,154)
-
#224daa
#224daa
rgb(34,77,170)
-
#2555bb
#2555bb
rgb(37,85,187)
-
#295ccb
#295ccb
rgb(41,92,203)
-
#3165d6
#3165d6
rgb(49,101,214)
-
#4272d9
#4272d9
rgb(66,114,217)
-
#527edc
#527edc
rgb(82,126,220)
-
#628ae0
#628ae0
rgb(98,138,224)
-
#7396e3
#7396e3
rgb(115,150,227)
-
#83a2e6
#83a2e6
rgb(131,162,230)
-
#93afe9
#93afe9
rgb(147,175,233)
-
#a4bbed
#a4bbed
rgb(164,187,237)
-
#b4c7f0
#b4c7f0
rgb(180,199,240)
-
#c4d3f3
#c4d3f3
rgb(196,211,243)
-
#d5dff7
#d5dff7
rgb(213,223,247)
-
#e5ecfa
#e5ecfa
rgb(229,236,250)
-
#f5f8fd
#f5f8fd
rgb(245,248,253)
Tones of #b4c7f0
A tone is produced by adding gray to any pure hue. In this case, #d0d1d4 is the less saturated color, while #a6c2fe is the most saturated one.
-
#d0d1d4
#d0d1d4
rgb(208,209,212)
-
#ccd0d8
#ccd0d8
rgb(204,208,216)
-
#c9cfdb
#c9cfdb
rgb(201,207,219)
-
#c5cddf
#c5cddf
rgb(197,205,223)
-
#c2cce2
#c2cce2
rgb(194,204,226)
-
#becbe6
#becbe6
rgb(190,203,230)
-
#bbcae9
#bbcae9
rgb(187,202,233)
-
#b7c8ed
#b7c8ed
rgb(183,200,237)
-
#b4c7f0
#b4c7f0
rgb(180,199,240)
-
#b1c6f3
#b1c6f3
rgb(177,198,243)
-
#adc4f7
#adc4f7
rgb(173,196,247)
-
#aac3fa
#aac3fa
rgb(170,195,250)
-
#a6c2fe
#a6c2fe
rgb(166,194,254)
Color Blindness Simulator
Below, you can see how #b4c7f0 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.