#7bb4fa Color Information
In a RGB color space, hex #7bb4fa is composed of 48.2% red, 70.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 28% magenta, 0% yellow and 2% black. It has a hue angle of 213.1 degrees, a saturation of 92.7% and a lightness of 73.1%. #7bb4fa color hex could be obtained by blending #f6ffff with #0069f5. Closest websafe color is: #66ccff.
-
- R 48
- G 71
- B 98
-
- C 51
- M 28
- Y 0
- K 2
● #7bb4fa color description : Soft blue.
#7bb4fa Color Conversion
The hexadecimal color #7bb4fa has RGB values of R:123, G:180, B:250 and CMYK values of C:0.51, M:0.28, Y:0, K:0.02. Its decimal value is 8107258.
Hex triplet | 7bb4fa | #7bb4fa |
---|---|---|
RGB Decimal | 123, 180, 250 | rgb(123,180,250) |
RGB Percent | 48.2, 70.6, 98 | rgb(48.2%,70.6%,98%) |
CMYK | 51, 28, 0, 2 | |
HSL | 213.1°, 92.7, 73.1 | hsl(213.1,92.7%,73.1%) |
HSV (or HSB) | 213.1°, 50.8, 98 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 72.063, 0.47, -40.399 |
---|---|
XYZ | 41.741, 43.753, 96.683 |
xyY | 0.229, 0.24, 43.753 |
CIE-LCH | 72.063, 40.402, 270.667 |
CIE-LUV | 72.063, -27.04, -65.399 |
Hunter-Lab | 66.146, -3.115, -40.359 |
Binary | 01111011, 10110100, 11111010 |
Color Schemes with #7bb4fa
Alternatives to #7bb4fa
Below, you can see some colors close to #7bb4fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7bb4fa Preview
This text has a font color of #7bb4fa.
<span style="color:#7bb4fa;">Text here</span>
This paragraph has a background color of #7bb4fa.
<p style="background-color:#7bb4fa;">Content here</p>
This element has a border color of #7bb4fa.
<div style="border:1px solid #7bb4fa;">Content here</div>
.text {color:#7bb4fa;}
.background {background-color:#7bb4fa;}
.border {border:1px solid #7bb4fa;}
Shades and Tints of #7bb4fa
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, #000000 is the darkest color, while #ecf4fe is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#010913
#010913
rgb(1,9,19)
-
#011226
#011226
rgb(1,18,38)
-
#021b39
#021b39
rgb(2,27,57)
-
#03244c
#03244c
rgb(3,36,76)
-
#042d5f
#042d5f
rgb(4,45,95)
-
#043572
#043572
rgb(4,53,114)
-
#053e85
#053e85
rgb(5,62,133)
-
#064797
#064797
rgb(6,71,151)
-
#0650aa
#0650aa
rgb(6,80,170)
-
#0759bd
#0759bd
rgb(7,89,189)
-
#0862d0
#0862d0
rgb(8,98,208)
-
#096be3
#096be3
rgb(9,107,227)
-
#0a74f6
#0a74f6
rgb(10,116,246)
-
#1d7ef6
#1d7ef6
rgb(29,126,246)
-
#2f89f7
#2f89f7
rgb(47,137,247)
-
#4294f8
#4294f8
rgb(66,148,248)
-
#559ff9
#559ff9
rgb(85,159,249)
-
#68a9f9
#68a9f9
rgb(104,169,249)
-
#7bb4fa
#7bb4fa
rgb(123,180,250)
-
#8ebffb
#8ebffb
rgb(142,191,251)
-
#a1c9fb
#a1c9fb
rgb(161,201,251)
-
#b4d4fc
#b4d4fc
rgb(180,212,252)
-
#c7dffd
#c7dffd
rgb(199,223,253)
-
#d9eafe
#d9eafe
rgb(217,234,254)
-
#ecf4fe
#ecf4fe
rgb(236,244,254)
Tones of #7bb4fa
A tone is produced by adding gray to any pure hue. In this case, #bababb is the less saturated color, while #7bb4fa is the most saturated one.
-
#bababb
#bababb
rgb(186,186,187)
-
#b5bac0
#b5bac0
rgb(181,186,192)
-
#b0b9c5
#b0b9c5
rgb(176,185,197)
-
#aab9cb
#aab9cb
rgb(170,185,203)
-
#a5b8d0
#a5b8d0
rgb(165,184,208)
-
#a0b8d5
#a0b8d5
rgb(160,184,213)
-
#9bb7da
#9bb7da
rgb(155,183,218)
-
#95b7e0
#95b7e0
rgb(149,183,224)
-
#90b6e5
#90b6e5
rgb(144,182,229)
-
#8bb6ea
#8bb6ea
rgb(139,182,234)
-
#86b5ef
#86b5ef
rgb(134,181,239)
-
#80b5f5
#80b5f5
rgb(128,181,245)
-
#7bb4fa
#7bb4fa
rgb(123,180,250)
Color Blindness Simulator
Below, you can see how #7bb4fa 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.