#7bb6f3 Color Information
In a RGB color space, hex #7bb6f3 is composed of 48.2% red, 71.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 25.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 210.5 degrees, a saturation of 83.3% and a lightness of 71.8%. #7bb6f3 color hex could be obtained by blending #f6ffff with #006de7. Closest websafe color is: #66ccff.
-
- R 48
- G 71
- B 95
-
- C 49
- M 25
- Y 0
- K 5
● #7bb6f3 color description : Soft blue.
#7bb6f3 Color Conversion
The hexadecimal color #7bb6f3 has RGB values of R:123, G:182, B:243 and CMYK values of C:0.49, M:0.25, Y:0, K:0.05. Its decimal value is 8107763.
Hex triplet | 7bb6f3 | #7bb6f3 |
---|---|---|
RGB Decimal | 123, 182, 243 | rgb(123,182,243) |
RGB Percent | 48.2, 71.4, 95.3 | rgb(48.2%,71.4%,95.3%) |
CMYK | 49, 25, 0, 5 | |
HSL | 210.5°, 83.3, 71.8 | hsl(210.5,83.3%,71.8%) |
HSV (or HSB) | 210.5°, 49.4, 95.3 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 72.319, -2.679, -36.215 |
---|---|
XYZ | 41.07, 44.136, 91.144 |
xyY | 0.233, 0.25, 44.136 |
CIE-LCH | 72.319, 36.314, 265.769 |
CIE-LUV | 72.319, -27.84, -57.886 |
Hunter-Lab | 66.435, -5.911, -34.838 |
Binary | 01111011, 10110110, 11110011 |
Color Schemes with #7bb6f3
Alternatives to #7bb6f3
Below, you can see some colors close to #7bb6f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7bb6f3 Preview
This text has a font color of #7bb6f3.
<span style="color:#7bb6f3;">Text here</span>
This paragraph has a background color of #7bb6f3.
<p style="background-color:#7bb6f3;">Content here</p>
This element has a border color of #7bb6f3.
<div style="border:1px solid #7bb6f3;">Content here</div>
.text {color:#7bb6f3;}
.background {background-color:#7bb6f3;}
.border {border:1px solid #7bb6f3;}
Shades and Tints of #7bb6f3
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, #01060c is the darkest color, while #f9fcfe is the lightest one.
-
#01060c
#01060c
rgb(1,6,12)
-
#03101e
#03101e
rgb(3,16,30)
-
#041a30
#041a30
rgb(4,26,48)
-
#062342
#062342
rgb(6,35,66)
-
#082d54
#082d54
rgb(8,45,84)
-
#093766
#093766
rgb(9,55,102)
-
#0b4078
#0b4078
rgb(11,64,120)
-
#0d4a8a
#0d4a8a
rgb(13,74,138)
-
#0e549c
#0e549c
rgb(14,84,156)
-
#105dae
#105dae
rgb(16,93,174)
-
#1167c0
#1167c0
rgb(17,103,192)
-
#1371d2
#1371d2
rgb(19,113,210)
-
#157ae4
#157ae4
rgb(21,122,228)
-
#2184eb
#2184eb
rgb(33,132,235)
-
#338eec
#338eec
rgb(51,142,236)
-
#4598ee
#4598ee
rgb(69,152,238)
-
#57a2f0
#57a2f0
rgb(87,162,240)
-
#69acf1
#69acf1
rgb(105,172,241)
-
#7bb6f3
#7bb6f3
rgb(123,182,243)
-
#8dc0f5
#8dc0f5
rgb(141,192,245)
-
#9fcaf6
#9fcaf6
rgb(159,202,246)
-
#b1d4f8
#b1d4f8
rgb(177,212,248)
-
#c3defa
#c3defa
rgb(195,222,250)
-
#d5e8fb
#d5e8fb
rgb(213,232,251)
-
#e7f2fd
#e7f2fd
rgb(231,242,253)
-
#f9fcfe
#f9fcfe
rgb(249,252,254)
Tones of #7bb6f3
A tone is produced by adding gray to any pure hue. In this case, #b2b7bc is the less saturated color, while #70b6fe is the most saturated one.
-
#b2b7bc
#b2b7bc
rgb(178,183,188)
-
#adb7c1
#adb7c1
rgb(173,183,193)
-
#a7b7c7
#a7b7c7
rgb(167,183,199)
-
#a2b7cc
#a2b7cc
rgb(162,183,204)
-
#9cb7d2
#9cb7d2
rgb(156,183,210)
-
#97b6d7
#97b6d7
rgb(151,182,215)
-
#91b6dd
#91b6dd
rgb(145,182,221)
-
#8cb6e2
#8cb6e2
rgb(140,182,226)
-
#86b6e8
#86b6e8
rgb(134,182,232)
-
#81b6ed
#81b6ed
rgb(129,182,237)
-
#7bb6f3
#7bb6f3
rgb(123,182,243)
-
#75b6f9
#75b6f9
rgb(117,182,249)
-
#70b6fe
#70b6fe
rgb(112,182,254)
Color Blindness Simulator
Below, you can see how #7bb6f3 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.