colorhexa.com

#458dfc hex color

In a RGB color space, hex #458dfc is composed of 27.1% red, 55.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 44% magenta, 0% yellow and 1.2% black. It has a hue angle of 216.4 degrees, a saturation of 96.8% and a lightness of 62.9%. #458dfc color hex could be obtained by blending #8affff with #001bf9. Closest websafe color is: #3399ff.

- R 27
- G 55
- B 99
RGB color chart
- C 73
- M 44
- Y 0
- K 1
CMYK color chart

● #458dfc color description : Bright blue.

The hexadecimal color #458dfc has RGB values of R:69, G:141, B:252 and CMYK values of C:0.73, M:0.44, Y:0, K:0.01. Its decimal value is 4558332.

Hex triplet	458dfc	`#458dfc`
RGB Decimal	69, 141, 252	`rgb(69,141,252)`
RGB Percent	27.1, 55.3, 98.8	`rgb(27.1%,55.3%,98.8%)`
CMYK	73, 44, 0, 1
HSL	216.4°, 96.8, 62.9	`hsl(216.4,96.8%,62.9%)`
HSV (or HSB)	216.4°, 72.6, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.289, 14.186, -61.844
XYZ	29.546, 27.341, 95.81
xyY	0.193, 0.179, 27.341
CIE-LCH	59.289, 63.45, 282.919
CIE-LUV	59.289, -27.205, -100.126
Hunter-Lab	52.289, 9.357, -72.037
Binary	01000101, 10001101, 11111100

#458dfc
```
#458dfc rgb(69,141,252)
```
#fcb445
```
#fcb445 rgb(252,180,69)
```

Complementary Color

#45e9fc
```
#45e9fc rgb(69,233,252)
```
#458dfc
```
#458dfc rgb(69,141,252)
```
#5945fc
```
#5945fc rgb(89,69,252)
```

Analogous Color

#e9fc45
```
#e9fc45 rgb(233,252,69)
```
#458dfc
```
#458dfc rgb(69,141,252)
```
#fc5945
```
#fc5945 rgb(252,89,69)
```

Split Complementary Color

#8dfc45
```
#8dfc45 rgb(141,252,69)
```
#458dfc
```
#458dfc rgb(69,141,252)
```
#fc458d
```
#fc458d rgb(252,69,141)
```

Triadic Color

#45fcb4
```
#45fcb4 rgb(69,252,180)
```
#458dfc
```
#458dfc rgb(69,141,252)
```
#fc458d
```
#fc458d rgb(252,69,141)
```
#fcb445
```
#fcb445 rgb(252,180,69)
```

Tetradic Color

#0461f1
```
#0461f1 rgb(4,97,241)
```
#136efb
```
#136efb rgb(19,110,251)
```
#2c7efc
```
#2c7efc rgb(44,126,252)
```
#458dfc
```
#458dfc rgb(69,141,252)
```
#5e9cfc
```
#5e9cfc rgb(94,156,252)
```
#77acfd
```
#77acfd rgb(119,172,253)
```
#90bbfd
```
#90bbfd rgb(144,187,253)
```

Monochromatic Color

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

#45bbfc
```
#45bbfc rgb(69,187,252)
```
#45acfc
```
#45acfc rgb(69,172,252)
```
#459cfc
```
#459cfc rgb(69,156,252)
```
#458dfc
```
#458dfc rgb(69,141,252)
```
#457efc
```
#457efc rgb(69,126,252)
```
#456ffc
```
#456ffc rgb(69,111,252)
```
#455ffc
```
#455ffc rgb(69,95,252)
```

Similar Colors

Text with hexadecimal color #458dfc

This text has a font color of #458dfc.

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

#458dfc background color

This paragraph has a background color of #458dfc.

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

#458dfc border color

This element has a border color of #458dfc.

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

CSS codes

.text {color:#458dfc;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#000b1a
```
#000b1a rgb(0,11,26)
```
#01122e
```
#01122e rgb(1,18,46)
```
#011a41
```
#011a41 rgb(1,26,65)
```
#012254
```
#012254 rgb(1,34,84)
```
#022a68
```
#022a68 rgb(2,42,104)
```
#02327b
```
#02327b rgb(2,50,123)
```
#02398e
```
#02398e rgb(2,57,142)
```
#0341a1
```
#0341a1 rgb(3,65,161)
```
#0349b5
```
#0349b5 rgb(3,73,181)
```
#0351c8
```
#0351c8 rgb(3,81,200)
```
#0458db
```
#0458db rgb(4,88,219)
```
#0460ef
```
#0460ef rgb(4,96,239)
```

Shade Color Variation

#0b6afb
```
#0b6afb rgb(11,106,251)
```
#1e75fb
```
#1e75fb rgb(30,117,251)
```
#3281fc
```
#3281fc rgb(50,129,252)
```
#458dfc
```
#458dfc rgb(69,141,252)
```
#5899fc
```
#5899fc rgb(88,153,252)
```
#6ca5fd
```
#6ca5fd rgb(108,165,253)
```
#7fb0fd
```
#7fb0fd rgb(127,176,253)
```
#92bcfd
```
#92bcfd rgb(146,188,253)
```
#a6c8fe
```
#a6c8fe rgb(166,200,254)
```
#b9d4fe
```
#b9d4fe rgb(185,212,254)
```
#cce0fe
```
#cce0fe rgb(204,224,254)
```
#dfecfe
```
#dfecfe rgb(223,236,254)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#9ca0a5
```
#9ca0a5 rgb(156,160,165)
```
#959eac
```
#959eac rgb(149,158,172)
```
#8e9cb3
```
#8e9cb3 rgb(142,156,179)
```
#869bbb
```
#869bbb rgb(134,155,187)
```
#7f99c2
```
#7f99c2 rgb(127,153,194)
```
#7898c9
```
#7898c9 rgb(120,152,201)
```
#7196d0
```
#7196d0 rgb(113,150,208)
```
#6995d8
```
#6995d8 rgb(105,149,216)
```
#6293df
```
#6293df rgb(98,147,223)
```
#5b92e6
```
#5b92e6 rgb(91,146,230)
```
#5490ed
```
#5490ed rgb(84,144,237)
```
#4c8ff5
```
#4c8ff5 rgb(76,143,245)
```
#458dfc
```
#458dfc rgb(69,141,252)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#77869c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d91fa Protanopia 1% of men
#2096fa Deuteranopia 1% of men
#00a3ad Tritanopia 0.001% of the population

Trichromacy

#548ffb Protanomaly 1% of men, 0.01% of women
#2d93fb Deuteranomaly 6% of men, 0.4% of women
#199bca Tritanomaly 0.01% of the population