#454954 hex color

In a RGB color space, hex #454954 is composed of 27.1% red, 28.6% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 13.1% magenta, 0% yellow and 67.1% black. It has a hue angle of 224 degrees, a saturation of 9.8% and a lightness of 30%. #454954 color hex could be obtained by blending #8a92a8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 29
- B 33
RGB color chart
- C 18
- M 13
- Y 0
- K 67
CMYK color chart

● #454954 color description : Very dark grayish blue.

The hexadecimal color #454954 has RGB values of R:69, G:73, B:84 and CMYK values of C:0.18, M:0.13, Y:0, K:0.67. Its decimal value is 4540756.

Hex triplet	454954	`#454954`
RGB Decimal	69, 73, 84	`rgb(69,73,84)`
RGB Percent	27.1, 28.6, 32.9	`rgb(27.1%,28.6%,32.9%)`
CMYK	18, 13, 0, 67
HSL	224°, 9.8, 30	`hsl(224,9.8%,30%)`
HSV (or HSB)	224°, 17.9, 32.9
Web Safe	333366	`#333366`

CIE-LAB	31.044, 1.026, -7.08
XYZ	6.437, 6.67, 9.335
xyY	0.287, 0.297, 6.67
CIE-LCH	31.044, 7.154, 278.25
CIE-LUV	31.044, -2.587, -8.874
Hunter-Lab	25.827, -0.711, -3.352
Binary	01000101, 01001001, 01010100

#454954
```
#454954 rgb(69,73,84)
```
#545045
```
#545045 rgb(84,80,69)
```

Complementary Color

#455154
```
#455154 rgb(69,81,84)
```
#454954
```
#454954 rgb(69,73,84)
```
#494554
```
#494554 rgb(73,69,84)
```

Analogous Color

#515445
```
#515445 rgb(81,84,69)
```
#454954
```
#454954 rgb(69,73,84)
```
#544945
```
#544945 rgb(84,73,69)
```

Split Complementary Color

#495445
```
#495445 rgb(73,84,69)
```
#454954
```
#454954 rgb(69,73,84)
```
#544549
```
#544549 rgb(84,69,73)
```

Triadic Color

#455450
```
#455450 rgb(69,84,80)
```
#454954
```
#454954 rgb(69,73,84)
```
#544549
```
#544549 rgb(84,69,73)
```
#545045
```
#545045 rgb(84,80,69)
```

Tetradic Color

#23252a
```
#23252a rgb(35,37,42)
```
#2e3138
```
#2e3138 rgb(46,49,56)
```
#3a3d46
```
#3a3d46 rgb(58,61,70)
```
#454954
```
#454954 rgb(69,73,84)
```
#515562
```
#515562 rgb(81,85,98)
```
#5c6170
```
#5c6170 rgb(92,97,112)
```
#686e7e
```
#686e7e rgb(104,110,126)
```

Monochromatic Color

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

#454d54
```
#454d54 rgb(69,77,84)
```
#454c54
```
#454c54 rgb(69,76,84)
```
#454a54
```
#454a54 rgb(69,74,84)
```
#454954
```
#454954 rgb(69,73,84)
```
#454854
```
#454854 rgb(69,72,84)
```
#454754
```
#454754 rgb(69,71,84)
```
#454554
```
#454554 rgb(69,69,84)
```

Similar Colors

Text with hexadecimal color #454954

This text has a font color of #454954.

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

#454954 background color

This paragraph has a background color of #454954.

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

#454954 border color

This element has a border color of #454954.

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

CSS codes

.text {color:#454954;}

.background {background-color:#454954;}

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

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

#070709
```
#070709 rgb(7,7,9)
```
#101113
```
#101113 rgb(16,17,19)
```
#191a1e
```
#191a1e rgb(25,26,30)
```
#222429
```
#222429 rgb(34,36,41)
```
#2a2d34
```
#2a2d34 rgb(42,45,52)
```
#33363e
```
#33363e rgb(51,54,62)
```
#3c4049
```
#3c4049 rgb(60,64,73)
```
#454954
```
#454954 rgb(69,73,84)
```
#4e525f
```
#4e525f rgb(78,82,95)
```
#575c6a
```
#575c6a rgb(87,92,106)
```
#606574
```
#606574 rgb(96,101,116)
```
#686e7f
```
#686e7f rgb(104,110,127)
```
#71788a
```
#71788a rgb(113,120,138)
```

Shade Color Variation

#7c8293
```
#7c8293 rgb(124,130,147)
```
#868c9c
```
#868c9c rgb(134,140,156)
```
#9196a5
```
#9196a5 rgb(145,150,165)
```
#9ca1ae
```
#9ca1ae rgb(156,161,174)
```
#a7abb6
```
#a7abb6 rgb(167,171,182)
```
#b1b5bf
```
#b1b5bf rgb(177,181,191)
```
#bcbfc8
```
#bcbfc8 rgb(188,191,200)
```
#c7cad1
```
#c7cad1 rgb(199,202,209)
```
#d2d4da
```
#d2d4da rgb(210,212,218)
```
#dddee3
```
#dddee3 rgb(221,222,227)
```
#e7e8ec
```
#e7e8ec rgb(231,232,236)
```
#f2f3f4
```
#f2f3f4 rgb(242,243,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#4b4c4e
```
#4b4c4e rgb(75,76,78)
```
#454954
```
#454954 rgb(69,73,84)
```
#3f465a
```
#3f465a rgb(63,70,90)
```
#394460
```
#394460 rgb(57,68,96)
```
#334166
```
#334166 rgb(51,65,102)
```
#2d3e6c
```
#2d3e6c rgb(45,62,108)
```
#283b71
```
#283b71 rgb(40,59,113)
```
#223977
```
#223977 rgb(34,57,119)
```
#1c367d
```
#1c367d rgb(28,54,125)
```
#163383
```
#163383 rgb(22,51,131)
```
#103089
```
#103089 rgb(16,48,137)
```
#0a2e8f
```
#0a2e8f rgb(10,46,143)
```
#042b95
```
#042b95 rgb(4,43,149)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#48494b Atypical Achromatopsia 0.001% of the population

Dichromacy

#50515c Protanopia 1% of men
#54505d Deuteranopia 1% of men
#4d5359 Tritanopia 0.001% of the population

Trichromacy

#4c4e59 Protanomaly 1% of men, 0.01% of women
#4e4d5a Deuteranomaly 6% of men, 0.4% of women
#4a4f57 Tritanomaly 0.01% of the population

#454954 hex color

#454954 Color Information

#454954 Color Conversion

Color Schemes with #454954

Alternatives to #454954

#454954 Preview

Shades and Tints of #454954

Tones of #454954

Color Blindness Simulator