#89a5b2 Color Information
In a RGB color space, hex #89a5b2 is composed of 53.7% red, 64.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 7.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 199 degrees, a saturation of 21% and a lightness of 61.8%. #89a5b2 color hex could be obtained by blending #ffffff with #134b65. Closest websafe color is: #999999.
-
- R 54
- G 65
- B 70
-
- C 23
- M 7
- Y 0
- K 30
● #89a5b2 color description : Dark grayish blue.
#89a5b2 Color Conversion
The hexadecimal color #89a5b2 has RGB values of R:137, G:165, B:178 and CMYK values of C:0.23, M:0.07, Y:0, K:0.3. Its decimal value is 9020850.
Hex triplet | 89a5b2 | #89a5b2 |
---|---|---|
RGB Decimal | 137, 165, 178 | rgb(137,165,178) |
RGB Percent | 53.7, 64.7, 69.8 | rgb(53.7%,64.7%,69.8%) |
CMYK | 23, 7, 0, 30 | |
HSL | 199°, 21, 61.8 | hsl(199,21%,61.8%) |
HSV (or HSB) | 199°, 23, 69.8 | |
Web Safe | 999999 | #999999 |
CIE-LAB | 66.091, -6.712, -9.915 |
---|---|
XYZ | 31.806, 35.442, 47.282 |
xyY | 0.278, 0.309, 35.442 |
CIE-LCH | 66.091, 11.974, 235.903 |
CIE-LUV | 66.091, -14.997, -13.804 |
Hunter-Lab | 59.533, -8.819, -5.416 |
Binary | 10001001, 10100101, 10110010 |
Color Schemes with #89a5b2
Alternatives to #89a5b2
Below, you can see some colors close to #89a5b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#89a5b2 Preview
This text has a font color of #89a5b2.
<span style="color:#89a5b2;">Text here</span>
This paragraph has a background color of #89a5b2.
<p style="background-color:#89a5b2;">Content here</p>
This element has a border color of #89a5b2.
<div style="border:1px solid #89a5b2;">Content here</div>
.text {color:#89a5b2;}
.background {background-color:#89a5b2;}
.border {border:1px solid #89a5b2;}
Shades and Tints of #89a5b2
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, #000101 is the darkest color, while #f4f6f8 is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#080b0d
#080b0d
rgb(8,11,13)
-
#101618
#101618
rgb(16,22,24)
-
#182024
#182024
rgb(24,32,36)
-
#1f2b30
#1f2b30
rgb(31,43,48)
-
#27353c
#27353c
rgb(39,53,60)
-
#2f4048
#2f4048
rgb(47,64,72)
-
#374b54
#374b54
rgb(55,75,84)
-
#3e5560
#3e5560
rgb(62,85,96)
-
#46606c
#46606c
rgb(70,96,108)
-
#4e6a77
#4e6a77
rgb(78,106,119)
-
#567583
#567583
rgb(86,117,131)
-
#5d7f8f
#5d7f8f
rgb(93,127,143)
-
#658a9b
#658a9b
rgb(101,138,155)
-
#7193a3
#7193a3
rgb(113,147,163)
-
#7d9caa
#7d9caa
rgb(125,156,170)
-
#89a5b2
#89a5b2
rgb(137,165,178)
-
#95aeba
#95aeba
rgb(149,174,186)
-
#a1b7c1
#a1b7c1
rgb(161,183,193)
-
#adc0c9
#adc0c9
rgb(173,192,201)
-
#b8c9d1
#b8c9d1
rgb(184,201,209)
-
#c4d2d9
#c4d2d9
rgb(196,210,217)
-
#d0dbe0
#d0dbe0
rgb(208,219,224)
-
#dce4e8
#dce4e8
rgb(220,228,232)
-
#e8edf0
#e8edf0
rgb(232,237,240)
-
#f4f6f8
#f4f6f8
rgb(244,246,248)
Tones of #89a5b2
A tone is produced by adding gray to any pure hue. In this case, #98a0a3 is the less saturated color, while #3ec0fd is the most saturated one.
-
#98a0a3
#98a0a3
rgb(152,160,163)
-
#91a2ab
#91a2ab
rgb(145,162,171)
-
#89a5b2
#89a5b2
rgb(137,165,178)
-
#82a8ba
#82a8ba
rgb(130,168,186)
-
#7aaac1
#7aaac1
rgb(122,170,193)
-
#73adc9
#73adc9
rgb(115,173,201)
-
#6bb0d0
#6bb0d0
rgb(107,176,208)
-
#64b3d8
#64b3d8
rgb(100,179,216)
-
#5cb5df
#5cb5df
rgb(92,181,223)
-
#55b8e7
#55b8e7
rgb(85,184,231)
-
#4dbbee
#4dbbee
rgb(77,187,238)
-
#46bef6
#46bef6
rgb(70,190,246)
-
#3ec0fd
#3ec0fd
rgb(62,192,253)
Color Blindness Simulator
Below, you can see how #89a5b2 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.