#454c6a hex color

In a RGB color space, hex #454c6a is composed of 27.1% red, 29.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 34.9% cyan, 28.3% magenta, 0% yellow and 58.4% black. It has a hue angle of 228.6 degrees, a saturation of 21.1% and a lightness of 34.3%. #454c6a color hex could be obtained by blending #8a98d4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 30
- B 42
RGB color chart
- C 35
- M 28
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #454c6a has RGB values of R:69, G:76, B:106 and CMYK values of C:0.35, M:0.28, Y:0, K:0.58. Its decimal value is 4541546.

Hex triplet	454c6a	`#454c6a`
RGB Decimal	69, 76, 106	`rgb(69,76,106)`
RGB Percent	27.1, 29.8, 41.6	`rgb(27.1%,29.8%,41.6%)`
CMYK	35, 28, 0, 58
HSL	228.6°, 21.1, 34.3	`hsl(228.6,21.1%,34.3%)`
HSV (or HSB)	228.6°, 34.9, 41.6
Web Safe	333366	`#333366`

CIE-LAB	32.864, 5.163, -18.295
XYZ	7.64, 7.475, 14.675
xyY	0.256, 0.251, 7.475
CIE-LCH	32.864, 19.009, 285.76
CIE-LUV	32.864, -4.81, -24.61
Hunter-Lab	27.34, 2.035, -12.687
Binary	01000101, 01001100, 01101010

#454c6a
```
#454c6a rgb(69,76,106)
```
#6a6345
```
#6a6345 rgb(106,99,69)
```

Complementary Color

#455f6a
```
#455f6a rgb(69,95,106)
```
#454c6a
```
#454c6a rgb(69,76,106)
```
#51456a
```
#51456a rgb(81,69,106)
```

Analogous Color

#5f6a45
```
#5f6a45 rgb(95,106,69)
```
#454c6a
```
#454c6a rgb(69,76,106)
```
#6a5145
```
#6a5145 rgb(106,81,69)
```

Split Complementary Color

#4c6a45
```
#4c6a45 rgb(76,106,69)
```
#454c6a
```
#454c6a rgb(69,76,106)
```
#6a454c
```
#6a454c rgb(106,69,76)
```

Triadic Color

#456a63
```
#456a63 rgb(69,106,99)
```
#454c6a
```
#454c6a rgb(69,76,106)
```
#6a454c
```
#6a454c rgb(106,69,76)
```
#6a6345
```
#6a6345 rgb(106,99,69)
```

Tetradic Color

#272b3c
```
#272b3c rgb(39,43,60)
```
#31364b
```
#31364b rgb(49,54,75)
```
#3b415b
```
#3b415b rgb(59,65,91)
```
#454c6a
```
#454c6a rgb(69,76,106)
```
#4f5779
```
#4f5779 rgb(79,87,121)
```
#596289
```
#596289 rgb(89,98,137)
```
#636d98
```
#636d98 rgb(99,109,152)
```

Monochromatic Color

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

#45556a
```
#45556a rgb(69,85,106)
```
#45526a
```
#45526a rgb(69,82,106)
```
#454f6a
```
#454f6a rgb(69,79,106)
```
#454c6a
```
#454c6a rgb(69,76,106)
```
#45496a
```
#45496a rgb(69,73,106)
```
#45466a
```
#45466a rgb(69,70,106)
```
#47456a
```
#47456a rgb(71,69,106)
```

Similar Colors

Text with hexadecimal color #454c6a

This text has a font color of #454c6a.

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

#454c6a background color

This paragraph has a background color of #454c6a.

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

#454c6a border color

This element has a border color of #454c6a.

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

CSS codes

.text {color:#454c6a;}

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

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

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, #07080b is the darkest color, while #fefefe is the lightest one.

#07080b
```
#07080b rgb(7,8,11)
```
#0f1017
```
#0f1017 rgb(15,16,23)
```
#171923
```
#171923 rgb(23,25,35)
```
#1e212f
```
#1e212f rgb(30,33,47)
```
#262a3a
```
#262a3a rgb(38,42,58)
```
#2e3246
```
#2e3246 rgb(46,50,70)
```
#363b52
```
#363b52 rgb(54,59,82)
```
#3d435e
```
#3d435e rgb(61,67,94)
```
#454c6a
```
#454c6a rgb(69,76,106)
```
#4d5576
```
#4d5576 rgb(77,85,118)
```
#545d82
```
#545d82 rgb(84,93,130)
```
#5c668e
```
#5c668e rgb(92,102,142)
```
#646e9a
```
#646e9a rgb(100,110,154)
```

Shade Color Variation

#6f79a2
```
#6f79a2 rgb(111,121,162)
```
#7b84a9
```
#7b84a9 rgb(123,132,169)
```
#878fb1
```
#878fb1 rgb(135,143,177)
```
#939ab9
```
#939ab9 rgb(147,154,185)
```
#9fa5c1
```
#9fa5c1 rgb(159,165,193)
```
#abb0c8
```
#abb0c8 rgb(171,176,200)
```
#b7bcd0
```
#b7bcd0 rgb(183,188,208)
```
#c3c7d8
```
#c3c7d8 rgb(195,199,216)
```
#cfd2df
```
#cfd2df rgb(207,210,223)
```
#dadde7
```
#dadde7 rgb(218,221,231)
```
#e6e8ef
```
#e6e8ef rgb(230,232,239)
```
#f2f3f7
```
#f2f3f7 rgb(242,243,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#52545d
```
#52545d rgb(82,84,93)
```
#4c5063
```
#4c5063 rgb(76,80,99)
```
#454c6a
```
#454c6a rgb(69,76,106)
```
#3e4871
```
#3e4871 rgb(62,72,113)
```
#384477
```
#384477 rgb(56,68,119)
```
#313f7e
```
#313f7e rgb(49,63,126)
```
#2a3b85
```
#2a3b85 rgb(42,59,133)
```
#23378c
```
#23378c rgb(35,55,140)
```
#1d3392
```
#1d3392 rgb(29,51,146)
```
#162f99
```
#162f99 rgb(22,47,153)
```
#0f2ba0
```
#0f2ba0 rgb(15,43,160)
```
#0826a7
```
#0826a7 rgb(8,38,167)
```
#0222ad
```
#0222ad rgb(2,34,173)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4b4d53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5571 Protanopia 1% of men
#4e5571 Deuteranopia 1% of men
#49585f Tritanopia 0.001% of the population

Trichromacy

#4a526f Protanomaly 1% of men, 0.01% of women
#4a526e Deuteranomaly 6% of men, 0.4% of women
#475463 Tritanomaly 0.01% of the population

#454c6a hex color

#454c6a Color Information

#454c6a Color Conversion

Color Schemes with #454c6a

Alternatives to #454c6a

#454c6a Preview

Shades and Tints of #454c6a

Tones of #454c6a

Color Blindness Simulator