#7bb4f3 Color Information
In a RGB color space, hex #7bb4f3 is composed of 48.2% red, 70.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 25.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 211.5 degrees, a saturation of 83.3% and a lightness of 71.8%. #7bb4f3 color hex could be obtained by blending #f6ffff with #0069e7. Closest websafe color is: #66ccff.
-
- R 48
- G 71
- B 95
-
- C 49
- M 26
- Y 0
- K 5
● #7bb4f3 color description : Soft blue.
#7bb4f3 Color Conversion
The hexadecimal color #7bb4f3 has RGB values of R:123, G:180, B:243 and CMYK values of C:0.49, M:0.26, Y:0, K:0.05. Its decimal value is 8107251.
Hex triplet | 7bb4f3 | #7bb4f3 |
---|---|---|
RGB Decimal | 123, 180, 243 | rgb(123,180,243) |
RGB Percent | 48.2, 70.6, 95.3 | rgb(48.2%,70.6%,95.3%) |
CMYK | 49, 26, 0, 5 | |
HSL | 211.5°, 83.3, 71.8 | hsl(211.5,83.3%,71.8%) |
HSV (or HSB) | 211.5°, 49.4, 95.3 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 71.773, -1.578, -37.062 |
---|---|
XYZ | 40.664, 43.322, 91.008 |
xyY | 0.232, 0.248, 43.322 |
CIE-LCH | 71.773, 37.096, 267.562 |
CIE-LUV | 71.773, -27.085, -59.412 |
Hunter-Lab | 65.82, -4.907, -35.906 |
Binary | 01111011, 10110100, 11110011 |
Color Schemes with #7bb4f3
Alternatives to #7bb4f3
Below, you can see some colors close to #7bb4f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7bb4f3 Preview
This text has a font color of #7bb4f3.
<span style="color:#7bb4f3;">Text here</span>
This paragraph has a background color of #7bb4f3.
<p style="background-color:#7bb4f3;">Content here</p>
This element has a border color of #7bb4f3.
<div style="border:1px solid #7bb4f3;">Content here</div>
.text {color:#7bb4f3;}
.background {background-color:#7bb4f3;}
.border {border:1px solid #7bb4f3;}
Shades and Tints of #7bb4f3
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)
-
#041930
#041930
rgb(4,25,48)
-
#062242
#062242
rgb(6,34,66)
-
#082c54
#082c54
rgb(8,44,84)
-
#093566
#093566
rgb(9,53,102)
-
#0b3f78
#0b3f78
rgb(11,63,120)
-
#0d488a
#0d488a
rgb(13,72,138)
-
#0e519c
#0e519c
rgb(14,81,156)
-
#105bae
#105bae
rgb(16,91,174)
-
#1164c0
#1164c0
rgb(17,100,192)
-
#136ed2
#136ed2
rgb(19,110,210)
-
#1577e4
#1577e4
rgb(21,119,228)
-
#2181eb
#2181eb
rgb(33,129,235)
-
#338bec
#338bec
rgb(51,139,236)
-
#4595ee
#4595ee
rgb(69,149,238)
-
#57a0f0
#57a0f0
rgb(87,160,240)
-
#69aaf1
#69aaf1
rgb(105,170,241)
-
#7bb4f3
#7bb4f3
rgb(123,180,243)
-
#8dbef5
#8dbef5
rgb(141,190,245)
-
#9fc8f6
#9fc8f6
rgb(159,200,246)
-
#b1d3f8
#b1d3f8
rgb(177,211,248)
-
#c3ddfa
#c3ddfa
rgb(195,221,250)
-
#d5e7fb
#d5e7fb
rgb(213,231,251)
-
#e7f1fd
#e7f1fd
rgb(231,241,253)
-
#f9fcfe
#f9fcfe
rgb(249,252,254)
Tones of #7bb4f3
A tone is produced by adding gray to any pure hue. In this case, #b2b7bc is the less saturated color, while #70b3fe is the most saturated one.
-
#b2b7bc
#b2b7bc
rgb(178,183,188)
-
#adb6c1
#adb6c1
rgb(173,182,193)
-
#a7b6c7
#a7b6c7
rgb(167,182,199)
-
#a2b6cc
#a2b6cc
rgb(162,182,204)
-
#9cb6d2
#9cb6d2
rgb(156,182,210)
-
#97b5d7
#97b5d7
rgb(151,181,215)
-
#91b5dd
#91b5dd
rgb(145,181,221)
-
#8cb5e2
#8cb5e2
rgb(140,181,226)
-
#86b5e8
#86b5e8
rgb(134,181,232)
-
#81b4ed
#81b4ed
rgb(129,180,237)
-
#7bb4f3
#7bb4f3
rgb(123,180,243)
-
#75b4f9
#75b4f9
rgb(117,180,249)
-
#70b3fe
#70b3fe
rgb(112,179,254)
Color Blindness Simulator
Below, you can see how #7bb4f3 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.