#456894 hex color

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

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

● #456894 color description : Dark moderate blue.

The hexadecimal color #456894 has RGB values of R:69, G:104, B:148 and CMYK values of C:0.53, M:0.3, Y:0, K:0.42. Its decimal value is 4548756.

Hex triplet	456894	`#456894`
RGB Decimal	69, 104, 148	`rgb(69,104,148)`
RGB Percent	27.1, 40.8, 58	`rgb(27.1%,40.8%,58%)`
CMYK	53, 30, 0, 42
HSL	213.4°, 36.4, 42.5	`hsl(213.4,36.4%,42.5%)`
HSV (or HSB)	213.4°, 53.4, 58
Web Safe	336699	`#336699`

CIE-LAB	43.217, 0.7, -27.916
XYZ	12.749, 13.303, 29.911
xyY	0.228, 0.238, 13.303
CIE-LCH	43.217, 27.925, 271.436
CIE-LUV	43.217, -16.294, -40.407
Hunter-Lab	36.474, -1.438, -23.091
Binary	01000101, 01101000, 10010100

#456894
```
#456894 rgb(69,104,148)
```
#947145
```
#947145 rgb(148,113,69)
```

Complementary Color

#459094
```
#459094 rgb(69,144,148)
```
#456894
```
#456894 rgb(69,104,148)
```
#4a4594
```
#4a4594 rgb(74,69,148)
```

Analogous Color

#909445
```
#909445 rgb(144,148,69)
```
#456894
```
#456894 rgb(69,104,148)
```
#944a45
```
#944a45 rgb(148,74,69)
```

Split Complementary Color

#689445
```
#689445 rgb(104,148,69)
```
#456894
```
#456894 rgb(69,104,148)
```
#944568
```
#944568 rgb(148,69,104)
```

Triadic Color

#459471
```
#459471 rgb(69,148,113)
```
#456894
```
#456894 rgb(69,104,148)
```
#944568
```
#944568 rgb(148,69,104)
```
#947145
```
#947145 rgb(148,113,69)
```

Tetradic Color

#2d4360
```
#2d4360 rgb(45,67,96)
```
#355071
```
#355071 rgb(53,80,113)
```
#3d5c83
```
#3d5c83 rgb(61,92,131)
```
#456894
```
#456894 rgb(69,104,148)
```
#4d74a5
```
#4d74a5 rgb(77,116,165)
```
#5a81b2
```
#5a81b2 rgb(90,129,178)
```
#6b8eba
```
#6b8eba rgb(107,142,186)
```

Monochromatic Color

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

#457c94
```
#457c94 rgb(69,124,148)
```
#457594
```
#457594 rgb(69,117,148)
```
#456f94
```
#456f94 rgb(69,111,148)
```
#456894
```
#456894 rgb(69,104,148)
```
#456194
```
#456194 rgb(69,97,148)
```
#455b94
```
#455b94 rgb(69,91,148)
```
#455494
```
#455494 rgb(69,84,148)
```

Similar Colors

Text with hexadecimal color #456894

This text has a font color of #456894.

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

#456894 background color

This paragraph has a background color of #456894.

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

#456894 border color

This element has a border color of #456894.

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

CSS codes

.text {color:#456894;}

.background {background-color:#456894;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070a0e
```
#070a0e rgb(7,10,14)
```
#0d131c
```
#0d131c rgb(13,19,28)
```
#131d29
```
#131d29 rgb(19,29,41)
```
#192636
```
#192636 rgb(25,38,54)
```
#203044
```
#203044 rgb(32,48,68)
```
#263951
```
#263951 rgb(38,57,81)
```
#2c425e
```
#2c425e rgb(44,66,94)
```
#324c6c
```
#324c6c rgb(50,76,108)
```
#395579
```
#395579 rgb(57,85,121)
```
#3f5f87
```
#3f5f87 rgb(63,95,135)
```
#456894
```
#456894 rgb(69,104,148)
```
#4b71a1
```
#4b71a1 rgb(75,113,161)
```

Shade Color Variation

#527bae
```
#527bae rgb(82,123,174)
```
#5f85b5
```
#5f85b5 rgb(95,133,181)
```
#6d8fbb
```
#6d8fbb rgb(109,143,187)
```
#7a99c1
```
#7a99c1 rgb(122,153,193)
```
#87a4c7
```
#87a4c7 rgb(135,164,199)
```
#95aecd
```
#95aecd rgb(149,174,205)
```
#a2b8d4
```
#a2b8d4 rgb(162,184,212)
```
#b0c2da
```
#b0c2da rgb(176,194,218)
```
#bdcde0
```
#bdcde0 rgb(189,205,224)
```
#cad7e6
```
#cad7e6 rgb(202,215,230)
```
#d8e1ed
```
#d8e1ed rgb(216,225,237)
```
#e5ebf3
```
#e5ebf3 rgb(229,235,243)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```

Tint Color Variation

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

#666c73
```
#666c73 rgb(102,108,115)
```
#5e6b7b
```
#5e6b7b rgb(94,107,123)
```
#566a83
```
#566a83 rgb(86,106,131)
```
#4d698c
```
#4d698c rgb(77,105,140)
```
#456894
```
#456894 rgb(69,104,148)
```
#3d679c
```
#3d679c rgb(61,103,156)
```
#3466a5
```
#3466a5 rgb(52,102,165)
```
#2c65ad
```
#2c65ad rgb(44,101,173)
```
#2464b5
```
#2464b5 rgb(36,100,181)
```
#1b63be
```
#1b63be rgb(27,99,190)
```
#1362c6
```
#1362c6 rgb(19,98,198)
```
#0b61ce
```
#0b61ce rgb(11,97,206)
```
#0260d7
```
#0260d7 rgb(2,96,215)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5d646d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6c97 Protanopia 1% of men
#5a6d9a Deuteranopia 1% of men
#42757e Tritanopia 0.001% of the population

Trichromacy

#566a96 Protanomaly 1% of men, 0.01% of women
#526b98 Deuteranomaly 6% of men, 0.4% of women
#437086 Tritanomaly 0.01% of the population

#456894 hex color

#456894 Color Information

#456894 Color Conversion

Color Schemes with #456894

Alternatives to #456894

#456894 Preview

Shades and Tints of #456894

Tones of #456894

Color Blindness Simulator