#458bff hex color

In a RGB color space, hex #458bff is composed of 27.1% red, 54.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 45.5% magenta, 0% yellow and 0% black. It has a hue angle of 217.4 degrees, a saturation of 100% and a lightness of 63.5%. #458bff color hex could be obtained by blending #8affff with #0017ff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 55
- B 100
RGB color chart
- C 73
- M 45
- Y 0
- K 0
CMYK color chart

● #458bff color description : Light blue.

The hexadecimal color #458bff has RGB values of R:69, G:139, B:255 and CMYK values of C:0.73, M:0.45, Y:0, K:0. Its decimal value is 4557823.

Hex triplet	458bff	`#458bff`
RGB Decimal	69, 139, 255	`rgb(69,139,255)`
RGB Percent	27.1, 54.5, 100	`rgb(27.1%,54.5%,100%)`
CMYK	73, 45, 0, 0
HSL	217.4°, 100, 63.5	`hsl(217.4,100%,63.5%)`
HSV (or HSB)	217.4°, 72.9, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.926, 16.46, -64.073
XYZ	29.733, 26.948, 98.237
xyY	0.192, 0.174, 26.948
CIE-LCH	58.926, 66.154, 284.408
CIE-LUV	58.926, -26.522, -103.791
Hunter-Lab	51.912, 11.392, -75.861
Binary	01000101, 10001011, 11111111

#458bff
```
#458bff rgb(69,139,255)
```
#ffb945
```
#ffb945 rgb(255,185,69)
```

Complementary Color

#45e8ff
```
#45e8ff rgb(69,232,255)
```
#458bff
```
#458bff rgb(69,139,255)
```
#5c45ff
```
#5c45ff rgb(92,69,255)
```

Analogous Color

#e8ff45
```
#e8ff45 rgb(232,255,69)
```
#458bff
```
#458bff rgb(69,139,255)
```
#ff5c45
```
#ff5c45 rgb(255,92,69)
```

Split Complementary Color

#8bff45
```
#8bff45 rgb(139,255,69)
```
#458bff
```
#458bff rgb(69,139,255)
```
#ff458b
```
#ff458b rgb(255,69,139)
```

Triadic Color

#45ffb9
```
#45ffb9 rgb(69,255,185)
```
#458bff
```
#458bff rgb(69,139,255)
```
#ff458b
```
#ff458b rgb(255,69,139)
```
#ffb945
```
#ffb945 rgb(255,185,69)
```

Tetradic Color

#005df8
```
#005df8 rgb(0,93,248)
```
#126bff
```
#126bff rgb(18,107,255)
```
#2c7bff
```
#2c7bff rgb(44,123,255)
```
#458bff
```
#458bff rgb(69,139,255)
```
#5f9bff
```
#5f9bff rgb(95,155,255)
```
#78abff
```
#78abff rgb(120,171,255)
```
#92bbff
```
#92bbff rgb(146,187,255)
```

Monochromatic Color

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

#45baff
```
#45baff rgb(69,186,255)
```
#45aaff
```
#45aaff rgb(69,170,255)
```
#459bff
```
#459bff rgb(69,155,255)
```
#458bff
```
#458bff rgb(69,139,255)
```
#457cff
```
#457cff rgb(69,124,255)
```
#456cff
```
#456cff rgb(69,108,255)
```
#455dff
```
#455dff rgb(69,93,255)
```

Similar Colors

Text with hexadecimal color #458bff

This text has a font color of #458bff.

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

#458bff background color

This paragraph has a background color of #458bff.

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

#458bff border color

This element has a border color of #458bff.

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

CSS codes

.text {color:#458bff;}

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

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

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, #00040a is the darkest color, while #f6f9ff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#000b1e
```
#000b1e rgb(0,11,30)
```
#001331
```
#001331 rgb(0,19,49)
```
#001a45
```
#001a45 rgb(0,26,69)
```
#002159
```
#002159 rgb(0,33,89)
```
#00296c
```
#00296c rgb(0,41,108)
```
#003080
```
#003080 rgb(0,48,128)
```
#003793
```
#003793 rgb(0,55,147)
```
#003fa7
```
#003fa7 rgb(0,63,167)
```
#0046bb
```
#0046bb rgb(0,70,187)
```
#004ece
```
#004ece rgb(0,78,206)
```
#0055e2
```
#0055e2 rgb(0,85,226)
```
#005cf6
```
#005cf6 rgb(0,92,246)
```

Shade Color Variation

#0a66ff
```
#0a66ff rgb(10,102,255)
```
#1e73ff
```
#1e73ff rgb(30,115,255)
```
#317fff
```
#317fff rgb(49,127,255)
```
#458bff
```
#458bff rgb(69,139,255)
```
#5997ff
```
#5997ff rgb(89,151,255)
```
#6ca3ff
```
#6ca3ff rgb(108,163,255)
```
#80b0ff
```
#80b0ff rgb(128,176,255)
```
#93bcff
```
#93bcff rgb(147,188,255)
```
#a7c8ff
```
#a7c8ff rgb(167,200,255)
```
#bbd4ff
```
#bbd4ff rgb(187,212,255)
```
#cee1ff
```
#cee1ff rgb(206,225,255)
```
#e2edff
```
#e2edff rgb(226,237,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#9ba0a9
```
#9ba0a9 rgb(155,160,169)
```
#949eb0
```
#949eb0 rgb(148,158,176)
```
#8d9db7
```
#8d9db7 rgb(141,157,183)
```
#859bbf
```
#859bbf rgb(133,155,191)
```
#7e99c6
```
#7e99c6 rgb(126,153,198)
```
#7797cd
```
#7797cd rgb(119,151,205)
```
#7096d4
```
#7096d4 rgb(112,150,212)
```
#6994db
```
#6994db rgb(105,148,219)
```
#6292e2
```
#6292e2 rgb(98,146,226)
```
#5a90ea
```
#5a90ea rgb(90,144,234)
```
#538ff1
```
#538ff1 rgb(83,143,241)
```
#4c8df8
```
#4c8df8 rgb(76,141,248)
```
#458bff
```
#458bff rgb(69,139,255)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#77859c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5790fe Protanopia 1% of men
#0096fa Deuteranopia 1% of men
#00a2ac Tritanopia 0.001% of the population

Trichromacy

#508efe Protanomaly 1% of men, 0.01% of women
#1992fb Deuteranomaly 6% of men, 0.4% of women
#1999ca Tritanomaly 0.01% of the population

#458bff hex color

#458bff Color Information

#458bff Color Conversion

Color Schemes with #458bff

Alternatives to #458bff

#458bff Preview

Shades and Tints of #458bff

Tones of #458bff

Color Blindness Simulator