#454a6c hex color

In a RGB color space, hex #454a6c is composed of 27.1% red, 29% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 31.5% magenta, 0% yellow and 57.6% black. It has a hue angle of 232.3 degrees, a saturation of 22% and a lightness of 34.7%. #454a6c color hex could be obtained by blending #8a94d8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 29
- B 42
RGB color chart
- C 36
- M 31
- Y 0
- K 58
CMYK color chart

● #454a6c color description : Very dark desaturated blue.

The hexadecimal color #454a6c has RGB values of R:69, G:74, B:108 and CMYK values of C:0.36, M:0.31, Y:0, K:0.58. Its decimal value is 4541036.

Hex triplet	454a6c	`#454a6c`
RGB Decimal	69, 74, 108	`rgb(69,74,108)`
RGB Percent	27.1, 29, 42.4	`rgb(27.1%,29%,42.4%)`
CMYK	36, 31, 0, 58
HSL	232.3°, 22, 34.7	`hsl(232.3,22%,34.7%)`
HSV (or HSB)	232.3°, 36.1, 42.4
Web Safe	333366	`#333366`

CIE-LAB	32.359, 7.052, -20.337
XYZ	7.609, 7.245, 15.184
xyY	0.253, 0.241, 7.245
CIE-LCH	32.359, 21.525, 289.123
CIE-LUV	32.359, -4.111, -27.522
Hunter-Lab	26.917, 3.356, -14.604
Binary	01000101, 01001010, 01101100

#454a6c
```
#454a6c rgb(69,74,108)
```
#6c6745
```
#6c6745 rgb(108,103,69)
```

Complementary Color

#455e6c
```
#455e6c rgb(69,94,108)
```
#454a6c
```
#454a6c rgb(69,74,108)
```
#53456c
```
#53456c rgb(83,69,108)
```

Analogous Color

#5e6c45
```
#5e6c45 rgb(94,108,69)
```
#454a6c
```
#454a6c rgb(69,74,108)
```
#6c5345
```
#6c5345 rgb(108,83,69)
```

Split Complementary Color

#4a6c45
```
#4a6c45 rgb(74,108,69)
```
#454a6c
```
#454a6c rgb(69,74,108)
```
#6c454a
```
#6c454a rgb(108,69,74)
```

Triadic Color

#456c67
```
#456c67 rgb(69,108,103)
```
#454a6c
```
#454a6c rgb(69,74,108)
```
#6c454a
```
#6c454a rgb(108,69,74)
```
#6c6745
```
#6c6745 rgb(108,103,69)
```

Tetradic Color

#272a3d
```
#272a3d rgb(39,42,61)
```
#31354d
```
#31354d rgb(49,53,77)
```
#3b3f5c
```
#3b3f5c rgb(59,63,92)
```
#454a6c
```
#454a6c rgb(69,74,108)
```
#4f557c
```
#4f557c rgb(79,85,124)
```
#595f8b
```
#595f8b rgb(89,95,139)
```
#636a9b
```
#636a9b rgb(99,106,155)
```

Monochromatic Color

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

#45546c
```
#45546c rgb(69,84,108)
```
#45516c
```
#45516c rgb(69,81,108)
```
#454d6c
```
#454d6c rgb(69,77,108)
```
#454a6c
```
#454a6c rgb(69,74,108)
```
#45476c
```
#45476c rgb(69,71,108)
```
#47456c
```
#47456c rgb(71,69,108)
```
#4a456c
```
#4a456c rgb(74,69,108)
```

Similar Colors

Text with hexadecimal color #454a6c

This text has a font color of #454a6c.

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

#454a6c background color

This paragraph has a background color of #454a6c.

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

#454a6c border color

This element has a border color of #454a6c.

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

CSS codes

.text {color:#454a6c;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#08080c
```
#08080c rgb(8,8,12)
```
#0f1118
```
#0f1118 rgb(15,17,24)
```
#171924
```
#171924 rgb(23,25,36)
```
#1f2130
```
#1f2130 rgb(31,33,48)
```
#26293c
```
#26293c rgb(38,41,60)
```
#2e3148
```
#2e3148 rgb(46,49,72)
```
#363a54
```
#363a54 rgb(54,58,84)
```
#3d4260
```
#3d4260 rgb(61,66,96)
```
#454a6c
```
#454a6c rgb(69,74,108)
```
#4d5278
```
#4d5278 rgb(77,82,120)
```
#545a84
```
#545a84 rgb(84,90,132)
```
#5c6390
```
#5c6390 rgb(92,99,144)
```

Shade Color Variation

#646b9c
```
#646b9c rgb(100,107,156)
```
#7076a3
```
#7076a3 rgb(112,118,163)
```
#7c82ab
```
#7c82ab rgb(124,130,171)
```
#888db3
```
#888db3 rgb(136,141,179)
```
#9499ba
```
#9499ba rgb(148,153,186)
```
#a0a4c2
```
#a0a4c2 rgb(160,164,194)
```
#acafca
```
#acafca rgb(172,175,202)
```
#b7bbd1
```
#b7bbd1 rgb(183,187,209)
```
#c3c6d9
```
#c3c6d9 rgb(195,198,217)
```
#cfd2e1
```
#cfd2e1 rgb(207,210,225)
```
#dbdde8
```
#dbdde8 rgb(219,221,232)
```
#e7e8f0
```
#e7e8f0 rgb(231,232,240)
```
#f3f4f8
```
#f3f4f8 rgb(243,244,248)
```

Tint Color Variation

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

#53545e
```
#53545e rgb(83,84,94)
```
#4c4f65
```
#4c4f65 rgb(76,79,101)
```
#454a6c
```
#454a6c rgb(69,74,108)
```
#3e4573
```
#3e4573 rgb(62,69,115)
```
#37407a
```
#37407a rgb(55,64,122)
```
#313b80
```
#313b80 rgb(49,59,128)
```
#2a3687
```
#2a3687 rgb(42,54,135)
```
#23318e
```
#23318e rgb(35,49,142)
```
#1c2c95
```
#1c2c95 rgb(28,44,149)
```
#15279c
```
#15279c rgb(21,39,156)
```
#0f22a2
```
#0f22a2 rgb(15,34,162)
```
#081ca9
```
#081ca9 rgb(8,28,169)
```
#0117b0
```
#0117b0 rgb(1,23,176)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4b4c52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5474 Protanopia 1% of men
#4a5473 Deuteranopia 1% of men
#48575e Tritanopia 0.001% of the population

Trichromacy

#485071 Protanomaly 1% of men, 0.01% of women
#485070 Deuteranomaly 6% of men, 0.4% of women
#475263 Tritanomaly 0.01% of the population

#454a6c hex color

#454a6c Color Information

#454a6c Color Conversion

Color Schemes with #454a6c

Alternatives to #454a6c

#454a6c Preview

Shades and Tints of #454a6c

Tones of #454a6c

Color Blindness Simulator