#454850 hex color

In a RGB color space, hex #454850 is composed of 27.1% red, 28.2% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 10% magenta, 0% yellow and 68.6% black. It has a hue angle of 223.6 degrees, a saturation of 7.4% and a lightness of 29.2%. #454850 color hex could be obtained by blending #8a90a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 28
- B 31
RGB color chart
- C 14
- M 10
- Y 0
- K 69
CMYK color chart

● #454850 color description : Very dark grayish blue.

The hexadecimal color #454850 has RGB values of R:69, G:72, B:80 and CMYK values of C:0.14, M:0.1, Y:0, K:0.69. Its decimal value is 4540496.

Hex triplet	454850	`#454850`
RGB Decimal	69, 72, 80	`rgb(69,72,80)`
RGB Percent	27.1, 28.2, 31.4	`rgb(27.1%,28.2%,31.4%)`
CMYK	14, 10, 0, 69
HSL	223.6°, 7.4, 29.2	`hsl(223.6,7.4%,29.2%)`
HSV (or HSB)	223.6°, 13.8, 31.4
Web Safe	333366	`#333366`

CIE-LAB	30.59, 0.662, -5.189
XYZ	6.219, 6.479, 8.512
xyY	0.293, 0.305, 6.479
CIE-LCH	30.59, 5.231, 277.274
CIE-LUV	30.59, -1.951, -6.403
Hunter-Lab	25.454, -0.931, -2.009
Binary	01000101, 01001000, 01010000

#454850
```
#454850 rgb(69,72,80)
```
#504d45
```
#504d45 rgb(80,77,69)
```

Complementary Color

#454e50
```
#454e50 rgb(69,78,80)
```
#454850
```
#454850 rgb(69,72,80)
```
#484550
```
#484550 rgb(72,69,80)
```

Analogous Color

#4e5045
```
#4e5045 rgb(78,80,69)
```
#454850
```
#454850 rgb(69,72,80)
```
#504845
```
#504845 rgb(80,72,69)
```

Split Complementary Color

#485045
```
#485045 rgb(72,80,69)
```
#454850
```
#454850 rgb(69,72,80)
```
#504548
```
#504548 rgb(80,69,72)
```

Triadic Color

#45504d
```
#45504d rgb(69,80,77)
```
#454850
```
#454850 rgb(69,72,80)
```
#504548
```
#504548 rgb(80,69,72)
```
#504d45
```
#504d45 rgb(80,77,69)
```

Tetradic Color

#222327
```
#222327 rgb(34,35,39)
```
#2d2f35
```
#2d2f35 rgb(45,47,53)
```
#393c42
```
#393c42 rgb(57,60,66)
```
#454850
```
#454850 rgb(69,72,80)
```
#51545e
```
#51545e rgb(81,84,94)
```
#5d616b
```
#5d616b rgb(93,97,107)
```
#686d79
```
#686d79 rgb(104,109,121)
```

Monochromatic Color

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

#454b50
```
#454b50 rgb(69,75,80)
```
#454a50
```
#454a50 rgb(69,74,80)
```
#454950
```
#454950 rgb(69,73,80)
```
#454850
```
#454850 rgb(69,72,80)
```
#454750
```
#454750 rgb(69,71,80)
```
#454650
```
#454650 rgb(69,70,80)
```
#454550
```
#454550 rgb(69,69,80)
```

Similar Colors

Text with hexadecimal color #454850

This text has a font color of #454850.

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

#454850 background color

This paragraph has a background color of #454850.

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

#454850 border color

This element has a border color of #454850.

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

CSS codes

.text {color:#454850;}

.background {background-color:#454850;}

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0e0f11
```
#0e0f11 rgb(14,15,17)
```
#18191b
```
#18191b rgb(24,25,27)
```
#212226
```
#212226 rgb(33,34,38)
```
#2a2c30
```
#2a2c30 rgb(42,44,48)
```
#33353b
```
#33353b rgb(51,53,59)
```
#3c3f45
```
#3c3f45 rgb(60,63,69)
```
#454850
```
#454850 rgb(69,72,80)
```
#4e515b
```
#4e515b rgb(78,81,91)
```
#575b65
```
#575b65 rgb(87,91,101)
```
#606470
```
#606470 rgb(96,100,112)
```
#696e7a
```
#696e7a rgb(105,110,122)
```
#727785
```
#727785 rgb(114,119,133)
```

Shade Color Variation

#7c818e
```
#7c818e rgb(124,129,142)
```
#878b97
```
#878b97 rgb(135,139,151)
```
#9196a0
```
#9196a0 rgb(145,150,160)
```
#9ca0aa
```
#9ca0aa rgb(156,160,170)
```
#a6aab3
```
#a6aab3 rgb(166,170,179)
```
#b1b4bc
```
#b1b4bc rgb(177,180,188)
```
#bcbec5
```
#bcbec5 rgb(188,190,197)
```
#c6c8ce
```
#c6c8ce rgb(198,200,206)
```
#d1d2d7
```
#d1d2d7 rgb(209,210,215)
```
#dbdce0
```
#dbdce0 rgb(219,220,224)
```
#e6e7e9
```
#e6e7e9 rgb(230,231,233)
```
#f0f1f2
```
#f0f1f2 rgb(240,241,242)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#454850
```
#454850 rgb(69,72,80)
```
#3f4556
```
#3f4556 rgb(63,69,86)
```
#3a435b
```
#3a435b rgb(58,67,91)
```
#344061
```
#344061 rgb(52,64,97)
```
#2e3e67
```
#2e3e67 rgb(46,62,103)
```
#283b6d
```
#283b6d rgb(40,59,109)
```
#233872
```
#233872 rgb(35,56,114)
```
#1d3678
```
#1d3678 rgb(29,54,120)
```
#17337e
```
#17337e rgb(23,51,126)
```
#113184
```
#113184 rgb(17,49,132)
```
#0c2e89
```
#0c2e89 rgb(12,46,137)
```
#062b8f
```
#062b8f rgb(6,43,143)
```
#002995
```
#002995 rgb(0,41,149)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#47484a Atypical Achromatopsia 0.001% of the population

Dichromacy

#505158 Protanopia 1% of men
#554f59 Deuteranopia 1% of men
#4e5157 Tritanopia 0.001% of the population

Trichromacy

#4c4d55 Protanomaly 1% of men, 0.01% of women
#4f4c56 Deuteranomaly 6% of men, 0.4% of women
#4a4e54 Tritanomaly 0.01% of the population

#454850 hex color

#454850 Color Information

#454850 Color Conversion

Color Schemes with #454850

Alternatives to #454850

#454850 Preview

Shades and Tints of #454850

Tones of #454850

Color Blindness Simulator