#457fc2 hex color

In a RGB color space, hex #457fc2 is composed of 27.1% red, 49.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 34.5% magenta, 0% yellow and 23.9% black. It has a hue angle of 212.2 degrees, a saturation of 50.6% and a lightness of 51.6%. #457fc2 color hex could be obtained by blending #8afeff with #000085. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 27
- G 50
- B 76
RGB color chart
- C 64
- M 35
- Y 0
- K 24
CMYK color chart

● #457fc2 color description : Moderate blue.

The hexadecimal color #457fc2 has RGB values of R:69, G:127, B:194 and CMYK values of C:0.64, M:0.35, Y:0, K:0.24. Its decimal value is 4554690.

Hex triplet	457fc2	`#457fc2`
RGB Decimal	69, 127, 194	`rgb(69,127,194)`
RGB Percent	27.1, 49.8, 76.1	`rgb(27.1%,49.8%,76.1%)`
CMYK	64, 35, 0, 24
HSL	212.2°, 50.6, 51.6	`hsl(212.2,50.6%,51.6%)`
HSV (or HSB)	212.2°, 64.4, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	52.217, 2.257, -40.616
XYZ	19.779, 20.338, 53.919
xyY	0.21, 0.216, 20.338
CIE-LCH	52.217, 40.678, 273.181
CIE-LUV	52.217, -23.929, -62.573
Hunter-Lab	45.097, -0.633, -39.32
Binary	01000101, 01111111, 11000010

#457fc2
```
#457fc2 rgb(69,127,194)
```
#c28845
```
#c28845 rgb(194,136,69)
```

Complementary Color

#45bec2
```
#45bec2 rgb(69,190,194)
```
#457fc2
```
#457fc2 rgb(69,127,194)
```
#4945c2
```
#4945c2 rgb(73,69,194)
```

Analogous Color

#bec245
```
#bec245 rgb(190,194,69)
```
#457fc2
```
#457fc2 rgb(69,127,194)
```
#c24945
```
#c24945 rgb(194,73,69)
```

Split Complementary Color

#7fc245
```
#7fc245 rgb(127,194,69)
```
#457fc2
```
#457fc2 rgb(69,127,194)
```
#c2457f
```
#c2457f rgb(194,69,127)
```

Triadic Color

#45c288
```
#45c288 rgb(69,194,136)
```
#457fc2
```
#457fc2 rgb(69,127,194)
```
#c2457f
```
#c2457f rgb(194,69,127)
```
#c28845
```
#c28845 rgb(194,136,69)
```

Tetradic Color

#2e5a8c
```
#2e5a8c rgb(46,90,140)
```
#3466a0
```
#3466a0 rgb(52,102,160)
```
#3b72b3
```
#3b72b3 rgb(59,114,179)
```
#457fc2
```
#457fc2 rgb(69,127,194)
```
#588cc8
```
#588cc8 rgb(88,140,200)
```
#6b99cf
```
#6b99cf rgb(107,153,207)
```
#7fa7d5
```
#7fa7d5 rgb(127,167,213)
```

Monochromatic Color

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

#459ec2
```
#459ec2 rgb(69,158,194)
```
#4594c2
```
#4594c2 rgb(69,148,194)
```
#4589c2
```
#4589c2 rgb(69,137,194)
```
#457fc2
```
#457fc2 rgb(69,127,194)
```
#4575c2
```
#4575c2 rgb(69,117,194)
```
#456ac2
```
#456ac2 rgb(69,106,194)
```
#4560c2
```
#4560c2 rgb(69,96,194)
```

Similar Colors

Text with hexadecimal color #457fc2

This text has a font color of #457fc2.

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

#457fc2 background color

This paragraph has a background color of #457fc2.

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

#457fc2 border color

This element has a border color of #457fc2.

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

CSS codes

.text {color:#457fc2;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#070d15
```
#070d15 rgb(7,13,21)
```
#0c1724
```
#0c1724 rgb(12,23,36)
```
#112032
```
#112032 rgb(17,32,50)
```
#152a41
```
#152a41 rgb(21,42,65)
```
#1a3350
```
#1a3350 rgb(26,51,80)
```
#1f3d5f
```
#1f3d5f rgb(31,61,95)
```
#24466d
```
#24466d rgb(36,70,109)
```
#294f7c
```
#294f7c rgb(41,79,124)
```
#2e598b
```
#2e598b rgb(46,89,139)
```
#32629a
```
#32629a rgb(50,98,154)
```
#376ca9
```
#376ca9 rgb(55,108,169)
```
#3c75b7
```
#3c75b7 rgb(60,117,183)
```

Shade Color Variation

#457fc2
```
#457fc2 rgb(69,127,194)
```
#5489c7
```
#5489c7 rgb(84,137,199)
```
#6393cc
```
#6393cc rgb(99,147,204)
```
#719dd1
```
#719dd1 rgb(113,157,209)
```
#80a8d5
```
#80a8d5 rgb(128,168,213)
```
#8fb2da
```
#8fb2da rgb(143,178,218)
```
#9ebcdf
```
#9ebcdf rgb(158,188,223)
```
#acc6e4
```
#acc6e4 rgb(172,198,228)
```
#bbd0e9
```
#bbd0e9 rgb(187,208,233)
```
#cadaee
```
#cadaee rgb(202,218,238)
```
#d9e5f2
```
#d9e5f2 rgb(217,229,242)
```
#e7eff7
```
#e7eff7 rgb(231,239,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8389 is the less saturated color, while #0c7bfb is the most saturated one.

#7e8389
```
#7e8389 rgb(126,131,137)
```
#758293
```
#758293 rgb(117,130,147)
```
#6b829c
```
#6b829c rgb(107,130,156)
```
#6281a6
```
#6281a6 rgb(98,129,166)
```
#5880af
```
#5880af rgb(88,128,175)
```
#4f80b9
```
#4f80b9 rgb(79,128,185)
```
#457fc2
```
#457fc2 rgb(69,127,194)
```
#3c7ecc
```
#3c7ecc rgb(60,126,204)
```
#327ed5
```
#327ed5 rgb(50,126,213)
```
#297ddf
```
#297ddf rgb(41,125,223)
```
#1f7ce8
```
#1f7ce8 rgb(31,124,232)
```
#167cf2
```
#167cf2 rgb(22,124,242)
```
#0c7bfb
```
#0c7bfb rgb(12,123,251)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6b7784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a81c1 Protanopia 1% of men
#5b83c6 Deuteranopia 1% of men
#2e8f99 Tritanopia 0.001% of the population

Trichromacy

#5c80c1 Protanomaly 1% of men, 0.01% of women
#5381c4 Deuteranomaly 6% of men, 0.4% of women
#3689a8 Tritanomaly 0.01% of the population

#457fc2 hex color

#457fc2 Color Information

#457fc2 Color Conversion

Color Schemes with #457fc2

Alternatives to #457fc2

#457fc2 Preview

Shades and Tints of #457fc2

Tones of #457fc2

Color Blindness Simulator