#89a5f5 Color Information
In a RGB color space, hex #89a5f5 is composed of 53.7% red, 64.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 32.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 224.4 degrees, a saturation of 84.4% and a lightness of 74.9%. #89a5f5 color hex could be obtained by blending #ffffff with #134beb. Closest websafe color is: #9999ff.
-
- R 54
- G 65
- B 96
-
- C 44
- M 33
- Y 0
- K 4
● #89a5f5 color description : Very soft blue.
#89a5f5 Color Conversion
The hexadecimal color #89a5f5 has RGB values of R:137, G:165, B:245 and CMYK values of C:0.44, M:0.33, Y:0, K:0.04. Its decimal value is 9020917.
Hex triplet | 89a5f5 | #89a5f5 |
---|---|---|
RGB Decimal | 137, 165, 245 | rgb(137,165,245) |
RGB Percent | 53.7, 64.7, 96.1 | rgb(53.7%,64.7%,96.1%) |
CMYK | 44, 33, 0, 4 | |
HSL | 224.4°, 84.4, 74.9 | hsl(224.4,84.4%,74.9%) |
HSV (or HSB) | 224.4°, 44.1, 96.1 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 68.62, 10.729, -43.011 |
---|---|
XYZ | 40.25, 38.82, 91.753 |
xyY | 0.236, 0.227, 38.82 |
CIE-LCH | 68.62, 44.329, 284.006 |
CIE-LUV | 68.62, -16.517, -70.643 |
Hunter-Lab | 62.305, 6.277, -43.699 |
Binary | 10001001, 10100101, 11110101 |
Color Schemes with #89a5f5
Alternatives to #89a5f5
Below, you can see some colors close to #89a5f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#89a5f5 Preview
This text has a font color of #89a5f5.
<span style="color:#89a5f5;">Text here</span>
This paragraph has a background color of #89a5f5.
<p style="background-color:#89a5f5;">Content here</p>
This element has a border color of #89a5f5.
<div style="border:1px solid #89a5f5;">Content here</div>
.text {color:#89a5f5;}
.background {background-color:#89a5f5;}
.border {border:1px solid #89a5f5;}
Shades and Tints of #89a5f5
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, #010309 is the darkest color, while #f5f8fe is the lightest one.
-
#010309
#010309
rgb(1,3,9)
-
#02091b
#02091b
rgb(2,9,27)
-
#040e2d
#040e2d
rgb(4,14,45)
-
#05143f
#05143f
rgb(5,20,63)
-
#071a51
#071a51
rgb(7,26,81)
-
#082063
#082063
rgb(8,32,99)
-
#0a2675
#0a2675
rgb(10,38,117)
-
#0b2c87
#0b2c87
rgb(11,44,135)
-
#0d3199
#0d3199
rgb(13,49,153)
-
#0f37ab
#0f37ab
rgb(15,55,171)
-
#103dbd
#103dbd
rgb(16,61,189)
-
#1243cf
#1243cf
rgb(18,67,207)
-
#1349e2
#1349e2
rgb(19,73,226)
-
#1d52ec
#1d52ec
rgb(29,82,236)
-
#2f60ed
#2f60ed
rgb(47,96,237)
-
#416eef
#416eef
rgb(65,110,239)
-
#537cf0
#537cf0
rgb(83,124,240)
-
#6589f2
#6589f2
rgb(101,137,242)
-
#7797f3
#7797f3
rgb(119,151,243)
-
#89a5f5
#89a5f5
rgb(137,165,245)
-
#9bb3f7
#9bb3f7
rgb(155,179,247)
-
#adc1f8
#adc1f8
rgb(173,193,248)
-
#bfcefa
#bfcefa
rgb(191,206,250)
-
#d1dcfb
#d1dcfb
rgb(209,220,251)
-
#e3eafd
#e3eafd
rgb(227,234,253)
-
#f5f8fe
#f5f8fe
rgb(245,248,254)
Tones of #89a5f5
A tone is produced by adding gray to any pure hue. In this case, #babdc4 is the less saturated color, while #7fa0ff is the most saturated one.
-
#babdc4
#babdc4
rgb(186,189,196)
-
#b5bac9
#b5bac9
rgb(181,186,201)
-
#b0b8ce
#b0b8ce
rgb(176,184,206)
-
#abb6d3
#abb6d3
rgb(171,182,211)
-
#a7b3d7
#a7b3d7
rgb(167,179,215)
-
#a2b1dc
#a2b1dc
rgb(162,177,220)
-
#9daee1
#9daee1
rgb(157,174,225)
-
#98ace6
#98ace6
rgb(152,172,230)
-
#93aaeb
#93aaeb
rgb(147,170,235)
-
#8ea7f0
#8ea7f0
rgb(142,167,240)
-
#89a5f5
#89a5f5
rgb(137,165,245)
-
#84a3fa
#84a3fa
rgb(132,163,250)
-
#7fa0ff
#7fa0ff
rgb(127,160,255)
Color Blindness Simulator
Below, you can see how #89a5f5 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.