#458af4 Color Information
In a RGB color space, hex #458af4 is composed of 27.1% red, 54.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 43.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 216.3 degrees, a saturation of 88.8% and a lightness of 61.4%. #458af4 color hex could be obtained by blending #8affff with #0015e9. Closest websafe color is: #3399ff.
-
- R 27
- G 54
- B 96
-
- C 72
- M 43
- Y 0
- K 4
● #458af4 color description : Bright blue.
#458af4 Color Conversion
The hexadecimal color #458af4 has RGB values of R:69, G:138, B:244 and CMYK values of C:0.72, M:0.43, Y:0, K:0.04. Its decimal value is 4557556.
Hex triplet | 458af4 | #458af4 |
---|---|---|
RGB Decimal | 69, 138, 244 | rgb(69,138,244) |
RGB Percent | 27.1, 54.1, 95.7 | rgb(27.1%,54.1%,95.7%) |
CMYK | 72, 43, 0, 4 | |
HSL | 216.3°, 88.8, 61.4 | hsl(216.3,88.8%,61.4%) |
HSV (or HSB) | 216.3°, 71.7, 95.7 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 58.01, 13.16, -59.485 |
---|---|
XYZ | 27.868, 25.972, 89.127 |
xyY | 0.195, 0.182, 25.972 |
CIE-LCH | 58.01, 60.923, 282.475 |
CIE-LUV | 58.01, -26.443, -95.786 |
Hunter-Lab | 50.963, 8.426, -68.017 |
Binary | 01000101, 10001010, 11110100 |
Color Schemes with #458af4
Alternatives to #458af4
Below, you can see some colors close to #458af4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#458af4 Preview
This text has a font color of #458af4.
<span style="color:#458af4;">Text here</span>
This paragraph has a background color of #458af4.
<p style="background-color:#458af4;">Content here</p>
This element has a border color of #458af4.
<div style="border:1px solid #458af4;">Content here</div>
.text {color:#458af4;}
.background {background-color:#458af4;}
.border {border:1px solid #458af4;}
Shades and Tints of #458af4
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, #010812 is the darkest color, while #fefeff is the lightest one.
-
#010812
#010812
rgb(1,8,18)
-
#021024
#021024
rgb(2,16,36)
-
#031837
#031837
rgb(3,24,55)
-
#042049
#042049
rgb(4,32,73)
-
#05275c
#05275c
rgb(5,39,92)
-
#072f6e
#072f6e
rgb(7,47,110)
-
#083781
#083781
rgb(8,55,129)
-
#093f93
#093f93
rgb(9,63,147)
-
#0a47a6
#0a47a6
rgb(10,71,166)
-
#0b4fb8
#0b4fb8
rgb(11,79,184)
-
#0c57cb
#0c57cb
rgb(12,87,203)
-
#0d5fdd
#0d5fdd
rgb(13,95,221)
-
#0e67f0
#0e67f0
rgb(14,103,240)
-
#2073f2
#2073f2
rgb(32,115,242)
-
#327ef3
#327ef3
rgb(50,126,243)
-
#458af4
#458af4
rgb(69,138,244)
-
#5896f5
#5896f5
rgb(88,150,245)
-
#6aa1f6
#6aa1f6
rgb(106,161,246)
-
#7dadf7
#7dadf7
rgb(125,173,247)
-
#8fb9f8
#8fb9f8
rgb(143,185,248)
-
#a2c4f9
#a2c4f9
rgb(162,196,249)
-
#b4d0fb
#b4d0fb
rgb(180,208,251)
-
#c7dcfc
#c7dcfc
rgb(199,220,252)
-
#d9e7fd
#d9e7fd
rgb(217,231,253)
-
#ecf3fe
#ecf3fe
rgb(236,243,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #458af4
A tone is produced by adding gray to any pure hue. In this case, #989ca1 is the less saturated color, while #3d88fc is the most saturated one.
-
#989ca1
#989ca1
rgb(152,156,161)
-
#919aa8
#919aa8
rgb(145,154,168)
-
#8998b0
#8998b0
rgb(137,152,176)
-
#8297b7
#8297b7
rgb(130,151,183)
-
#7a95bf
#7a95bf
rgb(122,149,191)
-
#7294c7
#7294c7
rgb(114,148,199)
-
#6b92ce
#6b92ce
rgb(107,146,206)
-
#6390d6
#6390d6
rgb(99,144,214)
-
#5c8fdd
#5c8fdd
rgb(92,143,221)
-
#548de5
#548de5
rgb(84,141,229)
-
#4d8cec
#4d8cec
rgb(77,140,236)
-
#458af4
#458af4
rgb(69,138,244)
-
#3d88fc
#3d88fc
rgb(61,136,252)
Color Blindness Simulator
Below, you can see how #458af4 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.