#457694 hex color

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

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

● #457694 color description : Dark moderate blue.

The hexadecimal color #457694 has RGB values of R:69, G:118, B:148 and CMYK values of C:0.53, M:0.2, Y:0, K:0.42. Its decimal value is 4552340.

Hex triplet	457694	`#457694`
RGB Decimal	69, 118, 148	`rgb(69,118,148)`
RGB Percent	27.1, 46.3, 58	`rgb(27.1%,46.3%,58%)`
CMYK	53, 20, 0, 42
HSL	202.8°, 36.4, 42.5	`hsl(202.8,36.4%,42.5%)`
HSV (or HSB)	202.8°, 53.4, 58
Web Safe	336699	`#336699`

CIE-LAB	47.442, -7.672, -21.364
XYZ	14.277, 16.359, 30.421
xyY	0.234, 0.268, 16.359
CIE-LCH	47.442, 22.7, 250.245
CIE-LUV	47.442, -21.654, -30.086
Hunter-Lab	40.447, -7.776, -16.28
Binary	01000101, 01110110, 10010100

#457694
```
#457694 rgb(69,118,148)
```
#946345
```
#946345 rgb(148,99,69)
```

Complementary Color

#45948b
```
#45948b rgb(69,148,139)
```
#457694
```
#457694 rgb(69,118,148)
```
#454f94
```
#454f94 rgb(69,79,148)
```

Analogous Color

#948b45
```
#948b45 rgb(148,139,69)
```
#457694
```
#457694 rgb(69,118,148)
```
#94454f
```
#94454f rgb(148,69,79)
```

Split Complementary Color

#769445
```
#769445 rgb(118,148,69)
```
#457694
```
#457694 rgb(69,118,148)
```
#944576
```
#944576 rgb(148,69,118)
```

Triadic Color

#459463
```
#459463 rgb(69,148,99)
```
#457694
```
#457694 rgb(69,118,148)
```
#944576
```
#944576 rgb(148,69,118)
```
#946345
```
#946345 rgb(148,99,69)
```

Tetradic Color

#2d4c60
```
#2d4c60 rgb(45,76,96)
```
#355a71
```
#355a71 rgb(53,90,113)
```
#3d6883
```
#3d6883 rgb(61,104,131)
```
#457694
```
#457694 rgb(69,118,148)
```
#4d84a5
```
#4d84a5 rgb(77,132,165)
```
#5a91b2
```
#5a91b2 rgb(90,145,178)
```
#6b9cba
```
#6b9cba rgb(107,156,186)
```

Monochromatic Color

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

#458a94
```
#458a94 rgb(69,138,148)
```
#458394
```
#458394 rgb(69,131,148)
```
#457d94
```
#457d94 rgb(69,125,148)
```
#457694
```
#457694 rgb(69,118,148)
```
#456f94
```
#456f94 rgb(69,111,148)
```
#456994
```
#456994 rgb(69,105,148)
```
#456294
```
#456294 rgb(69,98,148)
```

Similar Colors

Text with hexadecimal color #457694

This text has a font color of #457694.

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

#457694 background color

This paragraph has a background color of #457694.

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

#457694 border color

This element has a border color of #457694.

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

CSS codes

.text {color:#457694;}

.background {background-color:#457694;}

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

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)
```
#070b0e
```
#070b0e rgb(7,11,14)
```
#0d161c
```
#0d161c rgb(13,22,28)
```
#132129
```
#132129 rgb(19,33,41)
```
#192b36
```
#192b36 rgb(25,43,54)
```
#203644
```
#203644 rgb(32,54,68)
```
#264151
```
#264151 rgb(38,65,81)
```
#2c4b5e
```
#2c4b5e rgb(44,75,94)
```
#32566c
```
#32566c rgb(50,86,108)
```
#396179
```
#396179 rgb(57,97,121)
```
#3f6b87
```
#3f6b87 rgb(63,107,135)
```
#457694
```
#457694 rgb(69,118,148)
```
#4b81a1
```
#4b81a1 rgb(75,129,161)
```

Shade Color Variation

#528bae
```
#528bae rgb(82,139,174)
```
#5f94b5
```
#5f94b5 rgb(95,148,181)
```
#6d9dbb
```
#6d9dbb rgb(109,157,187)
```
#7aa6c1
```
#7aa6c1 rgb(122,166,193)
```
#87afc7
```
#87afc7 rgb(135,175,199)
```
#95b8cd
```
#95b8cd rgb(149,184,205)
```
#a2c1d4
```
#a2c1d4 rgb(162,193,212)
```
#b0cada
```
#b0cada rgb(176,202,218)
```
#bdd3e0
```
#bdd3e0 rgb(189,211,224)
```
#cadce6
```
#cadce6 rgb(202,220,230)
```
#d8e5ed
```
#d8e5ed rgb(216,229,237)
```
#e5eef3
```
#e5eef3 rgb(229,238,243)
```
#f2f7f9
```
#f2f7f9 rgb(242,247,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 #0286d7 is the most saturated one.

#666e73
```
#666e73 rgb(102,110,115)
```
#5e707b
```
#5e707b rgb(94,112,123)
```
#567283
```
#567283 rgb(86,114,131)
```
#4d748c
```
#4d748c rgb(77,116,140)
```
#457694
```
#457694 rgb(69,118,148)
```
#3d789c
```
#3d789c rgb(61,120,156)
```
#347aa5
```
#347aa5 rgb(52,122,165)
```
#2c7cad
```
#2c7cad rgb(44,124,173)
```
#247eb5
```
#247eb5 rgb(36,126,181)
```
#1b80be
```
#1b80be rgb(27,128,190)
```
#1382c6
```
#1382c6 rgb(19,130,198)
```
#0b84ce
```
#0b84ce rgb(11,132,206)
```
#0286d7
```
#0286d7 rgb(2,134,215)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#636d73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7695 Protanopia 1% of men
#6d769c Deuteranopia 1% of men
#478089 Tritanopia 0.001% of the population

Trichromacy

#607694 Protanomaly 1% of men, 0.01% of women
#5e7699 Deuteranomaly 6% of men, 0.4% of women
#467c8d Tritanomaly 0.01% of the population

#457694 hex color

#457694 Color Information

#457694 Color Conversion

Color Schemes with #457694

Alternatives to #457694

#457694 Preview

Shades and Tints of #457694

Tones of #457694

Color Blindness Simulator