#9aafd2 Color Information
In a RGB color space, hex #9aafd2 is composed of 60.4% red, 68.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 16.7% magenta, 0% yellow and 17.6% black. It has a hue angle of 217.5 degrees, a saturation of 38.4% and a lightness of 71.4%. #9aafd2 color hex could be obtained by blending #ffffff with #355fa5. Closest websafe color is: #9999cc.
-
- R 60
- G 69
- B 82
-
- C 27
- M 17
- Y 0
- K 18
● #9aafd2 color description : Slightly desaturated blue.
#9aafd2 Color Conversion
The hexadecimal color #9aafd2 has RGB values of R:154, G:175, B:210 and CMYK values of C:0.27, M:0.17, Y:0, K:0.18. Its decimal value is 10137554.
Hex triplet | 9aafd2 | #9aafd2 |
---|---|---|
RGB Decimal | 154, 175, 210 | rgb(154,175,210) |
RGB Percent | 60.4, 68.6, 82.4 | rgb(60.4%,68.6%,82.4%) |
CMYK | 27, 17, 0, 18 | |
HSL | 217.5°, 38.4, 71.4 | hsl(217.5,38.4%,71.4%) |
HSV (or HSB) | 217.5°, 26.7, 82.4 | |
Web Safe | 9999cc | #9999cc |
CIE-LAB | 70.996, 0.604, -20.109 |
---|---|
XYZ | 40.287, 42.182, 66.989 |
xyY | 0.27, 0.282, 42.182 |
CIE-LCH | 70.996, 20.118, 271.719 |
CIE-LUV | 70.996, -12.421, -31.342 |
Hunter-Lab | 64.948, -2.936, -15.69 |
Binary | 10011010, 10101111, 11010010 |
Color Schemes with #9aafd2
Alternatives to #9aafd2
Below, you can see some colors close to #9aafd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#9aafd2 Preview
This text has a font color of #9aafd2.
<span style="color:#9aafd2;">Text here</span>
This paragraph has a background color of #9aafd2.
<p style="background-color:#9aafd2;">Content here</p>
This element has a border color of #9aafd2.
<div style="border:1px solid #9aafd2;">Content here</div>
.text {color:#9aafd2;}
.background {background-color:#9aafd2;}
.border {border:1px solid #9aafd2;}
Shades and Tints of #9aafd2
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, #030508 is the darkest color, while #f9fafc is the lightest one.
-
#030508
#030508
rgb(3,5,8)
-
#090e15
#090e15
rgb(9,14,21)
-
#0f1723
#0f1723
rgb(15,23,35)
-
#162030
#162030
rgb(22,32,48)
-
#1c283e
#1c283e
rgb(28,40,62)
-
#22314b
#22314b
rgb(34,49,75)
-
#283a59
#283a59
rgb(40,58,89)
-
#2e4367
#2e4367
rgb(46,67,103)
-
#344c74
#344c74
rgb(52,76,116)
-
#3a5582
#3a5582
rgb(58,85,130)
-
#405e8f
#405e8f
rgb(64,94,143)
-
#46669d
#46669d
rgb(70,102,157)
-
#4c6faa
#4c6faa
rgb(76,111,170)
-
#5679b4
#5679b4
rgb(86,121,180)
-
#6484ba
#6484ba
rgb(100,132,186)
-
#718fc0
#718fc0
rgb(113,143,192)
-
#7f9ac6
#7f9ac6
rgb(127,154,198)
-
#8ca4cc
#8ca4cc
rgb(140,164,204)
-
#9aafd2
#9aafd2
rgb(154,175,210)
-
#a8bad8
#a8bad8
rgb(168,186,216)
-
#b5c4de
#b5c4de
rgb(181,196,222)
-
#c3cfe4
#c3cfe4
rgb(195,207,228)
-
#d0daea
#d0daea
rgb(208,218,234)
-
#dee5f0
#dee5f0
rgb(222,229,240)
-
#ebeff6
#ebeff6
rgb(235,239,246)
-
#f9fafc
#f9fafc
rgb(249,250,252)
Tones of #9aafd2
A tone is produced by adding gray to any pure hue. In this case, #b0b5bc is the less saturated color, while #6da4ff is the most saturated one.
-
#b0b5bc
#b0b5bc
rgb(176,181,188)
-
#abb3c1
#abb3c1
rgb(171,179,193)
-
#a5b2c7
#a5b2c7
rgb(165,178,199)
-
#a0b0cc
#a0b0cc
rgb(160,176,204)
-
#9aafd2
#9aafd2
rgb(154,175,210)
-
#94aed8
#94aed8
rgb(148,174,216)
-
#8facdd
#8facdd
rgb(143,172,221)
-
#89abe3
#89abe3
rgb(137,171,227)
-
#84a9e8
#84a9e8
rgb(132,169,232)
-
#7ea8ee
#7ea8ee
rgb(126,168,238)
-
#78a7f4
#78a7f4
rgb(120,167,244)
-
#73a5f9
#73a5f9
rgb(115,165,249)
-
#6da4ff
#6da4ff
rgb(109,164,255)
Color Blindness Simulator
Below, you can see how #9aafd2 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.