#89b2f5 Color Information
In a RGB color space, hex #89b2f5 is composed of 53.7% red, 69.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 27.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 217.2 degrees, a saturation of 84.4% and a lightness of 74.9%. #89b2f5 color hex could be obtained by blending #ffffff with #1365eb. Closest websafe color is: #9999ff.
-
- R 54
- G 70
- B 96
-
- C 44
- M 27
- Y 0
- K 4
● #89b2f5 color description : Very soft blue.
#89b2f5 Color Conversion
The hexadecimal color #89b2f5 has RGB values of R:137, G:178, B:245 and CMYK values of C:0.44, M:0.27, Y:0, K:0.04. Its decimal value is 9024245.
Hex triplet | 89b2f5 | #89b2f5 |
---|---|---|
RGB Decimal | 137, 178, 245 | rgb(137,178,245) |
RGB Percent | 53.7, 69.8, 96.1 | rgb(53.7%,69.8%,96.1%) |
CMYK | 44, 27, 0, 4 | |
HSL | 217.2°, 84.4, 74.9 | hsl(217.2,84.4%,74.9%) |
HSV (or HSB) | 217.2°, 44.1, 96.1 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 72.061, 3.413, -37.641 |
---|---|
XYZ | 42.715, 43.75, 92.575 |
xyY | 0.239, 0.244, 43.75 |
CIE-LCH | 72.061, 37.795, 275.181 |
CIE-LUV | 72.061, -21.455, -61.069 |
Hunter-Lab | 66.144, -0.479, -36.682 |
Binary | 10001001, 10110010, 11110101 |
Color Schemes with #89b2f5
Alternatives to #89b2f5
Below, you can see some colors close to #89b2f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#89b2f5 Preview
This text has a font color of #89b2f5.
<span style="color:#89b2f5;">Text here</span>
This paragraph has a background color of #89b2f5.
<p style="background-color:#89b2f5;">Content here</p>
This element has a border color of #89b2f5.
<div style="border:1px solid #89b2f5;">Content here</div>
.text {color:#89b2f5;}
.background {background-color:#89b2f5;}
.border {border:1px solid #89b2f5;}
Shades and Tints of #89b2f5
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, #010409 is the darkest color, while #f5f9fe is the lightest one.
-
#010409
#010409
rgb(1,4,9)
-
#020c1b
#020c1b
rgb(2,12,27)
-
#04132d
#04132d
rgb(4,19,45)
-
#051b3f
#051b3f
rgb(5,27,63)
-
#072351
#072351
rgb(7,35,81)
-
#082b63
#082b63
rgb(8,43,99)
-
#0a3375
#0a3375
rgb(10,51,117)
-
#0b3a87
#0b3a87
rgb(11,58,135)
-
#0d4299
#0d4299
rgb(13,66,153)
-
#0f4aab
#0f4aab
rgb(15,74,171)
-
#1052bd
#1052bd
rgb(16,82,189)
-
#125acf
#125acf
rgb(18,90,207)
-
#1361e2
#1361e2
rgb(19,97,226)
-
#1d6bec
#1d6bec
rgb(29,107,236)
-
#2f77ed
#2f77ed
rgb(47,119,237)
-
#4183ef
#4183ef
rgb(65,131,239)
-
#538ff0
#538ff0
rgb(83,143,240)
-
#659af2
#659af2
rgb(101,154,242)
-
#77a6f3
#77a6f3
rgb(119,166,243)
-
#89b2f5
#89b2f5
rgb(137,178,245)
-
#9bbef7
#9bbef7
rgb(155,190,247)
-
#adcaf8
#adcaf8
rgb(173,202,248)
-
#bfd5fa
#bfd5fa
rgb(191,213,250)
-
#d1e1fb
#d1e1fb
rgb(209,225,251)
-
#e3edfd
#e3edfd
rgb(227,237,253)
-
#f5f9fe
#f5f9fe
rgb(245,249,254)
Tones of #89b2f5
A tone is produced by adding gray to any pure hue. In this case, #babec4 is the less saturated color, while #7fb0ff is the most saturated one.
-
#babec4
#babec4
rgb(186,190,196)
-
#b5bdc9
#b5bdc9
rgb(181,189,201)
-
#b0bbce
#b0bbce
rgb(176,187,206)
-
#abbad3
#abbad3
rgb(171,186,211)
-
#a7b9d7
#a7b9d7
rgb(167,185,215)
-
#a2b8dc
#a2b8dc
rgb(162,184,220)
-
#9db7e1
#9db7e1
rgb(157,183,225)
-
#98b6e6
#98b6e6
rgb(152,182,230)
-
#93b4eb
#93b4eb
rgb(147,180,235)
-
#8eb3f0
#8eb3f0
rgb(142,179,240)
-
#89b2f5
#89b2f5
rgb(137,178,245)
-
#84b1fa
#84b1fa
rgb(132,177,250)
-
#7fb0ff
#7fb0ff
rgb(127,176,255)
Color Blindness Simulator
Below, you can see how #89b2f5 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.