#7bbbee Color Information
In a RGB color space, hex #7bbbee is composed of 48.2% red, 73.3% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 21.4% magenta, 0% yellow and 6.7% black. It has a hue angle of 206.6 degrees, a saturation of 77.2% and a lightness of 70.8%. #7bbbee color hex could be obtained by blending #f6ffff with #0077dd. Closest websafe color is: #66ccff.
-
- R 48
- G 73
- B 93
-
- C 48
- M 21
- Y 0
- K 7
● #7bbbee color description : Soft blue.
#7bbbee Color Conversion
The hexadecimal color #7bbbee has RGB values of R:123, G:187, B:238 and CMYK values of C:0.48, M:0.21, Y:0, K:0.07. Its decimal value is 8109038.
Hex triplet | 7bbbee | #7bbbee |
---|---|---|
RGB Decimal | 123, 187, 238 | rgb(123,187,238) |
RGB Percent | 48.2, 73.3, 93.3 | rgb(48.2%,73.3%,93.3%) |
CMYK | 48, 21, 0, 7 | |
HSL | 206.6°, 77.2, 70.8 | hsl(206.6,77.2%,70.8%) |
HSV (or HSB) | 206.6°, 48.3, 93.3 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 73.495, -6.838, -31.689 |
---|---|
XYZ | 41.368, 45.922, 87.568 |
xyY | 0.237, 0.263, 45.922 |
CIE-LCH | 73.495, 32.418, 257.823 |
CIE-LUV | 73.495, -29.798, -49.762 |
Hunter-Lab | 67.766, -9.626, -29.179 |
Binary | 01111011, 10111011, 11101110 |
Color Schemes with #7bbbee
Alternatives to #7bbbee
Below, you can see some colors close to #7bbbee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7bbbee Preview
This text has a font color of #7bbbee.
<span style="color:#7bbbee;">Text here</span>
This paragraph has a background color of #7bbbee.
<p style="background-color:#7bbbee;">Content here</p>
This element has a border color of #7bbbee.
<div style="border:1px solid #7bbbee;">Content here</div>
.text {color:#7bbbee;}
.background {background-color:#7bbbee;}
.border {border:1px solid #7bbbee;}
Shades and Tints of #7bbbee
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, #010407 is the darkest color, while #f5fafe is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#030f18
#030f18
rgb(3,15,24)
-
#051a2a
#051a2a
rgb(5,26,42)
-
#08243b
#08243b
rgb(8,36,59)
-
#0a2f4d
#0a2f4d
rgb(10,47,77)
-
#0c3a5e
#0c3a5e
rgb(12,58,94)
-
#0e446f
#0e446f
rgb(14,68,111)
-
#114f81
#114f81
rgb(17,79,129)
-
#135a92
#135a92
rgb(19,90,146)
-
#1564a3
#1564a3
rgb(21,100,163)
-
#176fb5
#176fb5
rgb(23,111,181)
-
#1a7ac6
#1a7ac6
rgb(26,122,198)
-
#1c84d8
#1c84d8
rgb(28,132,216)
-
#248ee3
#248ee3
rgb(36,142,227)
-
#3597e5
#3597e5
rgb(53,151,229)
-
#47a0e7
#47a0e7
rgb(71,160,231)
-
#58a9ea
#58a9ea
rgb(88,169,234)
-
#6ab2ec
#6ab2ec
rgb(106,178,236)
-
#7bbbee
#7bbbee
rgb(123,187,238)
-
#8cc4f0
#8cc4f0
rgb(140,196,240)
-
#9ecdf2
#9ecdf2
rgb(158,205,242)
-
#afd6f5
#afd6f5
rgb(175,214,245)
-
#c1dff7
#c1dff7
rgb(193,223,247)
-
#d2e8f9
#d2e8f9
rgb(210,232,249)
-
#e3f1fb
#e3f1fb
rgb(227,241,251)
-
#f5fafe
#f5fafe
rgb(245,250,254)
Tones of #7bbbee
A tone is produced by adding gray to any pure hue. In this case, #b4b5b5 is the less saturated color, while #70bcf9 is the most saturated one.
-
#b4b5b5
#b4b5b5
rgb(180,181,181)
-
#afb5ba
#afb5ba
rgb(175,181,186)
-
#a9b6c0
#a9b6c0
rgb(169,182,192)
-
#a3b6c6
#a3b6c6
rgb(163,182,198)
-
#9db7cc
#9db7cc
rgb(157,183,204)
-
#98b8d1
#98b8d1
rgb(152,184,209)
-
#92b8d7
#92b8d7
rgb(146,184,215)
-
#8cb9dd
#8cb9dd
rgb(140,185,221)
-
#86bae3
#86bae3
rgb(134,186,227)
-
#81bae8
#81bae8
rgb(129,186,232)
-
#7bbbee
#7bbbee
rgb(123,187,238)
-
#75bcf4
#75bcf4
rgb(117,188,244)
-
#70bcf9
#70bcf9
rgb(112,188,249)
Color Blindness Simulator
Below, you can see how #7bbbee 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.