#458efd hex color

In a RGB color space, hex #458efd is composed of 27.1% red, 55.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 43.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 216.2 degrees, a saturation of 97.9% and a lightness of 63.1%. #458efd color hex could be obtained by blending #8affff with #001dfb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 56
- B 99
RGB color chart
- C 73
- M 44
- Y 0
- K 1
CMYK color chart

● #458efd color description : Bright blue.

The hexadecimal color #458efd has RGB values of R:69, G:142, B:253 and CMYK values of C:0.73, M:0.44, Y:0, K:0.01. Its decimal value is 4558589.

Hex triplet	458efd	`#458efd`
RGB Decimal	69, 142, 253	`rgb(69,142,253)`
RGB Percent	27.1, 55.7, 99.2	`rgb(27.1%,55.7%,99.2%)`
CMYK	73, 44, 0, 1
HSL	216.2°, 97.9, 63.1	`hsl(216.2,97.9%,63.1%)`
HSV (or HSB)	216.2°, 72.7, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.618, 13.938, -61.866
XYZ	29.853, 27.701, 96.697
xyY	0.194, 0.18, 27.701
CIE-LCH	59.618, 63.417, 282.696
CIE-LUV	59.618, -27.495, -100.252
Hunter-Lab	52.632, 9.141, -72.088
Binary	01000101, 10001110, 11111101

#458efd
```
#458efd rgb(69,142,253)
```
#fdb445
```
#fdb445 rgb(253,180,69)
```

Complementary Color

#45eafd
```
#45eafd rgb(69,234,253)
```
#458efd
```
#458efd rgb(69,142,253)
```
#5845fd
```
#5845fd rgb(88,69,253)
```

Analogous Color

#eafd45
```
#eafd45 rgb(234,253,69)
```
#458efd
```
#458efd rgb(69,142,253)
```
#fd5845
```
#fd5845 rgb(253,88,69)
```

Split Complementary Color

#8efd45
```
#8efd45 rgb(142,253,69)
```
#458efd
```
#458efd rgb(69,142,253)
```
#fd458e
```
#fd458e rgb(253,69,142)
```

Triadic Color

#45fdb4
```
#45fdb4 rgb(69,253,180)
```
#458efd
```
#458efd rgb(69,142,253)
```
#fd458e
```
#fd458e rgb(253,69,142)
```
#fdb445
```
#fdb445 rgb(253,180,69)
```

Tetradic Color

#0362f3
```
#0362f3 rgb(3,98,243)
```
#136ffc
```
#136ffc rgb(19,111,252)
```
#2c7ffd
```
#2c7ffd rgb(44,127,253)
```
#458efd
```
#458efd rgb(69,142,253)
```
#5e9dfd
```
#5e9dfd rgb(94,157,253)
```
#77adfe
```
#77adfe rgb(119,173,254)
```
#91bcfe
```
#91bcfe rgb(145,188,254)
```

Monochromatic Color

Below, you can see some colors close to #458efd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#45bcfd
```
#45bcfd rgb(69,188,253)
```
#45adfd
```
#45adfd rgb(69,173,253)
```
#459dfd
```
#459dfd rgb(69,157,253)
```
#458efd
```
#458efd rgb(69,142,253)
```
#457ffd
```
#457ffd rgb(69,127,253)
```
#456ffd
```
#456ffd rgb(69,111,253)
```
#4560fd
```
#4560fd rgb(69,96,253)
```

Similar Colors

Text with hexadecimal color #458efd

This text has a font color of #458efd.

<span style="color:#458efd;">Text here</span>

#458efd background color

This paragraph has a background color of #458efd.

<p style="background-color:#458efd;">Content here</p>

#458efd border color

This element has a border color of #458efd.

<div style="border:1px solid #458efd;">Content here</div>

CSS codes

.text {color:#458efd;}

.background {background-color:#458efd;}

.border {border:1px solid #458efd;}

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, #000308 is the darkest color, while #f4f8ff is the lightest one.

#000308
```
#000308 rgb(0,3,8)
```
#000b1b
```
#000b1b rgb(0,11,27)
```
#01132f
```
#01132f rgb(1,19,47)
```
#011b42
```
#011b42 rgb(1,27,66)
```
#012356
```
#012356 rgb(1,35,86)
```
#012a69
```
#012a69 rgb(1,42,105)
```
#01327d
```
#01327d rgb(1,50,125)
```
#023a90
```
#023a90 rgb(2,58,144)
```
#0242a3
```
#0242a3 rgb(2,66,163)
```
#024ab7
```
#024ab7 rgb(2,74,183)
```
#0252ca
```
#0252ca rgb(2,82,202)
```
#0259de
```
#0259de rgb(2,89,222)
```
#0361f1
```
#0361f1 rgb(3,97,241)
```

Shade Color Variation

#0b6bfc
```
#0b6bfc rgb(11,107,252)
```
#1e76fd
```
#1e76fd rgb(30,118,253)
```
#3282fd
```
#3282fd rgb(50,130,253)
```
#458efd
```
#458efd rgb(69,142,253)
```
#589afd
```
#589afd rgb(88,154,253)
```
#6ca6fd
```
#6ca6fd rgb(108,166,253)
```
#7fb1fe
```
#7fb1fe rgb(127,177,254)
```
#93bdfe
```
#93bdfe rgb(147,189,254)
```
#a6c9fe
```
#a6c9fe rgb(166,201,254)
```
#b9d5fe
```
#b9d5fe rgb(185,213,254)
```
#cde1fe
```
#cde1fe rgb(205,225,254)
```
#e0ecff
```
#e0ecff rgb(224,236,255)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca0a6 is the less saturated color, while #458efd is the most saturated one.

#9ca0a6
```
#9ca0a6 rgb(156,160,166)
```
#959ead
```
#959ead rgb(149,158,173)
```
#8d9db5
```
#8d9db5 rgb(141,157,181)
```
#869bbc
```
#869bbc rgb(134,155,188)
```
#7f9ac3
```
#7f9ac3 rgb(127,154,195)
```
#7898ca
```
#7898ca rgb(120,152,202)
```
#7097d2
```
#7097d2 rgb(112,151,210)
```
#6995d9
```
#6995d9 rgb(105,149,217)
```
#6294e0
```
#6294e0 rgb(98,148,224)
```
#5b92e7
```
#5b92e7 rgb(91,146,231)
```
#5391ef
```
#5391ef rgb(83,145,239)
```
#4c8ff6
```
#4c8ff6 rgb(76,143,246)
```
#458efd
```
#458efd rgb(69,142,253)
```

Tone Color Variation

Below, you can see how #458efd 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.

Monochromacy

#858585 Achromatopsia 0.005% of the population
#78879d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e91fb Protanopia 1% of men
#2397fb Deuteranopia 1% of men
#00a3ae Tritanopia 0.001% of the population

Trichromacy

#5590fb Protanomaly 1% of men, 0.01% of women
#2f94fc Deuteranomaly 6% of men, 0.4% of women
#199bcb Tritanomaly 0.01% of the population

#458efd hex color

#458efd Color Information

#458efd Color Conversion

Color Schemes with #458efd

Alternatives to #458efd

#458efd Preview

Shades and Tints of #458efd

Tones of #458efd

Color Blindness Simulator