#454860 hex color

In a RGB color space, hex #454860 is composed of 27.1% red, 28.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 25% magenta, 0% yellow and 62.4% black. It has a hue angle of 233.3 degrees, a saturation of 16.4% and a lightness of 32.4%. #454860 color hex could be obtained by blending #8a90c0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 28
- B 38
RGB color chart
- C 28
- M 25
- Y 0
- K 62
CMYK color chart

● #454860 color description : Very dark grayish blue.

The hexadecimal color #454860 has RGB values of R:69, G:72, B:96 and CMYK values of C:0.28, M:0.25, Y:0, K:0.62. Its decimal value is 4540512.

Hex triplet	454860	`#454860`
RGB Decimal	69, 72, 96	`rgb(69,72,96)`
RGB Percent	27.1, 28.2, 37.6	`rgb(27.1%,28.2%,37.6%)`
CMYK	28, 25, 0, 62
HSL	233.3°, 16.4, 32.4	`hsl(233.3,16.4%,32.4%)`
HSV (or HSB)	233.3°, 28.1, 37.6
Web Safe	333366	`#333366`

CIE-LAB	31.218, 4.879, -14.492
XYZ	6.883, 6.744, 12.005
xyY	0.269, 0.263, 6.744
CIE-LCH	31.218, 15.292, 288.608
CIE-LUV	31.218, -2.736, -19.073
Hunter-Lab	25.97, 1.859, -9.229
Binary	01000101, 01001000, 01100000

#454860
```
#454860 rgb(69,72,96)
```
#605d45
```
#605d45 rgb(96,93,69)
```

Complementary Color

#455660
```
#455660 rgb(69,86,96)
```
#454860
```
#454860 rgb(69,72,96)
```
#504560
```
#504560 rgb(80,69,96)
```

Analogous Color

#566045
```
#566045 rgb(86,96,69)
```
#454860
```
#454860 rgb(69,72,96)
```
#605045
```
#605045 rgb(96,80,69)
```

Split Complementary Color

#486045
```
#486045 rgb(72,96,69)
```
#454860
```
#454860 rgb(69,72,96)
```
#604548
```
#604548 rgb(96,69,72)
```

Triadic Color

#45605d
```
#45605d rgb(69,96,93)
```
#454860
```
#454860 rgb(69,72,96)
```
#604548
```
#604548 rgb(96,69,72)
```
#605d45
```
#605d45 rgb(96,93,69)
```

Tetradic Color

#252733
```
#252733 rgb(37,39,51)
```
#303242
```
#303242 rgb(48,50,66)
```
#3a3d51
```
#3a3d51 rgb(58,61,81)
```
#454860
```
#454860 rgb(69,72,96)
```
#50536f
```
#50536f rgb(80,83,111)
```
#5a5e7e
```
#5a5e7e rgb(90,94,126)
```
#65698d
```
#65698d rgb(101,105,141)
```

Monochromatic Color

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

#454f60
```
#454f60 rgb(69,79,96)
```
#454d60
```
#454d60 rgb(69,77,96)
```
#454a60
```
#454a60 rgb(69,74,96)
```
#454860
```
#454860 rgb(69,72,96)
```
#454660
```
#454660 rgb(69,70,96)
```
#474560
```
#474560 rgb(71,69,96)
```
#494560
```
#494560 rgb(73,69,96)
```

Similar Colors

Text with hexadecimal color #454860

This text has a font color of #454860.

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

#454860 background color

This paragraph has a background color of #454860.

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

#454860 border color

This element has a border color of #454860.

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

CSS codes

.text {color:#454860;}

.background {background-color:#454860;}

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0c0c10
```
#0c0c10 rgb(12,12,16)
```
#14151c
```
#14151c rgb(20,21,28)
```
#1c1d27
```
#1c1d27 rgb(28,29,39)
```
#242632
```
#242632 rgb(36,38,50)
```
#2c2e3e
```
#2c2e3e rgb(44,46,62)
```
#353749
```
#353749 rgb(53,55,73)
```
#3d3f55
```
#3d3f55 rgb(61,63,85)
```
#454860
```
#454860 rgb(69,72,96)
```
#4d516b
```
#4d516b rgb(77,81,107)
```
#555977
```
#555977 rgb(85,89,119)
```
#5e6282
```
#5e6282 rgb(94,98,130)
```
#666a8e
```
#666a8e rgb(102,106,142)
```

Shade Color Variation

#6f7498
```
#6f7498 rgb(111,116,152)
```
#7b7fa0
```
#7b7fa0 rgb(123,127,160)
```
#868aa8
```
#868aa8 rgb(134,138,168)
```
#9295b0
```
#9295b0 rgb(146,149,176)
```
#9da0b9
```
#9da0b9 rgb(157,160,185)
```
#a8abc1
```
#a8abc1 rgb(168,171,193)
```
#b4b6c9
```
#b4b6c9 rgb(180,182,201)
```
#bfc1d1
```
#bfc1d1 rgb(191,193,209)
```
#cbccd9
```
#cbccd9 rgb(203,204,217)
```
#d6d7e2
```
#d6d7e2 rgb(214,215,226)
```
#e1e2ea
```
#e1e2ea rgb(225,226,234)
```
#ededf2
```
#ededf2 rgb(237,237,242)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525253 is the less saturated color, while #06179f is the most saturated one.

#525253
```
#525253 rgb(82,82,83)
```
#4b4d5a
```
#4b4d5a rgb(75,77,90)
```
#454860
```
#454860 rgb(69,72,96)
```
#3f4366
```
#3f4366 rgb(63,67,102)
```
#383e6d
```
#383e6d rgb(56,62,109)
```
#323973
```
#323973 rgb(50,57,115)
```
#2c3479
```
#2c3479 rgb(44,52,121)
```
#252f80
```
#252f80 rgb(37,47,128)
```
#1f2a86
```
#1f2a86 rgb(31,42,134)
```
#19258c
```
#19258c rgb(25,37,140)
```
#122193
```
#122193 rgb(18,33,147)
```
#0c1c99
```
#0c1c99 rgb(12,28,153)
```
#06179f
```
#06179f rgb(6,23,159)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#494a4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5268 Protanopia 1% of men
#4e5168 Deuteranopia 1% of men
#4b545a Tritanopia 0.001% of the population

Trichromacy

#494e65 Protanomaly 1% of men, 0.01% of women
#4b4e65 Deuteranomaly 6% of men, 0.4% of women
#484f5c Tritanomaly 0.01% of the population

#454860 hex color

#454860 Color Information

#454860 Color Conversion

Color Schemes with #454860

Alternatives to #454860

#454860 Preview

Shades and Tints of #454860

Tones of #454860

Color Blindness Simulator