#7ab5e9 Color Information
In a RGB color space, hex #7ab5e9 is composed of 47.8% red, 71% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 22.3% magenta, 0% yellow and 8.6% black. It has a hue angle of 208.1 degrees, a saturation of 71.6% and a lightness of 69.6%. #7ab5e9 color hex could be obtained by blending #f4ffff with #006bd3. Closest websafe color is: #66ccff.
-
- R 48
- G 71
- B 91
-
- C 48
- M 22
- Y 0
- K 9
● #7ab5e9 color description : Soft blue.
#7ab5e9 Color Conversion
The hexadecimal color #7ab5e9 has RGB values of R:122, G:181, B:233 and CMYK values of C:0.48, M:0.22, Y:0, K:0.09. Its decimal value is 8041961.
Hex triplet | 7ab5e9 | #7ab5e9 |
---|---|---|
RGB Decimal | 122, 181, 233 | rgb(122,181,233) |
RGB Percent | 47.8, 71, 91.4 | rgb(47.8%,71%,91.4%) |
CMYK | 48, 22, 0, 9 | |
HSL | 208.1°, 71.6, 69.6 | hsl(208.1,71.6%,69.6%) |
HSV (or HSB) | 208.1°, 47.6, 91.4 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 71.6, -5.235, -31.906 |
---|---|
XYZ | 39.254, 43.066, 83.33 |
xyY | 0.237, 0.26, 43.066 |
CIE-LCH | 71.6, 32.333, 260.683 |
CIE-LUV | 71.6, -27.877, -50.171 |
Hunter-Lab | 65.625, -8.072, -29.349 |
Binary | 01111010, 10110101, 11101001 |
Color Schemes with #7ab5e9
Alternatives to #7ab5e9
Below, you can see some colors close to #7ab5e9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ab5e9 Preview
This text has a font color of #7ab5e9.
<span style="color:#7ab5e9;">Text here</span>
This paragraph has a background color of #7ab5e9.
<p style="background-color:#7ab5e9;">Content here</p>
This element has a border color of #7ab5e9.
<div style="border:1px solid #7ab5e9;">Content here</div>
.text {color:#7ab5e9;}
.background {background-color:#7ab5e9;}
.border {border:1px solid #7ab5e9;}
Shades and Tints of #7ab5e9
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 #f0f7fc is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030b12
#030b12
rgb(3,11,18)
-
#061623
#061623
rgb(6,22,35)
-
#092034
#092034
rgb(9,32,52)
-
#0b2a45
#0b2a45
rgb(11,42,69)
-
#0e3456
#0e3456
rgb(14,52,86)
-
#113f67
#113f67
rgb(17,63,103)
-
#144977
#144977
rgb(20,73,119)
-
#175388
#175388
rgb(23,83,136)
-
#195d99
#195d99
rgb(25,93,153)
-
#1c68aa
#1c68aa
rgb(28,104,170)
-
#1f72bb
#1f72bb
rgb(31,114,187)
-
#227ccc
#227ccc
rgb(34,124,204)
-
#2686db
#2686db
rgb(38,134,219)
-
#3790de
#3790de
rgb(55,144,222)
-
#4899e1
#4899e1
rgb(72,153,225)
-
#58a2e3
#58a2e3
rgb(88,162,227)
-
#69ace6
#69ace6
rgb(105,172,230)
-
#7ab5e9
#7ab5e9
rgb(122,181,233)
-
#8bbeec
#8bbeec
rgb(139,190,236)
-
#9cc8ef
#9cc8ef
rgb(156,200,239)
-
#acd1f1
#acd1f1
rgb(172,209,241)
-
#bddaf4
#bddaf4
rgb(189,218,244)
-
#cee4f7
#cee4f7
rgb(206,228,247)
-
#dfedfa
#dfedfa
rgb(223,237,250)
-
#f0f7fc
#f0f7fc
rgb(240,247,252)
Tones of #7ab5e9
A tone is produced by adding gray to any pure hue. In this case, #b0b2b3 is the less saturated color, while #68b6fb is the most saturated one.
-
#b0b2b3
#b0b2b3
rgb(176,178,179)
-
#aab2b9
#aab2b9
rgb(170,178,185)
-
#a4b2bf
#a4b2bf
rgb(164,178,191)
-
#9eb3c5
#9eb3c5
rgb(158,179,197)
-
#98b3cb
#98b3cb
rgb(152,179,203)
-
#92b3d1
#92b3d1
rgb(146,179,209)
-
#8cb4d7
#8cb4d7
rgb(140,180,215)
-
#86b4dd
#86b4dd
rgb(134,180,221)
-
#80b5e3
#80b5e3
rgb(128,181,227)
-
#7ab5e9
#7ab5e9
rgb(122,181,233)
-
#74b5ef
#74b5ef
rgb(116,181,239)
-
#6eb6f5
#6eb6f5
rgb(110,182,245)
-
#68b6fb
#68b6fb
rgb(104,182,251)
Color Blindness Simulator
Below, you can see how #7ab5e9 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.