#7ab4ea Color Information
In a RGB color space, hex #7ab4ea is composed of 47.8% red, 70.6% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 23.1% magenta, 0% yellow and 8.2% black. It has a hue angle of 208.9 degrees, a saturation of 72.7% and a lightness of 69.8%. #7ab4ea color hex could be obtained by blending #f4ffff with #0069d5. Closest websafe color is: #66ccff.
-
- R 48
- G 71
- B 92
-
- C 48
- M 23
- Y 0
- K 8
● #7ab4ea color description : Soft blue.
#7ab4ea Color Conversion
The hexadecimal color #7ab4ea has RGB values of R:122, G:180, B:234 and CMYK values of C:0.48, M:0.23, Y:0, K:0.08. Its decimal value is 8041706.
Hex triplet | 7ab4ea | #7ab4ea |
---|---|---|
RGB Decimal | 122, 180, 234 | rgb(122,180,234) |
RGB Percent | 47.8, 70.6, 91.8 | rgb(47.8%,70.6%,91.8%) |
CMYK | 48, 23, 0, 8 | |
HSL | 208.9°, 72.7, 69.8 | hsl(208.9,72.7%,69.8%) |
HSV (or HSB) | 208.9°, 47.9, 91.8 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 71.364, -4.403, -32.816 |
---|---|
XYZ | 39.195, 42.719, 84.018 |
xyY | 0.236, 0.257, 42.719 |
CIE-LCH | 71.364, 33.11, 262.358 |
CIE-LUV | 71.364, -27.484, -51.794 |
Hunter-Lab | 65.359, -7.335, -30.464 |
Binary | 01111010, 10110100, 11101010 |
Color Schemes with #7ab4ea
Alternatives to #7ab4ea
Below, you can see some colors close to #7ab4ea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ab4ea Preview
This text has a font color of #7ab4ea.
<span style="color:#7ab4ea;">Text here</span>
This paragraph has a background color of #7ab4ea.
<p style="background-color:#7ab4ea;">Content here</p>
This element has a border color of #7ab4ea.
<div style="border:1px solid #7ab4ea;">Content here</div>
.text {color:#7ab4ea;}
.background {background-color:#7ab4ea;}
.border {border:1px solid #7ab4ea;}
Shades and Tints of #7ab4ea
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, #000103 is the darkest color, while #f1f7fd is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#030c13
#030c13
rgb(3,12,19)
-
#061624
#061624
rgb(6,22,36)
-
#082035
#082035
rgb(8,32,53)
-
#0b2a46
#0b2a46
rgb(11,42,70)
-
#0e3457
#0e3457
rgb(14,52,87)
-
#103e68
#103e68
rgb(16,62,104)
-
#134879
#134879
rgb(19,72,121)
-
#16528a
#16528a
rgb(22,82,138)
-
#185c9b
#185c9b
rgb(24,92,155)
-
#1b66ac
#1b66ac
rgb(27,102,172)
-
#1e70bd
#1e70bd
rgb(30,112,189)
-
#207ace
#207ace
rgb(32,122,206)
-
#2584dd
#2584dd
rgb(37,132,221)
-
#368edf
#368edf
rgb(54,142,223)
-
#4797e2
#4797e2
rgb(71,151,226)
-
#58a1e5
#58a1e5
rgb(88,161,229)
-
#69aae7
#69aae7
rgb(105,170,231)
-
#7ab4ea
#7ab4ea
rgb(122,180,234)
-
#8bbeed
#8bbeed
rgb(139,190,237)
-
#9cc7ef
#9cc7ef
rgb(156,199,239)
-
#add1f2
#add1f2
rgb(173,209,242)
-
#bedaf5
#bedaf5
rgb(190,218,245)
-
#cfe4f7
#cfe4f7
rgb(207,228,247)
-
#e0edfa
#e0edfa
rgb(224,237,250)
-
#f1f7fd
#f1f7fd
rgb(241,247,253)
Tones of #7ab4ea
A tone is produced by adding gray to any pure hue. In this case, #afb2b5 is the less saturated color, while #68b5fc is the most saturated one.
-
#afb2b5
#afb2b5
rgb(175,178,181)
-
#a9b2bb
#a9b2bb
rgb(169,178,187)
-
#a3b3c1
#a3b3c1
rgb(163,179,193)
-
#9eb3c6
#9eb3c6
rgb(158,179,198)
-
#98b3cc
#98b3cc
rgb(152,179,204)
-
#92b3d2
#92b3d2
rgb(146,179,210)
-
#8cb3d8
#8cb3d8
rgb(140,179,216)
-
#86b4de
#86b4de
rgb(134,180,222)
-
#80b4e4
#80b4e4
rgb(128,180,228)
-
#7ab4ea
#7ab4ea
rgb(122,180,234)
-
#74b4f0
#74b4f0
rgb(116,180,240)
-
#6eb4f6
#6eb4f6
rgb(110,180,246)
-
#68b5fc
#68b5fc
rgb(104,181,252)
Color Blindness Simulator
Below, you can see how #7ab4ea 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.