#7ab4e9 Color Information
In a RGB color space, hex #7ab4e9 is composed of 47.8% red, 70.6% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 22.7% magenta, 0% yellow and 8.6% black. It has a hue angle of 208.6 degrees, a saturation of 71.6% and a lightness of 69.6%. #7ab4e9 color hex could be obtained by blending #f4ffff with #0069d3. Closest websafe color is: #66ccff.
-
- R 48
- G 71
- B 91
-
- C 48
- M 23
- Y 0
- K 9
● #7ab4e9 color description : Soft blue.
#7ab4e9 Color Conversion
The hexadecimal color #7ab4e9 has RGB values of R:122, G:180, B:233 and CMYK values of C:0.48, M:0.23, Y:0, K:0.09. Its decimal value is 8041705.
Hex triplet | 7ab4e9 | #7ab4e9 |
---|---|---|
RGB Decimal | 122, 180, 233 | rgb(122,180,233) |
RGB Percent | 47.8, 70.6, 91.4 | rgb(47.8%,70.6%,91.4%) |
CMYK | 48, 23, 0, 9 | |
HSL | 208.6°, 71.6, 69.6 | hsl(208.6,71.6%,69.6%) |
HSV (or HSB) | 208.6°, 47.6, 91.4 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 71.324, -4.688, -32.332 |
---|---|
XYZ | 39.052, 42.661, 83.263 |
xyY | 0.237, 0.259, 42.661 |
CIE-LCH | 71.324, 32.67, 261.749 |
CIE-LUV | 71.324, -27.493, -50.936 |
Hunter-Lab | 65.316, -7.578, -29.861 |
Binary | 01111010, 10110100, 11101001 |
Color Schemes with #7ab4e9
Alternatives to #7ab4e9
Below, you can see some colors close to #7ab4e9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ab4e9 Preview
This text has a font color of #7ab4e9.
<span style="color:#7ab4e9;">Text here</span>
This paragraph has a background color of #7ab4e9.
<p style="background-color:#7ab4e9;">Content here</p>
This element has a border color of #7ab4e9.
<div style="border:1px solid #7ab4e9;">Content here</div>
.text {color:#7ab4e9;}
.background {background-color:#7ab4e9;}
.border {border:1px solid #7ab4e9;}
Shades and Tints of #7ab4e9
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, #000102 is the darkest color, while #f0f6fc is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030b12
#030b12
rgb(3,11,18)
-
#061523
#061523
rgb(6,21,35)
-
#091f34
#091f34
rgb(9,31,52)
-
#0b2945
#0b2945
rgb(11,41,69)
-
#0e3456
#0e3456
rgb(14,52,86)
-
#113e67
#113e67
rgb(17,62,103)
-
#144877
#144877
rgb(20,72,119)
-
#175288
#175288
rgb(23,82,136)
-
#195c99
#195c99
rgb(25,92,153)
-
#1c66aa
#1c66aa
rgb(28,102,170)
-
#1f70bb
#1f70bb
rgb(31,112,187)
-
#227acc
#227acc
rgb(34,122,204)
-
#2685db
#2685db
rgb(38,133,219)
-
#378ede
#378ede
rgb(55,142,222)
-
#4898e1
#4898e1
rgb(72,152,225)
-
#58a1e3
#58a1e3
rgb(88,161,227)
-
#69abe6
#69abe6
rgb(105,171,230)
-
#7ab4e9
#7ab4e9
rgb(122,180,233)
-
#8bbdec
#8bbdec
rgb(139,189,236)
-
#9cc7ef
#9cc7ef
rgb(156,199,239)
-
#acd0f1
#acd0f1
rgb(172,208,241)
-
#bddaf4
#bddaf4
rgb(189,218,244)
-
#cee3f7
#cee3f7
rgb(206,227,247)
-
#dfedfa
#dfedfa
rgb(223,237,250)
-
#f0f6fc
#f0f6fc
rgb(240,246,252)
Tones of #7ab4e9
A tone is produced by adding gray to any pure hue. In this case, #b0b2b3 is the less saturated color, while #68b5fb is the most saturated one.
-
#b0b2b3
#b0b2b3
rgb(176,178,179)
-
#aab2b9
#aab2b9
rgb(170,178,185)
-
#a4b2bf
#a4b2bf
rgb(164,178,191)
-
#9eb2c5
#9eb2c5
rgb(158,178,197)
-
#98b3cb
#98b3cb
rgb(152,179,203)
-
#92b3d1
#92b3d1
rgb(146,179,209)
-
#8cb3d7
#8cb3d7
rgb(140,179,215)
-
#86b3dd
#86b3dd
rgb(134,179,221)
-
#80b4e3
#80b4e3
rgb(128,180,227)
-
#7ab4e9
#7ab4e9
rgb(122,180,233)
-
#74b4ef
#74b4ef
rgb(116,180,239)
-
#6eb5f5
#6eb5f5
rgb(110,181,245)
-
#68b5fb
#68b5fb
rgb(104,181,251)
Color Blindness Simulator
Below, you can see how #7ab4e9 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.