#458aa4 Color Information
In a RGB color space, hex #458aa4 is composed of 27.1% red, 54.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 15.9% magenta, 0% yellow and 35.7% black. It has a hue angle of 196.4 degrees, a saturation of 40.8% and a lightness of 45.7%. #458aa4 color hex could be obtained by blending #8affff with #001549. Closest websafe color is: #339999.
-
- R 27
- G 54
- B 64
-
- C 58
- M 16
- Y 0
- K 36
● #458aa4 color description : Dark moderate blue.
#458aa4 Color Conversion
The hexadecimal color #458aa4 has RGB values of R:69, G:138, B:164 and CMYK values of C:0.58, M:0.16, Y:0, K:0.36. Its decimal value is 4557476.
Hex triplet | 458aa4 | #458aa4 |
---|---|---|
RGB Decimal | 69, 138, 164 | rgb(69,138,164) |
RGB Percent | 27.1, 54.1, 64.3 | rgb(27.1%,54.1%,64.3%) |
CMYK | 58, 16, 0, 36 | |
HSL | 196.4°, 40.8, 45.7 | hsl(196.4,40.8%,45.7%) |
HSV (or HSB) | 196.4°, 57.9, 64.3 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.155, -13.982, -20.381 |
---|---|
XYZ | 18.242, 22.121, 38.428 |
xyY | 0.232, 0.281, 22.121 |
CIE-LCH | 54.155, 24.716, 235.549 |
CIE-LUV | 54.155, -28.891, -28.514 |
Hunter-Lab | 47.033, -13.077, -15.52 |
Binary | 01000101, 10001010, 10100100 |
Color Schemes with #458aa4
Alternatives to #458aa4
Below, you can see some colors close to #458aa4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#458aa4 Preview
This text has a font color of #458aa4.
<span style="color:#458aa4;">Text here</span>
This paragraph has a background color of #458aa4.
<p style="background-color:#458aa4;">Content here</p>
This element has a border color of #458aa4.
<div style="border:1px solid #458aa4;">Content here</div>
.text {color:#458aa4;}
.background {background-color:#458aa4;}
.border {border:1px solid #458aa4;}
Shades and Tints of #458aa4
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, #050a0c is the darkest color, while #fdfefe is the lightest one.
-
#050a0c
#050a0c
rgb(5,10,12)
-
#0b161a
#0b161a
rgb(11,22,26)
-
#112128
#112128
rgb(17,33,40)
-
#172d36
#172d36
rgb(23,45,54)
-
#1c3943
#1c3943
rgb(28,57,67)
-
#224451
#224451
rgb(34,68,81)
-
#28505f
#28505f
rgb(40,80,95)
-
#2e5c6d
#2e5c6d
rgb(46,92,109)
-
#34677b
#34677b
rgb(52,103,123)
-
#397388
#397388
rgb(57,115,136)
-
#3f7e96
#3f7e96
rgb(63,126,150)
-
#458aa4
#458aa4
rgb(69,138,164)
-
#4b96b2
#4b96b2
rgb(75,150,178)
-
#589eb9
#589eb9
rgb(88,158,185)
-
#65a6be
#65a6be
rgb(101,166,190)
-
#73aec4
#73aec4
rgb(115,174,196)
-
#81b6ca
#81b6ca
rgb(129,182,202)
-
#8fbed0
#8fbed0
rgb(143,190,208)
-
#9dc6d6
#9dc6d6
rgb(157,198,214)
-
#aacedb
#aacedb
rgb(170,206,219)
-
#b8d6e1
#b8d6e1
rgb(184,214,225)
-
#c6dee7
#c6dee7
rgb(198,222,231)
-
#d4e6ed
#d4e6ed
rgb(212,230,237)
-
#e2eef3
#e2eef3
rgb(226,238,243)
-
#f0f6f8
#f0f6f8
rgb(240,246,248)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #458aa4
A tone is produced by adding gray to any pure hue. In this case, #727677 is the less saturated color, while #06a6e3 is the most saturated one.
-
#727677
#727677
rgb(114,118,119)
-
#697a80
#697a80
rgb(105,122,128)
-
#607e89
#607e89
rgb(96,126,137)
-
#578292
#578292
rgb(87,130,146)
-
#4e869b
#4e869b
rgb(78,134,155)
-
#458aa4
#458aa4
rgb(69,138,164)
-
#3c8ead
#3c8ead
rgb(60,142,173)
-
#3392b6
#3392b6
rgb(51,146,182)
-
#2a96bf
#2a96bf
rgb(42,150,191)
-
#219ac8
#219ac8
rgb(33,154,200)
-
#189ed1
#189ed1
rgb(24,158,209)
-
#0fa2da
#0fa2da
rgb(15,162,218)
-
#06a6e3
#06a6e3
rgb(6,166,227)
Color Blindness Simulator
Below, you can see how #458aa4 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.