colorhexa.com

#454b52 hex color

In a RGB color space, hex #454b52 is composed of 27.1% red, 29.4% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 8.5% magenta, 0% yellow and 67.8% black. It has a hue angle of 212.3 degrees, a saturation of 8.6% and a lightness of 29.6%. #454b52 color hex could be obtained by blending #8a96a4 with #000000. Closest websafe color is: #333366.

- R 27
- G 29
- B 32
RGB color chart
- C 16
- M 9
- Y 0
- K 68
CMYK color chart

● #454b52 color description : Very dark grayish blue.

The hexadecimal color #454b52 has RGB values of R:69, G:75, B:82 and CMYK values of C:0.16, M:0.09, Y:0, K:0.68. Its decimal value is 4541266.

Hex triplet	454b52	`#454b52`
RGB Decimal	69, 75, 82	`rgb(69,75,82)`
RGB Percent	27.1, 29.4, 32.2	`rgb(27.1%,29.4%,32.2%)`
CMYK	16, 9, 0, 68
HSL	212.3°, 8.6, 29.6	`hsl(212.3,8.6%,29.6%)`
HSV (or HSB)	212.3°, 15.9, 32.2
Web Safe	333366	`#333366`

CIE-LAB	31.593, -0.746, -4.978
XYZ	6.493, 6.906, 8.973
xyY	0.29, 0.309, 6.906
CIE-LCH	31.593, 5.033, 261.472
CIE-LUV	31.593, -3.399, -6.02
Hunter-Lab	26.28, -1.889, -1.848
Binary	01000101, 01001011, 01010010

#454b52
```
#454b52 rgb(69,75,82)
```
#524c45
```
#524c45 rgb(82,76,69)
```

Complementary Color

#455252
```
#455252 rgb(69,82,82)
```
#454b52
```
#454b52 rgb(69,75,82)
```
#464552
```
#464552 rgb(70,69,82)
```

Analogous Color

#525245
```
#525245 rgb(82,82,69)
```
#454b52
```
#454b52 rgb(69,75,82)
```
#524645
```
#524645 rgb(82,70,69)
```

Split Complementary Color

#222528
```
#222528 rgb(34,37,40)
```
#2e3236
```
#2e3236 rgb(46,50,54)
```
#393e44
```
#393e44 rgb(57,62,68)
```
#454b52
```
#454b52 rgb(69,75,82)
```
#515860
```
#515860 rgb(81,88,96)
```
#5c646e
```
#5c646e rgb(92,100,110)
```
#68717c
```
#68717c rgb(104,113,124)
```

Monochromatic Color

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

#454e52
```
#454e52 rgb(69,78,82)
```
#454d52
```
#454d52 rgb(69,77,82)
```
#454c52
```
#454c52 rgb(69,76,82)
```
#454b52
```
#454b52 rgb(69,75,82)
```
#454a52
```
#454a52 rgb(69,74,82)
```
#454952
```
#454952 rgb(69,73,82)
```
#454852
```
#454852 rgb(69,72,82)
```

Similar Colors

Text with hexadecimal color #454b52

This text has a font color of #454b52.

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

#454b52 background color

This paragraph has a background color of #454b52.

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

#454b52 border color

This element has a border color of #454b52.

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

CSS codes

.text {color:#454b52;}

.background {background-color:#454b52;}

.border {border:1px solid #454b52;}

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

#060707
```
#060707 rgb(6,7,7)
```
#0f1112
```
#0f1112 rgb(15,17,18)
```
#181a1d
```
#181a1d rgb(24,26,29)
```
#212427
```
#212427 rgb(33,36,39)
```
#2a2e32
```
#2a2e32 rgb(42,46,50)
```
#33383d
```
#33383d rgb(51,56,61)
```
#3c4147
```
#3c4147 rgb(60,65,71)
```
#454b52
```
#454b52 rgb(69,75,82)
```
#4e555d
```
#4e555d rgb(78,85,93)
```
#575e67
```
#575e67 rgb(87,94,103)
```
#606872
```
#606872 rgb(96,104,114)
```
#69727d
```
#69727d rgb(105,114,125)
```
#727c87
```
#727c87 rgb(114,124,135)
```

Shade Color Variation

#7c8691
```
#7c8691 rgb(124,134,145)
```
#878f9a
```
#878f9a rgb(135,143,154)
```
#9199a3
```
#9199a3 rgb(145,153,163)
```
#9ca3ac
```
#9ca3ac rgb(156,163,172)
```
#a7adb5
```
#a7adb5 rgb(167,173,181)
```
#b1b7be
```
#b1b7be rgb(177,183,190)
```
#bcc1c7
```
#bcc1c7 rgb(188,193,199)
```
#c7cbcf
```
#c7cbcf rgb(199,203,207)
```
#d1d5d8
```
#d1d5d8 rgb(209,213,216)
```
#dcdee1
```
#dcdee1 rgb(220,222,225)
```
#e6e8ea
```
#e6e8ea rgb(230,232,234)
```
#f1f2f3
```
#f1f2f3 rgb(241,242,243)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#4b4b4c
```
#4b4b4c rgb(75,75,76)
```
#454b52
```
#454b52 rgb(69,75,82)
```
#3f4b58
```
#3f4b58 rgb(63,75,88)
```
#394a5e
```
#394a5e rgb(57,74,94)
```
#344a63
```
#344a63 rgb(52,74,99)
```
#2e4969
```
#2e4969 rgb(46,73,105)
```
#28496f
```
#28496f rgb(40,73,111)
```
#224875
```
#224875 rgb(34,72,117)
```
#1c487b
```
#1c487b rgb(28,72,123)
```
#174780
```
#174780 rgb(23,71,128)
```
#114786
```
#114786 rgb(17,71,134)
```
#0b478c
```
#0b478c rgb(11,71,140)
```
#054692
```
#054692 rgb(5,70,146)
```

Tone Color Variation

Below, you can see how #454b52 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
#494a4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#53535a Protanopia 1% of men
#57515b Deuteranopia 1% of men
#4e545a Tritanopia 0.001% of the population

Trichromacy

#4d5057 Protanomaly 1% of men, 0.01% of women
#504f58 Deuteranomaly 6% of men, 0.4% of women
#4b5157 Tritanomaly 0.01% of the population