#7bb4e2 Color Information
In a RGB color space, hex #7bb4e2 is composed of 48.2% red, 70.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 20.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 206.8 degrees, a saturation of 64% and a lightness of 68.4%. #7bb4e2 color hex could be obtained by blending #f6ffff with #0069c5. Closest websafe color is: #66cccc.
-
- R 48
- G 71
- B 89
-
- C 46
- M 20
- Y 0
- K 11
● #7bb4e2 color description : Soft blue.
#7bb4e2 Color Conversion
The hexadecimal color #7bb4e2 has RGB values of R:123, G:180, B:226 and CMYK values of C:0.46, M:0.2, Y:0, K:0.11. Its decimal value is 8107234.
Hex triplet | 7bb4e2 | #7bb4e2 |
---|---|---|
RGB Decimal | 123, 180, 226 | rgb(123,180,226) |
RGB Percent | 48.2, 70.6, 88.6 | rgb(48.2%,70.6%,88.6%) |
CMYK | 46, 20, 0, 11 | |
HSL | 206.8°, 64, 68.4 | hsl(206.8,64%,68.4%) |
HSV (or HSB) | 206.8°, 45.6, 88.6 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 71.106, -6.427, -28.852 |
---|---|
XYZ | 38.214, 42.343, 78.107 |
xyY | 0.241, 0.267, 42.343 |
CIE-LCH | 71.106, 29.559, 257.443 |
CIE-LUV | 71.106, -27.21, -44.823 |
Hunter-Lab | 65.071, -9.048, -25.618 |
Binary | 01111011, 10110100, 11100010 |
Color Schemes with #7bb4e2
Alternatives to #7bb4e2
Below, you can see some colors close to #7bb4e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7bb4e2 Preview
This text has a font color of #7bb4e2.
<span style="color:#7bb4e2;">Text here</span>
This paragraph has a background color of #7bb4e2.
<p style="background-color:#7bb4e2;">Content here</p>
This element has a border color of #7bb4e2.
<div style="border:1px solid #7bb4e2;">Content here</div>
.text {color:#7bb4e2;}
.background {background-color:#7bb4e2;}
.border {border:1px solid #7bb4e2;}
Shades and Tints of #7bb4e2
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, #03080d is the darkest color, while #fcfdfe is the lightest one.
-
#03080d
#03080d
rgb(3,8,13)
-
#06131d
#06131d
rgb(6,19,29)
-
#0a1d2d
#0a1d2d
rgb(10,29,45)
-
#0d283d
#0d283d
rgb(13,40,61)
-
#11324d
#11324d
rgb(17,50,77)
-
#143d5d
#143d5d
rgb(20,61,93)
-
#18476d
#18476d
rgb(24,71,109)
-
#1c527d
#1c527d
rgb(28,82,125)
-
#1f5c8d
#1f5c8d
rgb(31,92,141)
-
#23679d
#23679d
rgb(35,103,157)
-
#2671ae
#2671ae
rgb(38,113,174)
-
#2a7cbe
#2a7cbe
rgb(42,124,190)
-
#2d86ce
#2d86ce
rgb(45,134,206)
-
#3b8fd4
#3b8fd4
rgb(59,143,212)
-
#4b99d7
#4b99d7
rgb(75,153,215)
-
#5ba2db
#5ba2db
rgb(91,162,219)
-
#6babde
#6babde
rgb(107,171,222)
-
#7bb4e2
#7bb4e2
rgb(123,180,226)
-
#8bbde6
#8bbde6
rgb(139,189,230)
-
#9bc6e9
#9bc6e9
rgb(155,198,233)
-
#abcfed
#abcfed
rgb(171,207,237)
-
#bbd9f0
#bbd9f0
rgb(187,217,240)
-
#cbe2f4
#cbe2f4
rgb(203,226,244)
-
#dbebf7
#dbebf7
rgb(219,235,247)
-
#ecf4fb
#ecf4fb
rgb(236,244,251)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #7bb4e2
A tone is produced by adding gray to any pure hue. In this case, #adafb0 is the less saturated color, while #62b7fb is the most saturated one.
-
#adafb0
#adafb0
rgb(173,175,176)
-
#a6afb7
#a6afb7
rgb(166,175,183)
-
#a0b0bd
#a0b0bd
rgb(160,176,189)
-
#9ab1c3
#9ab1c3
rgb(154,177,195)
-
#94b1c9
#94b1c9
rgb(148,177,201)
-
#8eb2cf
#8eb2cf
rgb(142,178,207)
-
#87b3d6
#87b3d6
rgb(135,179,214)
-
#81b3dc
#81b3dc
rgb(129,179,220)
-
#7bb4e2
#7bb4e2
rgb(123,180,226)
-
#75b5e8
#75b5e8
rgb(117,181,232)
-
#6fb5ee
#6fb5ee
rgb(111,181,238)
-
#68b6f5
#68b6f5
rgb(104,182,245)
-
#62b7fb
#62b7fb
rgb(98,183,251)
Color Blindness Simulator
Below, you can see how #7bb4e2 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.