#455a70 hex color

In a RGB color space, hex #455a70 is composed of 27.1% red, 35.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 19.6% magenta, 0% yellow and 56.1% black. It has a hue angle of 210.7 degrees, a saturation of 23.8% and a lightness of 35.5%. #455a70 color hex could be obtained by blending #8ab4e0 with #000000. Closest websafe color is: #336666.

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

● #455a70 color description : Very dark desaturated blue.

The hexadecimal color #455a70 has RGB values of R:69, G:90, B:112 and CMYK values of C:0.38, M:0.2, Y:0, K:0.56. Its decimal value is 4545136.

Hex triplet	455a70	`#455a70`
RGB Decimal	69, 90, 112	`rgb(69,90,112)`
RGB Percent	27.1, 35.3, 43.9	`rgb(27.1%,35.3%,43.9%)`
CMYK	38, 20, 0, 56
HSL	210.7°, 23.8, 35.5	`hsl(210.7,23.8%,35.5%)`
HSV (or HSB)	210.7°, 38.4, 43.9
Web Safe	336666	`#336666`

CIE-LAB	37.385, -1.919, -15.087
XYZ	9.034, 9.747, 16.734
xyY	0.254, 0.274, 9.747
CIE-LCH	37.385, 15.208, 262.749
CIE-LUV	37.385, -10.662, -20.089
Hunter-Lab	31.22, -2.982, -9.925
Binary	01000101, 01011010, 01110000

#455a70
```
#455a70 rgb(69,90,112)
```
#705b45
```
#705b45 rgb(112,91,69)
```

Complementary Color

#457070
```
#457070 rgb(69,112,112)
```
#455a70
```
#455a70 rgb(69,90,112)
```
#464570
```
#464570 rgb(70,69,112)
```

Analogous Color

#707045
```
#707045 rgb(112,112,69)
```
#455a70
```
#455a70 rgb(69,90,112)
```
#704645
```
#704645 rgb(112,70,69)
```

Split Complementary Color

#5a7045
```
#5a7045 rgb(90,112,69)
```
#455a70
```
#455a70 rgb(69,90,112)
```
#70455a
```
#70455a rgb(112,69,90)
```

Triadic Color

#45705b
```
#45705b rgb(69,112,91)
```
#455a70
```
#455a70 rgb(69,90,112)
```
#70455a
```
#70455a rgb(112,69,90)
```
#705b45
```
#705b45 rgb(112,91,69)
```

Tetradic Color

#283441
```
#283441 rgb(40,52,65)
```
#324150
```
#324150 rgb(50,65,80)
```
#3b4d60
```
#3b4d60 rgb(59,77,96)
```
#455a70
```
#455a70 rgb(69,90,112)
```
#4f6780
```
#4f6780 rgb(79,103,128)
```
#587390
```
#587390 rgb(88,115,144)
```
#63809f
```
#63809f rgb(99,128,159)
```

Monochromatic Color

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

#456570
```
#456570 rgb(69,101,112)
```
#456170
```
#456170 rgb(69,97,112)
```
#455e70
```
#455e70 rgb(69,94,112)
```
#455a70
```
#455a70 rgb(69,90,112)
```
#455670
```
#455670 rgb(69,86,112)
```
#455370
```
#455370 rgb(69,83,112)
```
#454f70
```
#454f70 rgb(69,79,112)
```

Similar Colors

Text with hexadecimal color #455a70

This text has a font color of #455a70.

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

#455a70 background color

This paragraph has a background color of #455a70.

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

#455a70 border color

This element has a border color of #455a70.

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

CSS codes

.text {color:#455a70;}

.background {background-color:#455a70;}

.border {border:1px solid #455a70;}

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

#020203
```
#020203 rgb(2,2,3)
```
#090c0f
```
#090c0f rgb(9,12,15)
```
#11161b
```
#11161b rgb(17,22,27)
```
#181f27
```
#181f27 rgb(24,31,39)
```
#202933
```
#202933 rgb(32,41,51)
```
#27333f
```
#27333f rgb(39,51,63)
```
#2f3d4c
```
#2f3d4c rgb(47,61,76)
```
#364658
```
#364658 rgb(54,70,88)
```
#3e5064
```
#3e5064 rgb(62,80,100)
```
#455a70
```
#455a70 rgb(69,90,112)
```
#4c647c
```
#4c647c rgb(76,100,124)
```
#546e88
```
#546e88 rgb(84,110,136)
```
#5b7794
```
#5b7794 rgb(91,119,148)
```

Shade Color Variation

#64819f
```
#64819f rgb(100,129,159)
```
#708ba7
```
#708ba7 rgb(112,139,167)
```
#7c95ae
```
#7c95ae rgb(124,149,174)
```
#889fb6
```
#889fb6 rgb(136,159,182)
```
#95a8bd
```
#95a8bd rgb(149,168,189)
```
#a1b2c5
```
#a1b2c5 rgb(161,178,197)
```
#adbccc
```
#adbccc rgb(173,188,204)
```
#b9c6d4
```
#b9c6d4 rgb(185,198,212)
```
#c5d0db
```
#c5d0db rgb(197,208,219)
```
#d1dae3
```
#d1dae3 rgb(209,218,227)
```
#dde4ea
```
#dde4ea rgb(221,228,234)
```
#e9eef2
```
#e9eef2 rgb(233,238,242)
```
#f6f7f9
```
#f6f7f9 rgb(246,247,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 #0659af is the most saturated one.

#5a5a5b
```
#5a5a5b rgb(90,90,91)
```
#535a62
```
#535a62 rgb(83,90,98)
```
#4c5a69
```
#4c5a69 rgb(76,90,105)
```
#455a70
```
#455a70 rgb(69,90,112)
```
#3e5a77
```
#3e5a77 rgb(62,90,119)
```
#375a7e
```
#375a7e rgb(55,90,126)
```
#305a85
```
#305a85 rgb(48,90,133)
```
#29598c
```
#29598c rgb(41,89,140)
```
#225993
```
#225993 rgb(34,89,147)
```
#1b599a
```
#1b599a rgb(27,89,154)
```
#1459a1
```
#1459a1 rgb(20,89,161)
```
#0d59a8
```
#0d59a8 rgb(13,89,168)
```
#0659af
```
#0659af rgb(6,89,175)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#53575b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5f75 Protanopia 1% of men
#5c5f78 Deuteranopia 1% of men
#4b646c Tritanopia 0.001% of the population

Trichromacy

#535d73 Protanomaly 1% of men, 0.01% of women
#535d75 Deuteranomaly 6% of men, 0.4% of women
#48606d Tritanomaly 0.01% of the population

#455a70 hex color

#455a70 Color Information

#455a70 Color Conversion

Color Schemes with #455a70

Alternatives to #455a70

#455a70 Preview

Shades and Tints of #455a70

Tones of #455a70

Color Blindness Simulator