#89b1e2 color information
In a RGB color space, hex #89b1e2 is composed of 53.7% red, 69.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 21.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 213 degrees, a saturation of 60.5% and a lightness of 71.2%. #89b1e2 color hex could be obtained by blending #ffffff with #1363c5. Closest websafe color is: #9999cc.
#89b1e2 color conversion
The hexadecimal color #89b1e2 has RGB values of R:137, G:177, B:226 and CMYK values of C:0.39, M:0.22, Y:0, K:0.11. Its decimal value is 9023970.
- Hex triplet 89b1e2
#89b1e2 - RGB Decimal 137, 177, 226
rgb(137,177,226) - RGB Percent 53.7, 69.4, 88.6
rgb(53.7%,69.4%,88.6%) - CMYK 39, 22, 0, 11
- HSL 213°, 60.5, 71.2
hsl(213,61%,71%) - HSV (or HSB) 213°, 39.4, 88.6
- Web Safe 9999cc
#9999cc
- CIE-LAB 71.044, -1.238, -28.883
- XYZ 39.763, 42.252, 78.008
- xyY 0.248, 0.264, 42.252
- CIE-LCH 71.044, 28.91, 267.545
- CIE-LUV 71.044, -20.862, -45.568
- Hunter-Lab 65.002, -4.56, -25.652
- Binary 10001001, 10110001, 11100010
Color Schemes with #89b1e2
#89b1e2 in action
This text has a font color of #89b1e2.
<span style="color:#89b1e2;">Text here</span>
This paragraph has a background color of #89b1e2.
<p style="background-color:#89b1e2;">Content here</p>
This element has a border color of #89b1e2.
<div style="border:1px solid #89b1e2;">Content here</div>
.text {color:#89b1e2;}
.background {background-color:#89b1e2;}
.border {border:1px solid #89b1e2;}
Shades of #89b1e2
- #020508 #020508
rgb(2,5,8) - #0a1727 #0a1727
rgb(10,23,39) - #112947 #112947
rgb(17,41,71) - #193c66 #193c66
rgb(25,60,102) - #214e86 #214e86
rgb(33,78,134) - #2961a5 #2961a5
rgb(41,97,165) - #3073c5 #3073c5
rgb(48,115,197) - #4a87d3 #4a87d3
rgb(74,135,211) - #6a9cda #6a9cda
rgb(106,156,218) - #89b1e2 #89b1e2
rgb(137,177,226) - #a8c6ea #a8c6ea
rgb(168,198,234) - #c8dbf1 #c8dbf1
rgb(200,219,241) - #e7eff9 #e7eff9
rgb(231,239,249)
Color Blindness Simulator
Below, you can see how #89b1e2 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.
