#89b4f7 Color Information
In a RGB color space, hex #89b4f7 is composed of 53.7% red, 70.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 44.5% cyan, 27.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 216.5 degrees, a saturation of 87.3% and a lightness of 75.3%. #89b4f7 color hex could be obtained by blending #ffffff with #1369ef. Closest websafe color is: #99ccff.
-
- R 54
- G 71
- B 97
-
- C 45
- M 27
- Y 0
- K 3
● #89b4f7 color description : Very soft blue.
#89b4f7 Color Conversion
The hexadecimal color #89b4f7 has RGB values of R:137, G:180, B:247 and CMYK values of C:0.45, M:0.27, Y:0, K:0.03. Its decimal value is 9024759.
Hex triplet | 89b4f7 | #89b4f7 |
---|---|---|
RGB Decimal | 137, 180, 247 | rgb(137,180,247) |
RGB Percent | 53.7, 70.6, 96.9 | rgb(53.7%,70.6%,96.9%) |
CMYK | 45, 27, 0, 3 | |
HSL | 216.5°, 87.3, 75.3 | hsl(216.5,87.3%,75.3%) |
HSV (or HSB) | 216.5°, 44.5, 96.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 72.677, 2.862, -37.766 |
---|---|
XYZ | 43.423, 44.674, 94.326 |
xyY | 0.238, 0.245, 44.674 |
CIE-LCH | 72.677, 37.874, 274.333 |
CIE-LUV | 72.677, -22.243, -61.28 |
Hunter-Lab | 66.839, -1.004, -36.885 |
Binary | 10001001, 10110100, 11110111 |
Color Schemes with #89b4f7
Alternatives to #89b4f7
Below, you can see some colors close to #89b4f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#89b4f7 Preview
This text has a font color of #89b4f7.
<span style="color:#89b4f7;">Text here</span>
This paragraph has a background color of #89b4f7.
<p style="background-color:#89b4f7;">Content here</p>
This element has a border color of #89b4f7.
<div style="border:1px solid #89b4f7;">Content here</div>
.text {color:#89b4f7;}
.background {background-color:#89b4f7;}
.border {border:1px solid #89b4f7;}
Shades and Tints of #89b4f7
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, #01050b is the darkest color, while #f7fafe is the lightest one.
-
#01050b
#01050b
rgb(1,5,11)
-
#020d1d
#020d1d
rgb(2,13,29)
-
#03142f
#03142f
rgb(3,20,47)
-
#041c42
#041c42
rgb(4,28,66)
-
#062454
#062454
rgb(6,36,84)
-
#072c66
#072c66
rgb(7,44,102)
-
#083479
#083479
rgb(8,52,121)
-
#093c8b
#093c8b
rgb(9,60,139)
-
#0b449e
#0b449e
rgb(11,68,158)
-
#0c4cb0
#0c4cb0
rgb(12,76,176)
-
#0d54c2
#0d54c2
rgb(13,84,194)
-
#0e5cd5
#0e5cd5
rgb(14,92,213)
-
#1064e7
#1064e7
rgb(16,100,231)
-
#1b6ef0
#1b6ef0
rgb(27,110,240)
-
#2d7af1
#2d7af1
rgb(45,122,241)
-
#4085f2
#4085f2
rgb(64,133,242)
-
#5291f3
#5291f3
rgb(82,145,243)
-
#649df5
#649df5
rgb(100,157,245)
-
#77a8f6
#77a8f6
rgb(119,168,246)
-
#89b4f7
#89b4f7
rgb(137,180,247)
-
#9bc0f8
#9bc0f8
rgb(155,192,248)
-
#aecbf9
#aecbf9
rgb(174,203,249)
-
#c0d7fb
#c0d7fb
rgb(192,215,251)
-
#d2e3fc
#d2e3fc
rgb(210,227,252)
-
#e5eefd
#e5eefd
rgb(229,238,253)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #89b4f7
A tone is produced by adding gray to any pure hue. In this case, #bec0c2 is the less saturated color, while #84b3fc is the most saturated one.
-
#bec0c2
#bec0c2
rgb(190,192,194)
-
#b9bfc7
#b9bfc7
rgb(185,191,199)
-
#b5becb
#b5becb
rgb(181,190,203)
-
#b0bcd0
#b0bcd0
rgb(176,188,208)
-
#abbbd5
#abbbd5
rgb(171,187,213)
-
#a6bada
#a6bada
rgb(166,186,218)
-
#a1b9df
#a1b9df
rgb(161,185,223)
-
#9cb8e4
#9cb8e4
rgb(156,184,228)
-
#98b7e8
#98b7e8
rgb(152,183,232)
-
#93b6ed
#93b6ed
rgb(147,182,237)
-
#8eb5f2
#8eb5f2
rgb(142,181,242)
-
#89b4f7
#89b4f7
rgb(137,180,247)
-
#84b3fc
#84b3fc
rgb(132,179,252)
Color Blindness Simulator
Below, you can see how #89b4f7 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.