#456694 hex color

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

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

● #456694 color description : Dark moderate blue.

The hexadecimal color #456694 has RGB values of R:69, G:102, B:148 and CMYK values of C:0.53, M:0.31, Y:0, K:0.42. Its decimal value is 4548244.

Hex triplet	456694	`#456694`
RGB Decimal	69, 102, 148	`rgb(69,102,148)`
RGB Percent	27.1, 40, 58	`rgb(27.1%,40%,58%)`
CMYK	53, 31, 0, 42
HSL	214.9°, 36.4, 42.5	`hsl(214.9,36.4%,42.5%)`
HSV (or HSB)	214.9°, 53.4, 58
Web Safe	336699	`#336699`

CIE-LAB	42.62, 1.932, -28.848
XYZ	12.55, 12.905, 29.845
xyY	0.227, 0.233, 12.905
CIE-LCH	42.62, 28.912, 273.831
CIE-LUV	42.62, -15.546, -41.831
Hunter-Lab	35.924, -0.51, -24.11
Binary	01000101, 01100110, 10010100

#456694
```
#456694 rgb(69,102,148)
```
#947345
```
#947345 rgb(148,115,69)
```

Complementary Color

#458e94
```
#458e94 rgb(69,142,148)
```
#456694
```
#456694 rgb(69,102,148)
```
#4c4594
```
#4c4594 rgb(76,69,148)
```

Analogous Color

#8e9445
```
#8e9445 rgb(142,148,69)
```
#456694
```
#456694 rgb(69,102,148)
```
#944c45
```
#944c45 rgb(148,76,69)
```

Split Complementary Color

#669445
```
#669445 rgb(102,148,69)
```
#456694
```
#456694 rgb(69,102,148)
```
#944566
```
#944566 rgb(148,69,102)
```

Triadic Color

#459473
```
#459473 rgb(69,148,115)
```
#456694
```
#456694 rgb(69,102,148)
```
#944566
```
#944566 rgb(148,69,102)
```
#947345
```
#947345 rgb(148,115,69)
```

Tetradic Color

#2d4260
```
#2d4260 rgb(45,66,96)
```
#354e71
```
#354e71 rgb(53,78,113)
```
#3d5a83
```
#3d5a83 rgb(61,90,131)
```
#456694
```
#456694 rgb(69,102,148)
```
#4d72a5
```
#4d72a5 rgb(77,114,165)
```
#5a7fb2
```
#5a7fb2 rgb(90,127,178)
```
#6b8cba
```
#6b8cba rgb(107,140,186)
```

Monochromatic Color

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

#457a94
```
#457a94 rgb(69,122,148)
```
#457394
```
#457394 rgb(69,115,148)
```
#456d94
```
#456d94 rgb(69,109,148)
```
#456694
```
#456694 rgb(69,102,148)
```
#455f94
```
#455f94 rgb(69,95,148)
```
#455994
```
#455994 rgb(69,89,148)
```
#455294
```
#455294 rgb(69,82,148)
```

Similar Colors

Text with hexadecimal color #456694

This text has a font color of #456694.

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

#456694 background color

This paragraph has a background color of #456694.

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

#456694 border color

This element has a border color of #456694.

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

CSS codes

.text {color:#456694;}

.background {background-color:#456694;}

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

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)
```
#131c29
```
#131c29 rgb(19,28,41)
```
#192536
```
#192536 rgb(25,37,54)
```
#202f44
```
#202f44 rgb(32,47,68)
```
#263851
```
#263851 rgb(38,56,81)
```
#2c415e
```
#2c415e rgb(44,65,94)
```
#324a6c
```
#324a6c rgb(50,74,108)
```
#395479
```
#395479 rgb(57,84,121)
```
#3f5d87
```
#3f5d87 rgb(63,93,135)
```
#456694
```
#456694 rgb(69,102,148)
```
#4b6fa1
```
#4b6fa1 rgb(75,111,161)
```

Shade Color Variation

#5279ae
```
#5279ae rgb(82,121,174)
```
#5f83b5
```
#5f83b5 rgb(95,131,181)
```
#6d8dbb
```
#6d8dbb rgb(109,141,187)
```
#7a98c1
```
#7a98c1 rgb(122,152,193)
```
#87a2c7
```
#87a2c7 rgb(135,162,199)
```
#95accd
```
#95accd rgb(149,172,205)
```
#a2b7d4
```
#a2b7d4 rgb(162,183,212)
```
#b0c1da
```
#b0c1da rgb(176,193,218)
```
#bdcce0
```
#bdcce0 rgb(189,204,224)
```
#cad6e6
```
#cad6e6 rgb(202,214,230)
```
#d8e0ed
```
#d8e0ed rgb(216,224,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, #666b73 is the less saturated color, while #025bd7 is the most saturated one.

#666b73
```
#666b73 rgb(102,107,115)
```
#5e6a7b
```
#5e6a7b rgb(94,106,123)
```
#566983
```
#566983 rgb(86,105,131)
```
#4d678c
```
#4d678c rgb(77,103,140)
```
#456694
```
#456694 rgb(69,102,148)
```
#3d659c
```
#3d659c rgb(61,101,156)
```
#3463a5
```
#3463a5 rgb(52,99,165)
```
#2c62ad
```
#2c62ad rgb(44,98,173)
```
#2461b5
```
#2461b5 rgb(36,97,181)
```
#1b5fbe
```
#1b5fbe rgb(27,95,190)
```
#135ec6
```
#135ec6 rgb(19,94,198)
```
#0b5cce
```
#0b5cce rgb(11,92,206)
```
#025bd7
```
#025bd7 rgb(2,91,215)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5b626b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6b97 Protanopia 1% of men
#576c9a Deuteranopia 1% of men
#41737c Tritanopia 0.001% of the population

Trichromacy

#546996 Protanomaly 1% of men, 0.01% of women
#506998 Deuteranomaly 6% of men, 0.4% of women
#436e84 Tritanomaly 0.01% of the population

#456694 hex color

#456694 Color Information

#456694 Color Conversion

Color Schemes with #456694

Alternatives to #456694

#456694 Preview

Shades and Tints of #456694

Tones of #456694

Color Blindness Simulator