#97add2 Color Information
In a RGB color space, hex #97add2 is composed of 59.2% red, 67.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 17.6% magenta, 0% yellow and 17.6% black. It has a hue angle of 217.6 degrees, a saturation of 39.6% and a lightness of 70.8%. #97add2 color hex could be obtained by blending #ffffff with #2f5ba5. Closest websafe color is: #9999cc.
-
- R 59
- G 68
- B 82
-
- C 28
- M 18
- Y 0
- K 18
● #97add2 color description : Slightly desaturated blue.
#97add2 Color Conversion
The hexadecimal color #97add2 has RGB values of R:151, G:173, B:210 and CMYK values of C:0.28, M:0.18, Y:0, K:0.18. Its decimal value is 9940434.
Hex triplet | 97add2 | #97add2 |
---|---|---|
RGB Decimal | 151, 173, 210 | rgb(151,173,210) |
RGB Percent | 59.2, 67.8, 82.4 | rgb(59.2%,67.8%,82.4%) |
CMYK | 28, 18, 0, 18 | |
HSL | 217.6°, 39.6, 70.8 | hsl(217.6,39.6%,70.8%) |
HSV (or HSB) | 217.6°, 28.1, 82.4 | |
Web Safe | 9999cc | #9999cc |
CIE-LAB | 70.259, 0.805, -21.248 |
---|---|
XYZ | 39.336, 41.119, 66.833 |
xyY | 0.267, 0.279, 41.119 |
CIE-LCH | 70.259, 21.264, 272.17 |
CIE-LUV | 70.259, -12.93, -33.178 |
Hunter-Lab | 64.124, -2.717, -16.909 |
Binary | 10010111, 10101101, 11010010 |
Color Schemes with #97add2
Alternatives to #97add2
Below, you can see some colors close to #97add2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#97add2 Preview
This text has a font color of #97add2.
<span style="color:#97add2;">Text here</span>
This paragraph has a background color of #97add2.
<p style="background-color:#97add2;">Content here</p>
This element has a border color of #97add2.
<div style="border:1px solid #97add2;">Content here</div>
.text {color:#97add2;}
.background {background-color:#97add2;}
.border {border:1px solid #97add2;}
Shades and Tints of #97add2
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, #020406 is the darkest color, while #f7f9fb is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#080c13
#080c13
rgb(8,12,19)
-
#0e1521
#0e1521
rgb(14,21,33)
-
#141e2f
#141e2f
rgb(20,30,47)
-
#1a273c
#1a273c
rgb(26,39,60)
-
#20304a
#20304a
rgb(32,48,74)
-
#263858
#263858
rgb(38,56,88)
-
#2c4165
#2c4165
rgb(44,65,101)
-
#324a73
#324a73
rgb(50,74,115)
-
#385381
#385381
rgb(56,83,129)
-
#3e5c8e
#3e5c8e
rgb(62,92,142)
-
#44659c
#44659c
rgb(68,101,156)
-
#496daa
#496daa
rgb(73,109,170)
-
#5377b4
#5377b4
rgb(83,119,180)
-
#6082ba
#6082ba
rgb(96,130,186)
-
#6e8dc0
#6e8dc0
rgb(110,141,192)
-
#7c97c6
#7c97c6
rgb(124,151,198)
-
#89a2cc
#89a2cc
rgb(137,162,204)
-
#97add2
#97add2
rgb(151,173,210)
-
#a5b8d8
#a5b8d8
rgb(165,184,216)
-
#b2c3de
#b2c3de
rgb(178,195,222)
-
#c0cde4
#c0cde4
rgb(192,205,228)
-
#ced8ea
#ced8ea
rgb(206,216,234)
-
#dbe3f0
#dbe3f0
rgb(219,227,240)
-
#e9eef6
#e9eef6
rgb(233,238,246)
-
#f7f9fb
#f7f9fb
rgb(247,249,251)
Tones of #97add2
A tone is produced by adding gray to any pure hue. In this case, #b4b4b5 is the less saturated color, while #6fa3fa is the most saturated one.
-
#b4b4b5
#b4b4b5
rgb(180,180,181)
-
#aeb3bb
#aeb3bb
rgb(174,179,187)
-
#a8b1c1
#a8b1c1
rgb(168,177,193)
-
#a2b0c7
#a2b0c7
rgb(162,176,199)
-
#9daecc
#9daecc
rgb(157,174,204)
-
#97add2
#97add2
rgb(151,173,210)
-
#91acd8
#91acd8
rgb(145,172,216)
-
#8caadd
#8caadd
rgb(140,170,221)
-
#86a9e3
#86a9e3
rgb(134,169,227)
-
#80a7e9
#80a7e9
rgb(128,167,233)
-
#7aa6ef
#7aa6ef
rgb(122,166,239)
-
#75a4f4
#75a4f4
rgb(117,164,244)
-
#6fa3fa
#6fa3fa
rgb(111,163,250)
Color Blindness Simulator
Below, you can see how #97add2 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.