#89a5c4 Color Information
In a RGB color space, hex #89a5c4 is composed of 53.7% red, 64.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 30.1% cyan, 15.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 211.5 degrees, a saturation of 33.3% and a lightness of 65.3%. #89a5c4 color hex could be obtained by blending #ffffff with #134b89. Closest websafe color is: #9999cc.
-
- R 54
- G 65
- B 77
-
- C 30
- M 16
- Y 0
- K 23
● #89a5c4 color description : Slightly desaturated blue.
#89a5c4 Color Conversion
The hexadecimal color #89a5c4 has RGB values of R:137, G:165, B:196 and CMYK values of C:0.3, M:0.16, Y:0, K:0.23. Its decimal value is 9020868.
Hex triplet | 89a5c4 | #89a5c4 |
---|---|---|
RGB Decimal | 137, 165, 196 | rgb(137,165,196) |
RGB Percent | 53.7, 64.7, 76.9 | rgb(53.7%,64.7%,76.9%) |
CMYK | 30, 16, 0, 23 | |
HSL | 211.5°, 33.3, 65.3 | hsl(211.5,33.3%,65.3%) |
HSV (or HSB) | 211.5°, 30.1, 76.9 | |
Web Safe | 9999cc | #9999cc |
CIE-LAB | 66.682, -2.384, -19.041 |
---|---|
XYZ | 33.733, 36.213, 57.434 |
xyY | 0.265, 0.284, 36.213 |
CIE-LCH | 66.682, 19.19, 262.862 |
CIE-LUV | 66.682, -15.382, -28.896 |
Hunter-Lab | 60.177, -5.25, -14.463 |
Binary | 10001001, 10100101, 11000100 |
Color Schemes with #89a5c4
Alternatives to #89a5c4
Below, you can see some colors close to #89a5c4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#89a5c4 Preview
This text has a font color of #89a5c4.
<span style="color:#89a5c4;">Text here</span>
This paragraph has a background color of #89a5c4.
<p style="background-color:#89a5c4;">Content here</p>
This element has a border color of #89a5c4.
<div style="border:1px solid #89a5c4;">Content here</div>
.text {color:#89a5c4;}
.background {background-color:#89a5c4;}
.border {border:1px solid #89a5c4;}
Shades and Tints of #89a5c4
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, #06090d is the darkest color, while #ffffff is the lightest one.
-
#06090d
#06090d
rgb(6,9,13)
-
#0d131a
#0d131a
rgb(13,19,26)
-
#131d27
#131d27
rgb(19,29,39)
-
#1a2634
#1a2634
rgb(26,38,52)
-
#213041
#213041
rgb(33,48,65)
-
#273a4e
#273a4e
rgb(39,58,78)
-
#2e435b
#2e435b
rgb(46,67,91)
-
#344d68
#344d68
rgb(52,77,104)
-
#3b5775
#3b5775
rgb(59,87,117)
-
#416082
#416082
rgb(65,96,130)
-
#486a90
#486a90
rgb(72,106,144)
-
#4e739d
#4e739d
rgb(78,115,157)
-
#557daa
#557daa
rgb(85,125,170)
-
#6287b0
#6287b0
rgb(98,135,176)
-
#6f91b7
#6f91b7
rgb(111,145,183)
-
#7c9bbd
#7c9bbd
rgb(124,155,189)
-
#89a5c4
#89a5c4
rgb(137,165,196)
-
#96afcb
#96afcb
rgb(150,175,203)
-
#a3b9d1
#a3b9d1
rgb(163,185,209)
-
#b0c3d8
#b0c3d8
rgb(176,195,216)
-
#bdcdde
#bdcdde
rgb(189,205,222)
-
#cad7e5
#cad7e5
rgb(202,215,229)
-
#d7e1eb
#d7e1eb
rgb(215,225,235)
-
#e5ebf2
#e5ebf2
rgb(229,235,242)
-
#f2f5f8
#f2f5f8
rgb(242,245,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #89a5c4
A tone is produced by adding gray to any pure hue. In this case, #a4a6a9 is the less saturated color, while #53a2fa is the most saturated one.
-
#a4a6a9
#a4a6a9
rgb(164,166,169)
-
#9da6b0
#9da6b0
rgb(157,166,176)
-
#97a6b6
#97a6b6
rgb(151,166,182)
-
#90a5bd
#90a5bd
rgb(144,165,189)
-
#89a5c4
#89a5c4
rgb(137,165,196)
-
#82a5cb
#82a5cb
rgb(130,165,203)
-
#7ba4d2
#7ba4d2
rgb(123,164,210)
-
#75a4d8
#75a4d8
rgb(117,164,216)
-
#6ea4df
#6ea4df
rgb(110,164,223)
-
#67a3e6
#67a3e6
rgb(103,163,230)
-
#60a3ed
#60a3ed
rgb(96,163,237)
-
#59a3f4
#59a3f4
rgb(89,163,244)
-
#53a2fa
#53a2fa
rgb(83,162,250)
Color Blindness Simulator
Below, you can see how #89a5c4 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.