#457394 hex color

In a RGB color space, hex #457394 is composed of 27.1% red, 45.1% green and 58% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 22.3% magenta, 0% yellow and 42% black. It has a hue angle of 205.1 degrees, a saturation of 36.4% and a lightness of 42.5%. #457394 color hex could be obtained by blending #8ae6ff with #000029. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 27
- G 45
- B 58
RGB color chart
- C 53
- M 22
- Y 0
- K 42
CMYK color chart

● #457394 color description : Dark moderate blue.

The hexadecimal color #457394 has RGB values of R:69, G:115, B:148 and CMYK values of C:0.53, M:0.22, Y:0, K:0.42. Its decimal value is 4551572.

Hex triplet	457394	`#457394`
RGB Decimal	69, 115, 148	`rgb(69,115,148)`
RGB Percent	27.1, 45.1, 58	`rgb(27.1%,45.1%,58%)`
CMYK	53, 22, 0, 42
HSL	205.1°, 36.4, 42.5	`hsl(205.1,36.4%,42.5%)`
HSV (or HSB)	205.1°, 53.4, 58
Web Safe	336699	`#336699`

CIE-LAB	46.531, -5.917, -22.77
XYZ	13.929, 15.664, 30.305
xyY	0.233, 0.262, 15.664
CIE-LCH	46.531, 23.526, 255.433
CIE-LUV	46.531, -20.491, -32.339
Hunter-Lab	39.578, -6.44, -17.694
Binary	01000101, 01110011, 10010100

#457394
```
#457394 rgb(69,115,148)
```
#946645
```
#946645 rgb(148,102,69)
```

Complementary Color

#45948e
```
#45948e rgb(69,148,142)
```
#457394
```
#457394 rgb(69,115,148)
```
#454c94
```
#454c94 rgb(69,76,148)
```

Analogous Color

#948e45
```
#948e45 rgb(148,142,69)
```
#457394
```
#457394 rgb(69,115,148)
```
#94454c
```
#94454c rgb(148,69,76)
```

Split Complementary Color

#739445
```
#739445 rgb(115,148,69)
```
#457394
```
#457394 rgb(69,115,148)
```
#944573
```
#944573 rgb(148,69,115)
```

Triadic Color

#459466
```
#459466 rgb(69,148,102)
```
#457394
```
#457394 rgb(69,115,148)
```
#944573
```
#944573 rgb(148,69,115)
```
#946645
```
#946645 rgb(148,102,69)
```

Tetradic Color

#2d4a60
```
#2d4a60 rgb(45,74,96)
```
#355871
```
#355871 rgb(53,88,113)
```
#3d6583
```
#3d6583 rgb(61,101,131)
```
#457394
```
#457394 rgb(69,115,148)
```
#4d81a5
```
#4d81a5 rgb(77,129,165)
```
#5a8db2
```
#5a8db2 rgb(90,141,178)
```
#6b99ba
```
#6b99ba rgb(107,153,186)
```

Monochromatic Color

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

#458794
```
#458794 rgb(69,135,148)
```
#458094
```
#458094 rgb(69,128,148)
```
#457a94
```
#457a94 rgb(69,122,148)
```
#457394
```
#457394 rgb(69,115,148)
```
#456c94
```
#456c94 rgb(69,108,148)
```
#456694
```
#456694 rgb(69,102,148)
```
#455f94
```
#455f94 rgb(69,95,148)
```

Similar Colors

Text with hexadecimal color #457394

This text has a font color of #457394.

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

#457394 background color

This paragraph has a background color of #457394.

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

#457394 border color

This element has a border color of #457394.

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

CSS codes

.text {color:#457394;}

.background {background-color:#457394;}

.border {border:1px solid #457394;}

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

#000101
```
#000101 rgb(0,1,1)
```
#070b0e
```
#070b0e rgb(7,11,14)
```
#0d151c
```
#0d151c rgb(13,21,28)
```
#132029
```
#132029 rgb(19,32,41)
```
#192a36
```
#192a36 rgb(25,42,54)
```
#203544
```
#203544 rgb(32,53,68)
```
#263f51
```
#263f51 rgb(38,63,81)
```
#2c495e
```
#2c495e rgb(44,73,94)
```
#32546c
```
#32546c rgb(50,84,108)
```
#395e79
```
#395e79 rgb(57,94,121)
```
#3f6987
```
#3f6987 rgb(63,105,135)
```
#457394
```
#457394 rgb(69,115,148)
```
#4b7da1
```
#4b7da1 rgb(75,125,161)
```

Shade Color Variation

#5288ae
```
#5288ae rgb(82,136,174)
```
#5f91b5
```
#5f91b5 rgb(95,145,181)
```
#6d9abb
```
#6d9abb rgb(109,154,187)
```
#7aa3c1
```
#7aa3c1 rgb(122,163,193)
```
#87adc7
```
#87adc7 rgb(135,173,199)
```
#95b6cd
```
#95b6cd rgb(149,182,205)
```
#a2bfd4
```
#a2bfd4 rgb(162,191,212)
```
#b0c8da
```
#b0c8da rgb(176,200,218)
```
#bdd1e0
```
#bdd1e0 rgb(189,209,224)
```
#cadbe6
```
#cadbe6 rgb(202,219,230)
```
#d8e4ed
```
#d8e4ed rgb(216,228,237)
```
#e5edf3
```
#e5edf3 rgb(229,237,243)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666e73 is the less saturated color, while #027ed7 is the most saturated one.

#666e73
```
#666e73 rgb(102,110,115)
```
#5e6f7b
```
#5e6f7b rgb(94,111,123)
```
#567083
```
#567083 rgb(86,112,131)
```
#4d728c
```
#4d728c rgb(77,114,140)
```
#457394
```
#457394 rgb(69,115,148)
```
#3d749c
```
#3d749c rgb(61,116,156)
```
#3476a5
```
#3476a5 rgb(52,118,165)
```
#2c77ad
```
#2c77ad rgb(44,119,173)
```
#2478b5
```
#2478b5 rgb(36,120,181)
```
#1b7abe
```
#1b7abe rgb(27,122,190)
```
#137bc6
```
#137bc6 rgb(19,123,198)
```
#0b7dce
```
#0b7dce rgb(11,125,206)
```
#027ed7
```
#027ed7 rgb(2,126,215)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#626b72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7495 Protanopia 1% of men
#69749b Deuteranopia 1% of men
#467d86 Tritanopia 0.001% of the population

Trichromacy

#5e7395 Protanomaly 1% of men, 0.01% of women
#5c7398 Deuteranomaly 6% of men, 0.4% of women
#45798b Tritanomaly 0.01% of the population

#457394 hex color

#457394 Color Information

#457394 Color Conversion

Color Schemes with #457394

Alternatives to #457394

#457394 Preview

Shades and Tints of #457394

Tones of #457394

Color Blindness Simulator