#7abae2 Color Information
In a RGB color space, hex #7abae2 is composed of 47.8% red, 72.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 17.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 203.1 degrees, a saturation of 64.2% and a lightness of 68.2%. #7abae2 color hex could be obtained by blending #f4ffff with #0075c5. Closest websafe color is: #66cccc.
-
- R 48
- G 73
- B 89
-
- C 46
- M 18
- Y 0
- K 11
● #7abae2 color description : Soft blue.
#7abae2 Color Conversion
The hexadecimal color #7abae2 has RGB values of R:122, G:186, B:226 and CMYK values of C:0.46, M:0.18, Y:0, K:0.11. Its decimal value is 8043234.
Hex triplet | 7abae2 | #7abae2 |
---|---|---|
RGB Decimal | 122, 186, 226 | rgb(122,186,226) |
RGB Percent | 47.8, 72.9, 88.6 | rgb(47.8%,72.9%,88.6%) |
CMYK | 46, 18, 0, 11 | |
HSL | 203.1°, 64.2, 68.2 | hsl(203.1,64.2%,68.2%) |
HSV (or HSB) | 203.1°, 46, 88.6 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 72.723, -9.903, -26.374 |
---|---|
XYZ | 39.309, 44.744, 78.512 |
xyY | 0.242, 0.275, 44.744 |
CIE-LCH | 72.723, 28.172, 249.42 |
CIE-LUV | 72.723, -29.903, -40.327 |
Hunter-Lab | 66.891, -12.163, -22.767 |
Binary | 01111010, 10111010, 11100010 |
Color Schemes with #7abae2
Alternatives to #7abae2
Below, you can see some colors close to #7abae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7abae2 Preview
This text has a font color of #7abae2.
<span style="color:#7abae2;">Text here</span>
This paragraph has a background color of #7abae2.
<p style="background-color:#7abae2;">Content here</p>
This element has a border color of #7abae2.
<div style="border:1px solid #7abae2;">Content here</div>
.text {color:#7abae2;}
.background {background-color:#7abae2;}
.border {border:1px solid #7abae2;}
Shades and Tints of #7abae2
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, #03080c is the darkest color, while #fbfdfe is the lightest one.
-
#03080c
#03080c
rgb(3,8,12)
-
#06141c
#06141c
rgb(6,20,28)
-
#0a1f2c
#0a1f2c
rgb(10,31,44)
-
#0d2a3c
#0d2a3c
rgb(13,42,60)
-
#11354c
#11354c
rgb(17,53,76)
-
#14415c
#14415c
rgb(20,65,92)
-
#184c6d
#184c6d
rgb(24,76,109)
-
#1b577d
#1b577d
rgb(27,87,125)
-
#1f628d
#1f628d
rgb(31,98,141)
-
#226e9d
#226e9d
rgb(34,110,157)
-
#2679ad
#2679ad
rgb(38,121,173)
-
#2984bd
#2984bd
rgb(41,132,189)
-
#2d8fcd
#2d8fcd
rgb(45,143,205)
-
#3a99d4
#3a99d4
rgb(58,153,212)
-
#4aa1d7
#4aa1d7
rgb(74,161,215)
-
#5aa9db
#5aa9db
rgb(90,169,219)
-
#6ab2de
#6ab2de
rgb(106,178,222)
-
#7abae2
#7abae2
rgb(122,186,226)
-
#8ac2e6
#8ac2e6
rgb(138,194,230)
-
#9acbe9
#9acbe9
rgb(154,203,233)
-
#aad3ed
#aad3ed
rgb(170,211,237)
-
#badbf0
#badbf0
rgb(186,219,240)
-
#cbe4f4
#cbe4f4
rgb(203,228,244)
-
#dbecf7
#dbecf7
rgb(219,236,247)
-
#ebf4fb
#ebf4fb
rgb(235,244,251)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #7abae2
A tone is produced by adding gray to any pure hue. In this case, #acaeb0 is the less saturated color, while #61c0fb is the most saturated one.
-
#acaeb0
#acaeb0
rgb(172,174,176)
-
#a6b0b6
#a6b0b6
rgb(166,176,182)
-
#9fb1bd
#9fb1bd
rgb(159,177,189)
-
#99b3c3
#99b3c3
rgb(153,179,195)
-
#93b4c9
#93b4c9
rgb(147,180,201)
-
#8db6cf
#8db6cf
rgb(141,182,207)
-
#86b7d6
#86b7d6
rgb(134,183,214)
-
#80b9dc
#80b9dc
rgb(128,185,220)
-
#7abae2
#7abae2
rgb(122,186,226)
-
#74bbe8
#74bbe8
rgb(116,187,232)
-
#6ebdee
#6ebdee
rgb(110,189,238)
-
#67bef5
#67bef5
rgb(103,190,245)
-
#61c0fb
#61c0fb
rgb(97,192,251)
Color Blindness Simulator
Below, you can see how #7abae2 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.