#457bff hex color

In a RGB color space, hex #457bff is composed of 27.1% red, 48.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 51.8% magenta, 0% yellow and 0% black. It has a hue angle of 222.6 degrees, a saturation of 100% and a lightness of 63.5%. #457bff color hex could be obtained by blending #8af6ff with #0000ff. Closest websafe color is: #3366ff.

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

● #457bff color description : Light blue.

The hexadecimal color #457bff has RGB values of R:69, G:123, B:255 and CMYK values of C:0.73, M:0.52, Y:0, K:0. Its decimal value is 4553727.

Hex triplet	457bff	`#457bff`
RGB Decimal	69, 123, 255	`rgb(69,123,255)`
RGB Percent	27.1, 48.2, 100	`rgb(27.1%,48.2%,100%)`
CMYK	73, 52, 0, 0
HSL	222.6°, 100, 63.5	`hsl(222.6,100%,63.5%)`
HSV (or HSB)	222.6°, 72.9, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	54.709, 26.253, -70.873
XYZ	27.583, 22.649, 97.52
xyY	0.187, 0.153, 22.649
CIE-LCH	54.709, 75.58, 290.326
CIE-LUV	54.709, -21.79, -113.389
Hunter-Lab	47.591, 20.172, -88.179
Binary	01000101, 01111011, 11111111

#457bff
```
#457bff rgb(69,123,255)
```
#ffc945
```
#ffc945 rgb(255,201,69)
```

Complementary Color

#45d8ff
```
#45d8ff rgb(69,216,255)
```
#457bff
```
#457bff rgb(69,123,255)
```
#6c45ff
```
#6c45ff rgb(108,69,255)
```

Analogous Color

#d8ff45
```
#d8ff45 rgb(216,255,69)
```
#457bff
```
#457bff rgb(69,123,255)
```
#ff6c45
```
#ff6c45 rgb(255,108,69)
```

Split Complementary Color

#7bff45
```
#7bff45 rgb(123,255,69)
```
#457bff
```
#457bff rgb(69,123,255)
```
#ff457b
```
#ff457b rgb(255,69,123)
```

Triadic Color

#45ffc9
```
#45ffc9 rgb(69,255,201)
```
#457bff
```
#457bff rgb(69,123,255)
```
#ff457b
```
#ff457b rgb(255,69,123)
```
#ffc945
```
#ffc945 rgb(255,201,69)
```

Tetradic Color

#0048f8
```
#0048f8 rgb(0,72,248)
```
#1257ff
```
#1257ff rgb(18,87,255)
```
#2c69ff
```
#2c69ff rgb(44,105,255)
```
#457bff
```
#457bff rgb(69,123,255)
```
#5f8dff
```
#5f8dff rgb(95,141,255)
```
#789fff
```
#789fff rgb(120,159,255)
```
#92b1ff
```
#92b1ff rgb(146,177,255)
```

Monochromatic Color

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

#45aaff
```
#45aaff rgb(69,170,255)
```
#459aff
```
#459aff rgb(69,154,255)
```
#458bff
```
#458bff rgb(69,139,255)
```
#457bff
```
#457bff rgb(69,123,255)
```
#456cff
```
#456cff rgb(69,108,255)
```
#455cff
```
#455cff rgb(69,92,255)
```
#454dff
```
#454dff rgb(69,77,255)
```

Similar Colors

Text with hexadecimal color #457bff

This text has a font color of #457bff.

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

#457bff background color

This paragraph has a background color of #457bff.

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

#457bff border color

This element has a border color of #457bff.

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

CSS codes

.text {color:#457bff;}

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

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

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

#00030a
```
#00030a rgb(0,3,10)
```
#00091e
```
#00091e rgb(0,9,30)
```
#000e31
```
#000e31 rgb(0,14,49)
```
#001445
```
#001445 rgb(0,20,69)
```
#001a59
```
#001a59 rgb(0,26,89)
```
#001f6c
```
#001f6c rgb(0,31,108)
```
#002580
```
#002580 rgb(0,37,128)
```
#002b93
```
#002b93 rgb(0,43,147)
```
#0031a7
```
#0031a7 rgb(0,49,167)
```
#0036bb
```
#0036bb rgb(0,54,187)
```
#003cce
```
#003cce rgb(0,60,206)
```
#0042e2
```
#0042e2 rgb(0,66,226)
```
#0047f6
```
#0047f6 rgb(0,71,246)
```

Shade Color Variation

#0a51ff
```
#0a51ff rgb(10,81,255)
```
#1e5fff
```
#1e5fff rgb(30,95,255)
```
#316dff
```
#316dff rgb(49,109,255)
```
#457bff
```
#457bff rgb(69,123,255)
```
#5989ff
```
#5989ff rgb(89,137,255)
```
#6c97ff
```
#6c97ff rgb(108,151,255)
```
#80a5ff
```
#80a5ff rgb(128,165,255)
```
#93b3ff
```
#93b3ff rgb(147,179,255)
```
#a7c1ff
```
#a7c1ff rgb(167,193,255)
```
#bbcfff
```
#bbcfff rgb(187,207,255)
```
#cedcff
```
#cedcff rgb(206,220,255)
```
#e2eaff
```
#e2eaff rgb(226,234,255)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#9b9fa9
```
#9b9fa9 rgb(155,159,169)
```
#949cb0
```
#949cb0 rgb(148,156,176)
```
#8d99b7
```
#8d99b7 rgb(141,153,183)
```
#8596bf
```
#8596bf rgb(133,150,191)
```
#7e93c6
```
#7e93c6 rgb(126,147,198)
```
#7790cd
```
#7790cd rgb(119,144,205)
```
#708dd4
```
#708dd4 rgb(112,141,212)
```
#698adb
```
#698adb rgb(105,138,219)
```
#6287e2
```
#6287e2 rgb(98,135,226)
```
#5a84ea
```
#5a84ea rgb(90,132,234)
```
#5381f1
```
#5381f1 rgb(83,129,241)
```
#4c7ef8
```
#4c7ef8 rgb(76,126,248)
```
#457bff
```
#457bff rgb(69,123,255)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6f7a95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e85ff Protanopia 1% of men
#008ce5 Deuteranopia 1% of men
#0096a0 Tritanopia 0.001% of the population

Trichromacy

#3681ff Protanomaly 1% of men, 0.01% of women
#1985ef Deuteranomaly 6% of men, 0.4% of women
#198cc2 Tritanomaly 0.01% of the population

#457bff hex color

#457bff Color Information

#457bff Color Conversion

Color Schemes with #457bff

Alternatives to #457bff

#457bff Preview

Shades and Tints of #457bff

Tones of #457bff

Color Blindness Simulator