#457f94 hex color

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

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

● #457f94 color description : Dark moderate blue.

The hexadecimal color #457f94 has RGB values of R:69, G:127, B:148 and CMYK values of C:0.53, M:0.14, Y:0, K:0.42. Its decimal value is 4554644.

Hex triplet	457f94	`#457f94`
RGB Decimal	69, 127, 148	`rgb(69,127,148)`
RGB Percent	27.1, 49.8, 58	`rgb(27.1%,49.8%,58%)`
CMYK	53, 14, 0, 42
HSL	195.9°, 36.4, 42.5	`hsl(195.9,36.4%,42.5%)`
HSV (or HSB)	195.9°, 53.4, 58
Web Safe	336699	`#336699`

CIE-LAB	50.193, -12.808, -17.149
XYZ	15.388, 18.581, 30.791
xyY	0.238, 0.287, 18.581
CIE-LCH	50.193, 21.404, 233.245
CIE-LUV	50.193, -25.174, -23.251
Hunter-Lab	43.106, -11.716, -12.178
Binary	01000101, 01111111, 10010100

#457f94
```
#457f94 rgb(69,127,148)
```
#945a45
```
#945a45 rgb(148,90,69)
```

Complementary Color

#459482
```
#459482 rgb(69,148,130)
```
#457f94
```
#457f94 rgb(69,127,148)
```
#455894
```
#455894 rgb(69,88,148)
```

Analogous Color

#948245
```
#948245 rgb(148,130,69)
```
#457f94
```
#457f94 rgb(69,127,148)
```
#944558
```
#944558 rgb(148,69,88)
```

Split Complementary Color

#7f9445
```
#7f9445 rgb(127,148,69)
```
#457f94
```
#457f94 rgb(69,127,148)
```
#94457f
```
#94457f rgb(148,69,127)
```

Triadic Color

#45945a
```
#45945a rgb(69,148,90)
```
#457f94
```
#457f94 rgb(69,127,148)
```
#94457f
```
#94457f rgb(148,69,127)
```
#945a45
```
#945a45 rgb(148,90,69)
```

Tetradic Color

#2d5260
```
#2d5260 rgb(45,82,96)
```
#356171
```
#356171 rgb(53,97,113)
```
#3d7083
```
#3d7083 rgb(61,112,131)
```
#457f94
```
#457f94 rgb(69,127,148)
```
#4d8ea5
```
#4d8ea5 rgb(77,142,165)
```
#5a9bb2
```
#5a9bb2 rgb(90,155,178)
```
#6ba5ba
```
#6ba5ba rgb(107,165,186)
```

Monochromatic Color

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

#459394
```
#459394 rgb(69,147,148)
```
#458c94
```
#458c94 rgb(69,140,148)
```
#458694
```
#458694 rgb(69,134,148)
```
#457f94
```
#457f94 rgb(69,127,148)
```
#457894
```
#457894 rgb(69,120,148)
```
#457294
```
#457294 rgb(69,114,148)
```
#456b94
```
#456b94 rgb(69,107,148)
```

Similar Colors

Text with hexadecimal color #457f94

This text has a font color of #457f94.

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

#457f94 background color

This paragraph has a background color of #457f94.

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

#457f94 border color

This element has a border color of #457f94.

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

CSS codes

.text {color:#457f94;}

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

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

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 #f2f7f9 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#070c0e
```
#070c0e rgb(7,12,14)
```
#0d181c
```
#0d181c rgb(13,24,28)
```
#132329
```
#132329 rgb(19,35,41)
```
#192f36
```
#192f36 rgb(25,47,54)
```
#203a44
```
#203a44 rgb(32,58,68)
```
#264651
```
#264651 rgb(38,70,81)
```
#2c515e
```
#2c515e rgb(44,81,94)
```
#325d6c
```
#325d6c rgb(50,93,108)
```
#396879
```
#396879 rgb(57,104,121)
```
#3f7487
```
#3f7487 rgb(63,116,135)
```
#457f94
```
#457f94 rgb(69,127,148)
```
#4b8aa1
```
#4b8aa1 rgb(75,138,161)
```

Shade Color Variation

#5296ae
```
#5296ae rgb(82,150,174)
```
#5f9eb5
```
#5f9eb5 rgb(95,158,181)
```
#6da6bb
```
#6da6bb rgb(109,166,187)
```
#7aaec1
```
#7aaec1 rgb(122,174,193)
```
#87b6c7
```
#87b6c7 rgb(135,182,199)
```
#95becd
```
#95becd rgb(149,190,205)
```
#a2c7d4
```
#a2c7d4 rgb(162,199,212)
```
#b0cfda
```
#b0cfda rgb(176,207,218)
```
#bdd7e0
```
#bdd7e0 rgb(189,215,224)
```
#cadfe6
```
#cadfe6 rgb(202,223,230)
```
#d8e7ed
```
#d8e7ed rgb(216,231,237)
```
#e5eff3
```
#e5eff3 rgb(229,239,243)
```
#f2f7f9
```
#f2f7f9 rgb(242,247,249)
```

Tint Color Variation

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

#666f73
```
#666f73 rgb(102,111,115)
```
#5e737b
```
#5e737b rgb(94,115,123)
```
#567783
```
#567783 rgb(86,119,131)
```
#4d7b8c
```
#4d7b8c rgb(77,123,140)
```
#457f94
```
#457f94 rgb(69,127,148)
```
#3d839c
```
#3d839c rgb(61,131,156)
```
#3487a5
```
#3487a5 rgb(52,135,165)
```
#2c8bad
```
#2c8bad rgb(44,139,173)
```
#248fb5
```
#248fb5 rgb(36,143,181)
```
#1b93be
```
#1b93be rgb(27,147,190)
```
#1396c6
```
#1396c6 rgb(19,150,198)
```
#0b9ace
```
#0b9ace rgb(11,154,206)
```
#029ed7
```
#029ed7 rgb(2,158,215)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#677377 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797d94 Protanopia 1% of men
#797c9d Deuteranopia 1% of men
#4a8791 Tritanopia 0.001% of the population

Trichromacy

#667e94 Protanomaly 1% of men, 0.01% of women
#667d99 Deuteranomaly 6% of men, 0.4% of women
#488492 Tritanomaly 0.01% of the population

#457f94 hex color

#457f94 Color Information

#457f94 Color Conversion

Color Schemes with #457f94

Alternatives to #457f94

#457f94 Preview

Shades and Tints of #457f94

Tones of #457f94

Color Blindness Simulator