#489af5 Color Information
In a RGB color space, hex #489af5 is composed of 28.2% red, 60.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 37.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 211.6 degrees, a saturation of 89.6% and a lightness of 62.2%. #489af5 color hex could be obtained by blending #90ffff with #0035eb. Closest websafe color is: #3399ff.
-
- R 28
- G 60
- B 96
-
- C 71
- M 37
- Y 0
- K 4
● #489af5 color description : Bright blue.
#489af5 Color Conversion
The hexadecimal color #489af5 has RGB values of R:72, G:154, B:245 and CMYK values of C:0.71, M:0.37, Y:0, K:0.04. Its decimal value is 4758261.
Hex triplet | 489af5 | #489af5 |
---|---|---|
RGB Decimal | 72, 154, 245 | rgb(72,154,245) |
RGB Percent | 28.2, 60.4, 96.1 | rgb(28.2%,60.4%,96.1%) |
CMYK | 71, 37, 0, 4 | |
HSL | 211.6°, 89.6, 62.2 | hsl(211.6,89.6%,62.2%) |
HSV (or HSB) | 211.6°, 70.6, 96.1 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 62.574, 4.398, -52.752 |
---|---|
XYZ | 30.706, 31.079, 90.762 |
xyY | 0.201, 0.204, 31.079 |
CIE-LCH | 62.574, 52.935, 274.766 |
CIE-LUV | 62.574, -31.041, -85.158 |
Hunter-Lab | 55.749, 0.755, -57.503 |
Binary | 01001000, 10011010, 11110101 |
Color Schemes with #489af5
Alternatives to #489af5
Below, you can see some colors close to #489af5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#489af5 Preview
This text has a font color of #489af5.
<span style="color:#489af5;">Text here</span>
This paragraph has a background color of #489af5.
<p style="background-color:#489af5;">Content here</p>
This element has a border color of #489af5.
<div style="border:1px solid #489af5;">Content here</div>
.text {color:#489af5;}
.background {background-color:#489af5;}
.border {border:1px solid #489af5;}
Shades and Tints of #489af5
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, #000203 is the darkest color, while #eff6fe is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#010b16
#010b16
rgb(1,11,22)
-
#021428
#021428
rgb(2,20,40)
-
#031e3b
#031e3b
rgb(3,30,59)
-
#04274d
#04274d
rgb(4,39,77)
-
#053060
#053060
rgb(5,48,96)
-
#063a73
#063a73
rgb(6,58,115)
-
#074385
#074385
rgb(7,67,133)
-
#084c98
#084c98
rgb(8,76,152)
-
#0956aa
#0956aa
rgb(9,86,170)
-
#0a5fbd
#0a5fbd
rgb(10,95,189)
-
#0b68d0
#0b68d0
rgb(11,104,208)
-
#0c72e2
#0c72e2
rgb(12,114,226)
-
#107bf2
#107bf2
rgb(16,123,242)
-
#2385f3
#2385f3
rgb(35,133,243)
-
#3590f4
#3590f4
rgb(53,144,244)
-
#489af5
#489af5
rgb(72,154,245)
-
#5ba4f6
#5ba4f6
rgb(91,164,246)
-
#6daff7
#6daff7
rgb(109,175,247)
-
#80b9f8
#80b9f8
rgb(128,185,248)
-
#92c3f9
#92c3f9
rgb(146,195,249)
-
#a5cdfa
#a5cdfa
rgb(165,205,250)
-
#b8d8fb
#b8d8fb
rgb(184,216,251)
-
#cae2fc
#cae2fc
rgb(202,226,252)
-
#ddecfd
#ddecfd
rgb(221,236,253)
-
#eff6fe
#eff6fe
rgb(239,246,254)
Tones of #489af5
A tone is produced by adding gray to any pure hue. In this case, #9a9ea3 is the less saturated color, while #419afc is the most saturated one.
-
#9a9ea3
#9a9ea3
rgb(154,158,163)
-
#929eab
#929eab
rgb(146,158,171)
-
#8b9db2
#8b9db2
rgb(139,157,178)
-
#839dba
#839dba
rgb(131,157,186)
-
#7c9dc1
#7c9dc1
rgb(124,157,193)
-
#759cc8
#759cc8
rgb(117,156,200)
-
#6d9cd0
#6d9cd0
rgb(109,156,208)
-
#669cd7
#669cd7
rgb(102,156,215)
-
#5e9bdf
#5e9bdf
rgb(94,155,223)
-
#579be6
#579be6
rgb(87,155,230)
-
#4f9aee
#4f9aee
rgb(79,154,238)
-
#489af5
#489af5
rgb(72,154,245)
-
#419afc
#419afc
rgb(65,154,252)
Color Blindness Simulator
Below, you can see how #489af5 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.