#458bef hex color

In a RGB color space, hex #458bef is composed of 27.1% red, 54.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 41.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 215.3 degrees, a saturation of 84.2% and a lightness of 60.4%. #458bef color hex could be obtained by blending #8affff with #0017df. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 55
- B 94
RGB color chart
- C 71
- M 42
- Y 0
- K 6
CMYK color chart

● #458bef color description : Bright blue.

The hexadecimal color #458bef has RGB values of R:69, G:139, B:239 and CMYK values of C:0.71, M:0.42, Y:0, K:0.06. Its decimal value is 4557807.

Hex triplet	458bef	`#458bef`
RGB Decimal	69, 139, 239	`rgb(69,139,239)`
RGB Percent	27.1, 54.5, 93.7	`rgb(27.1%,54.5%,93.7%)`
CMYK	71, 42, 0, 6
HSL	215.3°, 84.2, 60.4	`hsl(215.3,84.2%,60.4%)`
HSV (or HSB)	215.3°, 71.1, 93.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.999, 10.786, -56.736
XYZ	27.263, 25.96, 85.231
xyY	0.197, 0.188, 25.96
CIE-LCH	57.999, 57.752, 280.764
CIE-LUV	57.999, -26.876, -91.112
Hunter-Lab	50.951, 6.348, -63.513
Binary	01000101, 10001011, 11101111

#458bef
```
#458bef rgb(69,139,239)
```
#efa945
```
#efa945 rgb(239,169,69)
```

Complementary Color

#45e0ef
```
#45e0ef rgb(69,224,239)
```
#458bef
```
#458bef rgb(69,139,239)
```
#5445ef
```
#5445ef rgb(84,69,239)
```

Analogous Color

#e0ef45
```
#e0ef45 rgb(224,239,69)
```
#458bef
```
#458bef rgb(69,139,239)
```
#ef5445
```
#ef5445 rgb(239,84,69)
```

Split Complementary Color

#8bef45
```
#8bef45 rgb(139,239,69)
```
#458bef
```
#458bef rgb(69,139,239)
```
#ef458b
```
#ef458b rgb(239,69,139)
```

Triadic Color

#45efa9
```
#45efa9 rgb(69,239,169)
```
#458bef
```
#458bef rgb(69,139,239)
```
#ef458b
```
#ef458b rgb(239,69,139)
```
#efa945
```
#efa945 rgb(239,169,69)
```

Tetradic Color

#1263d5
```
#1263d5 rgb(18,99,213)
```
#166eeb
```
#166eeb rgb(22,110,235)
```
#2e7ced
```
#2e7ced rgb(46,124,237)
```
#458bef
```
#458bef rgb(69,139,239)
```
#5c9af1
```
#5c9af1 rgb(92,154,241)
```
#74a8f3
```
#74a8f3 rgb(116,168,243)
```
#8bb7f5
```
#8bb7f5 rgb(139,183,245)
```

Monochromatic Color

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

#45b6ef
```
#45b6ef rgb(69,182,239)
```
#45a7ef
```
#45a7ef rgb(69,167,239)
```
#4599ef
```
#4599ef rgb(69,153,239)
```
#458bef
```
#458bef rgb(69,139,239)
```
#457def
```
#457def rgb(69,125,239)
```
#456fef
```
#456fef rgb(69,111,239)
```
#4561ef
```
#4561ef rgb(69,97,239)
```

Similar Colors

Text with hexadecimal color #458bef

This text has a font color of #458bef.

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

#458bef background color

This paragraph has a background color of #458bef.

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

#458bef border color

This element has a border color of #458bef.

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

CSS codes

.text {color:#458bef;}

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

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

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, #01060d is the darkest color, while #fafcff is the lightest one.

#01060d
```
#01060d rgb(1,6,13)
```
#030e1f
```
#030e1f rgb(3,14,31)
```
#041731
```
#041731 rgb(4,23,49)
```
#061f43
```
#061f43 rgb(6,31,67)
```
#072755
```
#072755 rgb(7,39,85)
```
#093067
```
#093067 rgb(9,48,103)
```
#0a3879
```
#0a3879 rgb(10,56,121)
```
#0c408b
```
#0c408b rgb(12,64,139)
```
#0e499d
```
#0e499d rgb(14,73,157)
```
#0f51af
```
#0f51af rgb(15,81,175)
```
#1159c1
```
#1159c1 rgb(17,89,193)
```
#1262d3
```
#1262d3 rgb(18,98,211)
```
#146ae5
```
#146ae5 rgb(20,106,229)
```

Shade Color Variation

#2174ec
```
#2174ec rgb(33,116,236)
```
#3380ed
```
#3380ed rgb(51,128,237)
```
#458bef
```
#458bef rgb(69,139,239)
```
#5796f1
```
#5796f1 rgb(87,150,241)
```
#69a2f2
```
#69a2f2 rgb(105,162,242)
```
#7badf4
```
#7badf4 rgb(123,173,244)
```
#8db8f5
```
#8db8f5 rgb(141,184,245)
```
#9fc3f7
```
#9fc3f7 rgb(159,195,247)
```
#b1cff8
```
#b1cff8 rgb(177,207,248)
```
#c3dafa
```
#c3dafa rgb(195,218,250)
```
#d5e5fb
```
#d5e5fb rgb(213,229,251)
```
#e8f0fd
```
#e8f0fd rgb(232,240,253)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9399a1 is the less saturated color, while #3588ff is the most saturated one.

#9399a1
```
#9399a1 rgb(147,153,161)
```
#8b97a9
```
#8b97a9 rgb(139,151,169)
```
#8396b1
```
#8396b1 rgb(131,150,177)
```
#7b95b9
```
#7b95b9 rgb(123,149,185)
```
#7493c0
```
#7493c0 rgb(116,147,192)
```
#6c92c8
```
#6c92c8 rgb(108,146,200)
```
#6490d0
```
#6490d0 rgb(100,144,208)
```
#5c8fd8
```
#5c8fd8 rgb(92,143,216)
```
#558edf
```
#558edf rgb(85,142,223)
```
#4d8ce7
```
#4d8ce7 rgb(77,140,231)
```
#458bef
```
#458bef rgb(69,139,239)
```
#3d8af7
```
#3d8af7 rgb(61,138,247)
```
#3588ff
```
#3588ff rgb(53,136,255)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#758397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#638eed Protanopia 1% of men
#3d93ee Deuteranopia 1% of men
#009faa Tritanopia 0.001% of the population

Trichromacy

#588dee Protanomaly 1% of men, 0.01% of women
#4090ee Deuteranomaly 6% of men, 0.4% of women
#1998c3 Tritanomaly 0.01% of the population

#458bef hex color

#458bef Color Information

#458bef Color Conversion

Color Schemes with #458bef

Alternatives to #458bef

#458bef Preview

Shades and Tints of #458bef

Tones of #458bef

Color Blindness Simulator