#89a2cc Color Information
In a RGB color space, hex #89a2cc is composed of 53.7% red, 63.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 20.6% magenta, 0% yellow and 20% black. It has a hue angle of 217.6 degrees, a saturation of 39.6% and a lightness of 66.9%. #89a2cc color hex could be obtained by blending #ffffff with #134599. Closest websafe color is: #9999cc.
-
- R 54
- G 64
- B 80
-
- C 33
- M 21
- Y 0
- K 20
● #89a2cc color description : Slightly desaturated blue.
#89a2cc Color Conversion
The hexadecimal color #89a2cc has RGB values of R:137, G:162, B:204 and CMYK values of C:0.33, M:0.21, Y:0, K:0.2. Its decimal value is 9020108.
Hex triplet | 89a2cc | #89a2cc |
---|---|---|
RGB Decimal | 137, 162, 204 | rgb(137,162,204) |
RGB Percent | 53.7, 63.5, 80 | rgb(53.7%,63.5%,80%) |
CMYK | 33, 21, 0, 20 | |
HSL | 217.6°, 39.6, 66.9 | hsl(217.6,39.6%,66.9%) |
HSV (or HSB) | 217.6°, 32.8, 80 | |
Web Safe | 9999cc | #9999cc |
CIE-LAB | 66.15, 1.307, -24.294 |
---|---|
XYZ | 34.134, 35.518, 62.181 |
xyY | 0.259, 0.269, 35.518 |
CIE-LCH | 66.15, 24.329, 273.079 |
CIE-LUV | 66.15, -14.297, -37.898 |
Hunter-Lab | 59.597, -2.06, -20.143 |
Binary | 10001001, 10100010, 11001100 |
Color Schemes with #89a2cc
Alternatives to #89a2cc
Below, you can see some colors close to #89a2cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#89a2cc Preview
This text has a font color of #89a2cc.
<span style="color:#89a2cc;">Text here</span>
This paragraph has a background color of #89a2cc.
<p style="background-color:#89a2cc;">Content here</p>
This element has a border color of #89a2cc.
<div style="border:1px solid #89a2cc;">Content here</div>
.text {color:#89a2cc;}
.background {background-color:#89a2cc;}
.border {border:1px solid #89a2cc;}
Shades and Tints of #89a2cc
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, #020305 is the darkest color, while #f7f8fb is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#080c13
#080c13
rgb(8,12,19)
-
#0e1521
#0e1521
rgb(14,21,33)
-
#141e2e
#141e2e
rgb(20,30,46)
-
#1a273c
#1a273c
rgb(26,39,60)
-
#202f4a
#202f4a
rgb(32,47,74)
-
#263857
#263857
rgb(38,56,87)
-
#2c4165
#2c4165
rgb(44,65,101)
-
#324a73
#324a73
rgb(50,74,115)
-
#385381
#385381
rgb(56,83,129)
-
#3d5c8e
#3d5c8e
rgb(61,92,142)
-
#43649c
#43649c
rgb(67,100,156)
-
#496daa
#496daa
rgb(73,109,170)
-
#5277b4
#5277b4
rgb(82,119,180)
-
#6082ba
#6082ba
rgb(96,130,186)
-
#6e8cc0
#6e8cc0
rgb(110,140,192)
-
#7b97c6
#7b97c6
rgb(123,151,198)
-
#89a2cc
#89a2cc
rgb(137,162,204)
-
#97add2
#97add2
rgb(151,173,210)
-
#a4b8d8
#a4b8d8
rgb(164,184,216)
-
#b2c2de
#b2c2de
rgb(178,194,222)
-
#c0cde4
#c0cde4
rgb(192,205,228)
-
#cdd8ea
#cdd8ea
rgb(205,216,234)
-
#dbe3f0
#dbe3f0
rgb(219,227,240)
-
#e9eef5
#e9eef5
rgb(233,238,245)
-
#f7f8fb
#f7f8fb
rgb(247,248,251)
Tones of #89a2cc
A tone is produced by adding gray to any pure hue. In this case, #aaaaac is the less saturated color, while #5c96fa is the most saturated one.
-
#aaaaac
#aaaaac
rgb(170,170,172)
-
#a3a9b2
#a3a9b2
rgb(163,169,178)
-
#9da7b9
#9da7b9
rgb(157,167,185)
-
#96a5bf
#96a5bf
rgb(150,165,191)
-
#90a4c6
#90a4c6
rgb(144,164,198)
-
#89a2cc
#89a2cc
rgb(137,162,204)
-
#83a0d3
#83a0d3
rgb(131,160,211)
-
#7c9fd9
#7c9fd9
rgb(124,159,217)
-
#769de0
#769de0
rgb(118,157,224)
-
#6f9be6
#6f9be6
rgb(111,155,230)
-
#699aed
#699aed
rgb(105,154,237)
-
#6298f3
#6298f3
rgb(98,152,243)
-
#5c96fa
#5c96fa
rgb(92,150,250)
Color Blindness Simulator
Below, you can see how #89a2cc 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.