#454670 hex color

In a RGB color space, hex #454670 is composed of 27.1% red, 27.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 37.5% magenta, 0% yellow and 56.1% black. It has a hue angle of 238.6 degrees, a saturation of 23.8% and a lightness of 35.5%. #454670 color hex could be obtained by blending #8a8ce0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 27
- B 44
RGB color chart
- C 38
- M 38
- Y 0
- K 56
CMYK color chart

● #454670 color description : Very dark desaturated blue.

The hexadecimal color #454670 has RGB values of R:69, G:70, B:112 and CMYK values of C:0.38, M:0.38, Y:0, K:0.56. Its decimal value is 4540016.

Hex triplet	454670	`#454670`
RGB Decimal	69, 70, 112	`rgb(69,70,112)`
RGB Percent	27.1, 27.5, 43.9	`rgb(27.1%,27.5%,43.9%)`
CMYK	38, 38, 0, 56
HSL	238.6°, 23.8, 35.5	`hsl(238.6,23.8%,35.5%)`
HSV (or HSB)	238.6°, 38.4, 43.9
Web Safe	333366	`#333366`

CIE-LAB	31.383, 10.875, -24.382
XYZ	7.568, 6.815, 16.245
xyY	0.247, 0.223, 6.815
CIE-LCH	31.383, 26.697, 294.037
CIE-LUV	31.383, -2.805, -33.221
Hunter-Lab	26.106, 6.064, -18.62
Binary	01000101, 01000110, 01110000

#454670
```
#454670 rgb(69,70,112)
```
#706f45
```
#706f45 rgb(112,111,69)
```

Complementary Color

#455c70
```
#455c70 rgb(69,92,112)
```
#454670
```
#454670 rgb(69,70,112)
```
#5a4570
```
#5a4570 rgb(90,69,112)
```

Analogous Color

#5c7045
```
#5c7045 rgb(92,112,69)
```
#454670
```
#454670 rgb(69,70,112)
```
#705a45
```
#705a45 rgb(112,90,69)
```

Split Complementary Color

#467045
```
#467045 rgb(70,112,69)
```
#454670
```
#454670 rgb(69,70,112)
```
#704546
```
#704546 rgb(112,69,70)
```

Triadic Color

#45706f
```
#45706f rgb(69,112,111)
```
#454670
```
#454670 rgb(69,70,112)
```
#704546
```
#704546 rgb(112,69,70)
```
#706f45
```
#706f45 rgb(112,111,69)
```

Tetradic Color

#282841
```
#282841 rgb(40,40,65)
```
#323250
```
#323250 rgb(50,50,80)
```
#3b3c60
```
#3b3c60 rgb(59,60,96)
```
#454670
```
#454670 rgb(69,70,112)
```
#4f5080
```
#4f5080 rgb(79,80,128)
```
#585a90
```
#585a90 rgb(88,90,144)
```
#63649f
```
#63649f rgb(99,100,159)
```

Monochromatic Color

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

#455170
```
#455170 rgb(69,81,112)
```
#454d70
```
#454d70 rgb(69,77,112)
```
#454a70
```
#454a70 rgb(69,74,112)
```
#454670
```
#454670 rgb(69,70,112)
```
#484570
```
#484570 rgb(72,69,112)
```
#4b4570
```
#4b4570 rgb(75,69,112)
```
#4f4570
```
#4f4570 rgb(79,69,112)
```

Similar Colors

Text with hexadecimal color #454670

This text has a font color of #454670.

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

#454670 background color

This paragraph has a background color of #454670.

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

#454670 border color

This element has a border color of #454670.

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

CSS codes

.text {color:#454670;}

.background {background-color:#454670;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#09090f
```
#09090f rgb(9,9,15)
```
#11111b
```
#11111b rgb(17,17,27)
```
#181827
```
#181827 rgb(24,24,39)
```
#202033
```
#202033 rgb(32,32,51)
```
#27283f
```
#27283f rgb(39,40,63)
```
#2f2f4c
```
#2f2f4c rgb(47,47,76)
```
#363758
```
#363758 rgb(54,55,88)
```
#3e3e64
```
#3e3e64 rgb(62,62,100)
```
#454670
```
#454670 rgb(69,70,112)
```
#4c4e7c
```
#4c4e7c rgb(76,78,124)
```
#545588
```
#545588 rgb(84,85,136)
```
#5b5d94
```
#5b5d94 rgb(91,93,148)
```

Shade Color Variation

#64659f
```
#64659f rgb(100,101,159)
```
#7071a7
```
#7071a7 rgb(112,113,167)
```
#7c7dae
```
#7c7dae rgb(124,125,174)
```
#8889b6
```
#8889b6 rgb(136,137,182)
```
#9595bd
```
#9595bd rgb(149,149,189)
```
#a1a2c5
```
#a1a2c5 rgb(161,162,197)
```
#adaecc
```
#adaecc rgb(173,174,204)
```
#b9bad4
```
#b9bad4 rgb(185,186,212)
```
#c5c6db
```
#c5c6db rgb(197,198,219)
```
#d1d2e3
```
#d1d2e3 rgb(209,210,227)
```
#dddeea
```
#dddeea rgb(221,222,234)
```
#e9eaf2
```
#e9eaf2 rgb(233,234,242)
```
#f6f6f9
```
#f6f6f9 rgb(246,246,249)
```

Tint Color Variation

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

#5a5a5b
```
#5a5a5b rgb(90,90,91)
```
#535362
```
#535362 rgb(83,83,98)
```
#4c4d69
```
#4c4d69 rgb(76,77,105)
```
#454670
```
#454670 rgb(69,70,112)
```
#3e3f77
```
#3e3f77 rgb(62,63,119)
```
#37397e
```
#37397e rgb(55,57,126)
```
#303285
```
#303285 rgb(48,50,133)
```
#292b8c
```
#292b8c rgb(41,43,140)
```
#222593
```
#222593 rgb(34,37,147)
```
#1b1e9a
```
#1b1e9a rgb(27,30,154)
```
#1418a1
```
#1418a1 rgb(20,24,161)
```
#0d11a8
```
#0d11a8 rgb(13,17,168)
```
#060aaf
```
#060aaf rgb(6,10,175)
```

Tone Color Variation

Below, you can see how #454670 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
#494952 Atypical Achromatopsia 0.001% of the population

Dichromacy

#445179 Protanopia 1% of men
#435276 Deuteranopia 1% of men
#46555b Tritanopia 0.001% of the population

Trichromacy

#444d75 Protanomaly 1% of men, 0.01% of women
#434e73 Deuteranomaly 6% of men, 0.4% of women
#464f63 Tritanomaly 0.01% of the population

#454670 hex color

#454670 Color Information

#454670 Color Conversion

Color Schemes with #454670

Alternatives to #454670

#454670 Preview

Shades and Tints of #454670

Tones of #454670

Color Blindness Simulator