#89b4c4 Color Information
In a RGB color space, hex #89b4c4 is composed of 53.7% red, 70.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 30.1% cyan, 8.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 196.3 degrees, a saturation of 33.3% and a lightness of 65.3%. #89b4c4 color hex could be obtained by blending #ffffff with #136989. Closest websafe color is: #99cccc.
-
- R 54
- G 71
- B 77
-
- C 30
- M 8
- Y 0
- K 23
● #89b4c4 color description : Slightly desaturated blue.
#89b4c4 Color Conversion
The hexadecimal color #89b4c4 has RGB values of R:137, G:180, B:196 and CMYK values of C:0.3, M:0.08, Y:0, K:0.23. Its decimal value is 9024708.
Hex triplet | 89b4c4 | #89b4c4 |
---|---|---|
RGB Decimal | 137, 180, 196 | rgb(137,180,196) |
RGB Percent | 53.7, 70.6, 76.9 | rgb(53.7%,70.6%,76.9%) |
CMYK | 30, 8, 0, 23 | |
HSL | 196.3°, 33.3, 65.3 | hsl(196.3,33.3%,65.3%) |
HSV (or HSB) | 196.3°, 30.1, 76.9 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 70.833, -10.521, -12.776 |
---|---|
XYZ | 36.599, 41.945, 58.389 |
xyY | 0.267, 0.306, 41.945 |
CIE-LCH | 70.833, 16.55, 230.529 |
CIE-LUV | 70.833, -21.873, -17.891 |
Hunter-Lab | 64.765, -12.467, -8.118 |
Binary | 10001001, 10110100, 11000100 |
Color Schemes with #89b4c4
Alternatives to #89b4c4
Below, you can see some colors close to #89b4c4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#89b4c4 Preview
This text has a font color of #89b4c4.
<span style="color:#89b4c4;">Text here</span>
This paragraph has a background color of #89b4c4.
<p style="background-color:#89b4c4;">Content here</p>
This element has a border color of #89b4c4.
<div style="border:1px solid #89b4c4;">Content here</div>
.text {color:#89b4c4;}
.background {background-color:#89b4c4;}
.border {border:1px solid #89b4c4;}
Shades and Tints of #89b4c4
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, #060b0d is the darkest color, while #ffffff is the lightest one.
-
#060b0d
#060b0d
rgb(6,11,13)
-
#0d161a
#0d161a
rgb(13,22,26)
-
#132227
#132227
rgb(19,34,39)
-
#1a2d34
#1a2d34
rgb(26,45,52)
-
#213841
#213841
rgb(33,56,65)
-
#27444e
#27444e
rgb(39,68,78)
-
#2e4f5b
#2e4f5b
rgb(46,79,91)
-
#345a68
#345a68
rgb(52,90,104)
-
#3b6575
#3b6575
rgb(59,101,117)
-
#417182
#417182
rgb(65,113,130)
-
#487c90
#487c90
rgb(72,124,144)
-
#4e879d
#4e879d
rgb(78,135,157)
-
#5593aa
#5593aa
rgb(85,147,170)
-
#629bb0
#629bb0
rgb(98,155,176)
-
#6fa3b7
#6fa3b7
rgb(111,163,183)
-
#7cacbd
#7cacbd
rgb(124,172,189)
-
#89b4c4
#89b4c4
rgb(137,180,196)
-
#96bccb
#96bccb
rgb(150,188,203)
-
#a3c5d1
#a3c5d1
rgb(163,197,209)
-
#b0cdd8
#b0cdd8
rgb(176,205,216)
-
#bdd5de
#bdd5de
rgb(189,213,222)
-
#cadee5
#cadee5
rgb(202,222,229)
-
#d7e6eb
#d7e6eb
rgb(215,230,235)
-
#e5eef2
#e5eef2
rgb(229,238,242)
-
#f2f6f8
#f2f6f8
rgb(242,246,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #89b4c4
A tone is produced by adding gray to any pure hue. In this case, #a4a8a9 is the less saturated color, while #53cdfa is the most saturated one.
-
#a4a8a9
#a4a8a9
rgb(164,168,169)
-
#9dabb0
#9dabb0
rgb(157,171,176)
-
#97aeb6
#97aeb6
rgb(151,174,182)
-
#90b1bd
#90b1bd
rgb(144,177,189)
-
#89b4c4
#89b4c4
rgb(137,180,196)
-
#82b7cb
#82b7cb
rgb(130,183,203)
-
#7bbad2
#7bbad2
rgb(123,186,210)
-
#75bdd8
#75bdd8
rgb(117,189,216)
-
#6ec0df
#6ec0df
rgb(110,192,223)
-
#67c4e6
#67c4e6
rgb(103,196,230)
-
#60c7ed
#60c7ed
rgb(96,199,237)
-
#59caf4
#59caf4
rgb(89,202,244)
-
#53cdfa
#53cdfa
rgb(83,205,250)
Color Blindness Simulator
Below, you can see how #89b4c4 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.