#7ab4d7 Color Information
In a RGB color space, hex #7ab4d7 is composed of 47.8% red, 70.6% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 16.3% magenta, 0% yellow and 15.7% black. It has a hue angle of 202.6 degrees, a saturation of 53.8% and a lightness of 66.1%. #7ab4d7 color hex could be obtained by blending #f4ffff with #0069af. Closest websafe color is: #66cccc.
-
- R 48
- G 71
- B 84
-
- C 43
- M 16
- Y 0
- K 16
● #7ab4d7 color description : Slightly desaturated blue.
#7ab4d7 Color Conversion
The hexadecimal color #7ab4d7 has RGB values of R:122, G:180, B:215 and CMYK values of C:0.43, M:0.16, Y:0, K:0.16. Its decimal value is 8041687.
Hex triplet | 7ab4d7 | #7ab4d7 |
---|---|---|
RGB Decimal | 122, 180, 215 | rgb(122,180,215) |
RGB Percent | 47.8, 70.6, 84.3 | rgb(47.8%,70.6%,84.3%) |
CMYK | 43, 16, 0, 16 | |
HSL | 202.6°, 53.8, 66.1 | hsl(202.6,53.8%,66.1%) |
HSV (or HSB) | 202.6°, 43.3, 84.3 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 70.653, -9.708, -23.543 |
---|---|
XYZ | 36.61, 41.685, 70.403 |
xyY | 0.246, 0.28, 41.685 |
CIE-LCH | 70.653, 25.466, 247.591 |
CIE-LUV | 70.653, -27.658, -35.492 |
Hunter-Lab | 64.564, -11.77, -19.458 |
Binary | 01111010, 10110100, 11010111 |
Color Schemes with #7ab4d7
Alternatives to #7ab4d7
Below, you can see some colors close to #7ab4d7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ab4d7 Preview
This text has a font color of #7ab4d7.
<span style="color:#7ab4d7;">Text here</span>
This paragraph has a background color of #7ab4d7.
<p style="background-color:#7ab4d7;">Content here</p>
This element has a border color of #7ab4d7.
<div style="border:1px solid #7ab4d7;">Content here</div>
.text {color:#7ab4d7;}
.background {background-color:#7ab4d7;}
.border {border:1px solid #7ab4d7;}
Shades and Tints of #7ab4d7
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, #010203 is the darkest color, while #f3f8fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#050d12
#050d12
rgb(5,13,18)
-
#0a1821
#0a1821
rgb(10,24,33)
-
#0e2330
#0e2330
rgb(14,35,48)
-
#132e3f
#132e3f
rgb(19,46,63)
-
#173a4e
#173a4e
rgb(23,58,78)
-
#1c455d
#1c455d
rgb(28,69,93)
-
#21506c
#21506c
rgb(33,80,108)
-
#255b7b
#255b7b
rgb(37,91,123)
-
#2a668a
#2a668a
rgb(42,102,138)
-
#2e719a
#2e719a
rgb(46,113,154)
-
#337ca9
#337ca9
rgb(51,124,169)
-
#3787b8
#3787b8
rgb(55,135,184)
-
#3e92c5
#3e92c5
rgb(62,146,197)
-
#4d9ac9
#4d9ac9
rgb(77,154,201)
-
#5ca3ce
#5ca3ce
rgb(92,163,206)
-
#6babd2
#6babd2
rgb(107,171,210)
-
#7ab4d7
#7ab4d7
rgb(122,180,215)
-
#89bddc
#89bddc
rgb(137,189,220)
-
#98c5e0
#98c5e0
rgb(152,197,224)
-
#a7cee5
#a7cee5
rgb(167,206,229)
-
#b6d6e9
#b6d6e9
rgb(182,214,233)
-
#c5dfee
#c5dfee
rgb(197,223,238)
-
#d4e7f2
#d4e7f2
rgb(212,231,242)
-
#e4f0f7
#e4f0f7
rgb(228,240,247)
-
#f3f8fb
#f3f8fb
rgb(243,248,251)
Tones of #7ab4d7
A tone is produced by adding gray to any pure hue. In this case, #a2aaaf is the less saturated color, while #52beff is the most saturated one.
-
#a2aaaf
#a2aaaf
rgb(162,170,175)
-
#9bacb6
#9bacb6
rgb(155,172,182)
-
#95adbc
#95adbc
rgb(149,173,188)
-
#8eafc3
#8eafc3
rgb(142,175,195)
-
#87b1ca
#87b1ca
rgb(135,177,202)
-
#81b2d0
#81b2d0
rgb(129,178,208)
-
#7ab4d7
#7ab4d7
rgb(122,180,215)
-
#73b6de
#73b6de
rgb(115,182,222)
-
#6db7e4
#6db7e4
rgb(109,183,228)
-
#66b9eb
#66b9eb
rgb(102,185,235)
-
#5fbbf2
#5fbbf2
rgb(95,187,242)
-
#59bcf8
#59bcf8
rgb(89,188,248)
-
#52beff
#52beff
rgb(82,190,255)
Color Blindness Simulator
Below, you can see how #7ab4d7 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.