#89bdd2 Color Information
In a RGB color space, hex #89bdd2 is composed of 53.7% red, 74.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 10% magenta, 0% yellow and 17.6% black. It has a hue angle of 197.3 degrees, a saturation of 44.8% and a lightness of 68%. #89bdd2 color hex could be obtained by blending #ffffff with #137ba5. Closest websafe color is: #99cccc.
-
- R 54
- G 74
- B 82
-
- C 35
- M 10
- Y 0
- K 18
● #89bdd2 color description : Slightly desaturated blue.
#89bdd2 Color Conversion
The hexadecimal color #89bdd2 has RGB values of R:137, G:189, B:210 and CMYK values of C:0.35, M:0.1, Y:0, K:0.18. Its decimal value is 9027026.
Hex triplet | 89bdd2 | #89bdd2 |
---|---|---|
RGB Decimal | 137, 189, 210 | rgb(137,189,210) |
RGB Percent | 53.7, 74.1, 82.4 | rgb(53.7%,74.1%,82.4%) |
CMYK | 35, 10, 0, 18 | |
HSL | 197.3°, 44.8, 68 | hsl(197.3,44.8%,68%) |
HSV (or HSB) | 197.3°, 34.8, 82.4 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 73.782, -11.846, -15.993 |
---|---|
XYZ | 40.144, 46.365, 67.803 |
xyY | 0.26, 0.3, 46.365 |
CIE-LCH | 73.782, 19.903, 233.472 |
CIE-LUV | 73.782, -25.741, -22.979 |
Hunter-Lab | 68.092, -13.924, -11.374 |
Binary | 10001001, 10111101, 11010010 |
Color Schemes with #89bdd2
Alternatives to #89bdd2
Below, you can see some colors close to #89bdd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#89bdd2 Preview
This text has a font color of #89bdd2.
<span style="color:#89bdd2;">Text here</span>
This paragraph has a background color of #89bdd2.
<p style="background-color:#89bdd2;">Content here</p>
This element has a border color of #89bdd2.
<div style="border:1px solid #89bdd2;">Content here</div>
.text {color:#89bdd2;}
.background {background-color:#89bdd2;}
.border {border:1px solid #89bdd2;}
Shades and Tints of #89bdd2
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, #04080a is the darkest color, while #fbfdfd is the lightest one.
-
#04080a
#04080a
rgb(4,8,10)
-
#091418
#091418
rgb(9,20,24)
-
#0f1f26
#0f1f26
rgb(15,31,38)
-
#142b34
#142b34
rgb(20,43,52)
-
#193743
#193743
rgb(25,55,67)
-
#1f4251
#1f4251
rgb(31,66,81)
-
#244e5f
#244e5f
rgb(36,78,95)
-
#2a5a6d
#2a5a6d
rgb(42,90,109)
-
#2f657b
#2f657b
rgb(47,101,123)
-
#34718a
#34718a
rgb(52,113,138)
-
#3a7d98
#3a7d98
rgb(58,125,152)
-
#3f88a6
#3f88a6
rgb(63,136,166)
-
#4594b4
#4594b4
rgb(69,148,180)
-
#509dbc
#509dbc
rgb(80,157,188)
-
#5ea5c2
#5ea5c2
rgb(94,165,194)
-
#6dadc7
#6dadc7
rgb(109,173,199)
-
#7bb5cd
#7bb5cd
rgb(123,181,205)
-
#89bdd2
#89bdd2
rgb(137,189,210)
-
#97c5d7
#97c5d7
rgb(151,197,215)
-
#a5cddd
#a5cddd
rgb(165,205,221)
-
#b4d5e2
#b4d5e2
rgb(180,213,226)
-
#c2dde8
#c2dde8
rgb(194,221,232)
-
#d0e5ed
#d0e5ed
rgb(208,229,237)
-
#deedf2
#deedf2
rgb(222,237,242)
-
#ecf5f8
#ecf5f8
rgb(236,245,248)
-
#fbfdfd
#fbfdfd
rgb(251,253,253)
Tones of #89bdd2
A tone is produced by adding gray to any pure hue. In this case, #a8b0b3 is the less saturated color, while #5dd0fe is the most saturated one.
-
#a8b0b3
#a8b0b3
rgb(168,176,179)
-
#a2b2b9
#a2b2b9
rgb(162,178,185)
-
#9cb5bf
#9cb5bf
rgb(156,181,191)
-
#96b8c5
#96b8c5
rgb(150,184,197)
-
#8fbacc
#8fbacc
rgb(143,186,204)
-
#89bdd2
#89bdd2
rgb(137,189,210)
-
#83c0d8
#83c0d8
rgb(131,192,216)
-
#7cc2df
#7cc2df
rgb(124,194,223)
-
#76c5e5
#76c5e5
rgb(118,197,229)
-
#70c8eb
#70c8eb
rgb(112,200,235)
-
#6acaf1
#6acaf1
rgb(106,202,241)
-
#63cdf8
#63cdf8
rgb(99,205,248)
-
#5dd0fe
#5dd0fe
rgb(93,208,254)
Color Blindness Simulator
Below, you can see how #89bdd2 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.