#454a72 hex color

In a RGB color space, hex #454a72 is composed of 27.1% red, 29% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 39.5% cyan, 35.1% magenta, 0% yellow and 55.3% black. It has a hue angle of 233.3 degrees, a saturation of 24.6% and a lightness of 35.9%. #454a72 color hex could be obtained by blending #8a94e4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 29
- B 45
RGB color chart
- C 39
- M 35
- Y 0
- K 55
CMYK color chart

● #454a72 color description : Very dark desaturated blue.

The hexadecimal color #454a72 has RGB values of R:69, G:74, B:114 and CMYK values of C:0.39, M:0.35, Y:0, K:0.55. Its decimal value is 4541042.

Hex triplet	454a72	`#454a72`
RGB Decimal	69, 74, 114	`rgb(69,74,114)`
RGB Percent	27.1, 29, 44.7	`rgb(27.1%,29%,44.7%)`
CMYK	39, 35, 0, 55
HSL	233.3°, 24.6, 35.9	`hsl(233.3,24.6%,35.9%)`
HSV (or HSB)	233.3°, 39.5, 44.7
Web Safe	333366	`#333366`

CIE-LAB	32.651, 8.867, -23.653
XYZ	7.94, 7.377, 16.924
xyY	0.246, 0.229, 7.377
CIE-LCH	32.651, 25.26, 290.55
CIE-LUV	32.651, -4.387, -32.396
Hunter-Lab	27.162, 4.645, -17.931
Binary	01000101, 01001010, 01110010

#454a72
```
#454a72 rgb(69,74,114)
```
#726d45
```
#726d45 rgb(114,109,69)
```

Complementary Color

#456172
```
#456172 rgb(69,97,114)
```
#454a72
```
#454a72 rgb(69,74,114)
```
#574572
```
#574572 rgb(87,69,114)
```

Analogous Color

#617245
```
#617245 rgb(97,114,69)
```
#454a72
```
#454a72 rgb(69,74,114)
```
#725745
```
#725745 rgb(114,87,69)
```

Split Complementary Color

#4a7245
```
#4a7245 rgb(74,114,69)
```
#454a72
```
#454a72 rgb(69,74,114)
```
#72454a
```
#72454a rgb(114,69,74)
```

Triadic Color

#45726d
```
#45726d rgb(69,114,109)
```
#454a72
```
#454a72 rgb(69,74,114)
```
#72454a
```
#72454a rgb(114,69,74)
```
#726d45
```
#726d45 rgb(114,109,69)
```

Tetradic Color

#282b42
```
#282b42 rgb(40,43,66)
```
#323552
```
#323552 rgb(50,53,82)
```
#3b4062
```
#3b4062 rgb(59,64,98)
```
#454a72
```
#454a72 rgb(69,74,114)
```
#4f5482
```
#4f5482 rgb(79,84,130)
```
#585f92
```
#585f92 rgb(88,95,146)
```
#636aa1
```
#636aa1 rgb(99,106,161)
```

Monochromatic Color

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

#455572
```
#455572 rgb(69,85,114)
```
#455272
```
#455272 rgb(69,82,114)
```
#454e72
```
#454e72 rgb(69,78,114)
```
#454a72
```
#454a72 rgb(69,74,114)
```
#454672
```
#454672 rgb(69,70,114)
```
#484572
```
#484572 rgb(72,69,114)
```
#4b4572
```
#4b4572 rgb(75,69,114)
```

Similar Colors

Text with hexadecimal color #454a72

This text has a font color of #454a72.

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

#454a72 background color

This paragraph has a background color of #454a72.

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

#454a72 border color

This element has a border color of #454a72.

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

CSS codes

.text {color:#454a72;}

.background {background-color:#454a72;}

.border {border:1px solid #454a72;}

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

#020304
```
#020304 rgb(2,3,4)
```
#0a0b10
```
#0a0b10 rgb(10,11,16)
```
#11121c
```
#11121c rgb(17,18,28)
```
#191a29
```
#191a29 rgb(25,26,41)
```
#202235
```
#202235 rgb(32,34,53)
```
#272a41
```
#272a41 rgb(39,42,65)
```
#2f324d
```
#2f324d rgb(47,50,77)
```
#363a5a
```
#363a5a rgb(54,58,90)
```
#3e4266
```
#3e4266 rgb(62,66,102)
```
#454a72
```
#454a72 rgb(69,74,114)
```
#4c527e
```
#4c527e rgb(76,82,126)
```
#545a8a
```
#545a8a rgb(84,90,138)
```
#5b6297
```
#5b6297 rgb(91,98,151)
```

Shade Color Variation

#646ba1
```
#646ba1 rgb(100,107,161)
```
#7077a9
```
#7077a9 rgb(112,119,169)
```
#7d82b0
```
#7d82b0 rgb(125,130,176)
```
#898eb7
```
#898eb7 rgb(137,142,183)
```
#959abf
```
#959abf rgb(149,154,191)
```
#a1a5c6
```
#a1a5c6 rgb(161,165,198)
```
#adb1ce
```
#adb1ce rgb(173,177,206)
```
#babdd5
```
#babdd5 rgb(186,189,213)
```
#c6c8dc
```
#c6c8dc rgb(198,200,220)
```
#d2d4e4
```
#d2d4e4 rgb(210,212,228)
```
#dee0eb
```
#dee0eb rgb(222,224,235)
```
#ebebf3
```
#ebebf3 rgb(235,235,243)
```
#f7f7fa
```
#f7f7fa rgb(247,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5a5d is the less saturated color, while #0619b1 is the most saturated one.

#5a5a5d
```
#5a5a5d rgb(90,90,93)
```
#535564
```
#535564 rgb(83,85,100)
```
#4c4f6b
```
#4c4f6b rgb(76,79,107)
```
#454a72
```
#454a72 rgb(69,74,114)
```
#3e4579
```
#3e4579 rgb(62,69,121)
```
#373f80
```
#373f80 rgb(55,63,128)
```
#303a87
```
#303a87 rgb(48,58,135)
```
#29348e
```
#29348e rgb(41,52,142)
```
#222f95
```
#222f95 rgb(34,47,149)
```
#1b299c
```
#1b299c rgb(27,41,156)
```
#1424a3
```
#1424a3 rgb(20,36,163)
```
#0d1eaa
```
#0d1eaa rgb(13,30,170)
```
#0619b1
```
#0619b1 rgb(6,25,177)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4b4c54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#48547a Protanopia 1% of men
#475578 Deuteranopia 1% of men
#47585f Tritanopia 0.001% of the population

Trichromacy

#475077 Protanomaly 1% of men, 0.01% of women
#465176 Deuteranomaly 6% of men, 0.4% of women
#465366 Tritanomaly 0.01% of the population

#454a72 hex color

#454a72 Color Information

#454a72 Color Conversion

Color Schemes with #454a72

Alternatives to #454a72

#454a72 Preview

Shades and Tints of #454a72

Tones of #454a72

Color Blindness Simulator