#454c61 hex color

In a RGB color space, hex #454c61 is composed of 27.1% red, 29.8% green and 38% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 21.6% magenta, 0% yellow and 62% black. It has a hue angle of 225 degrees, a saturation of 16.9% and a lightness of 32.5%. #454c61 color hex could be obtained by blending #8a98c2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 30
- B 38
RGB color chart
- C 29
- M 22
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #454c61 has RGB values of R:69, G:76, B:97 and CMYK values of C:0.29, M:0.22, Y:0, K:0.62. Its decimal value is 4541537.

Hex triplet	454c61	`#454c61`
RGB Decimal	69, 76, 97	`rgb(69,76,97)`
RGB Percent	27.1, 29.8, 38	`rgb(27.1%,29.8%,38%)`
CMYK	29, 22, 0, 62
HSL	225°, 16.9, 32.5	`hsl(225,16.9%,32.5%)`
HSV (or HSB)	225°, 28.9, 38
Web Safe	333366	`#333366`

CIE-LAB	32.474, 2.582, -13.206
XYZ	7.196, 7.297, 12.338
xyY	0.268, 0.272, 7.297
CIE-LCH	32.474, 13.456, 281.063
CIE-LUV	32.474, -4.443, -17.291
Hunter-Lab	27.013, 0.277, -8.171
Binary	01000101, 01001100, 01100001

#454c61
```
#454c61 rgb(69,76,97)
```
#615a45
```
#615a45 rgb(97,90,69)
```

Complementary Color

#455a61
```
#455a61 rgb(69,90,97)
```
#454c61
```
#454c61 rgb(69,76,97)
```
#4c4561
```
#4c4561 rgb(76,69,97)
```

Analogous Color

#5a6145
```
#5a6145 rgb(90,97,69)
```
#454c61
```
#454c61 rgb(69,76,97)
```
#614c45
```
#614c45 rgb(97,76,69)
```

Split Complementary Color

#4c6145
```
#4c6145 rgb(76,97,69)
```
#454c61
```
#454c61 rgb(69,76,97)
```
#61454c
```
#61454c rgb(97,69,76)
```

Triadic Color

#45615a
```
#45615a rgb(69,97,90)
```
#454c61
```
#454c61 rgb(69,76,97)
```
#61454c
```
#61454c rgb(97,69,76)
```
#615a45
```
#615a45 rgb(97,90,69)
```

Tetradic Color

#252934
```
#252934 rgb(37,41,52)
```
#303543
```
#303543 rgb(48,53,67)
```
#3a4052
```
#3a4052 rgb(58,64,82)
```
#454c61
```
#454c61 rgb(69,76,97)
```
#505870
```
#505870 rgb(80,88,112)
```
#5a637f
```
#5a637f rgb(90,99,127)
```
#656f8e
```
#656f8e rgb(101,111,142)
```

Monochromatic Color

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

#455361
```
#455361 rgb(69,83,97)
```
#455161
```
#455161 rgb(69,81,97)
```
#454e61
```
#454e61 rgb(69,78,97)
```
#454c61
```
#454c61 rgb(69,76,97)
```
#454a61
```
#454a61 rgb(69,74,97)
```
#454761
```
#454761 rgb(69,71,97)
```
#454561
```
#454561 rgb(69,69,97)
```

Similar Colors

Text with hexadecimal color #454c61

This text has a font color of #454c61.

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

#454c61 background color

This paragraph has a background color of #454c61.

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

#454c61 border color

This element has a border color of #454c61.

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

CSS codes

.text {color:#454c61;}

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

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0c0d11
```
#0c0d11 rgb(12,13,17)
```
#14161c
```
#14161c rgb(20,22,28)
```
#1c1f28
```
#1c1f28 rgb(28,31,40)
```
#242833
```
#242833 rgb(36,40,51)
```
#2d313f
```
#2d313f rgb(45,49,63)
```
#353a4a
```
#353a4a rgb(53,58,74)
```
#3d4356
```
#3d4356 rgb(61,67,86)
```
#454c61
```
#454c61 rgb(69,76,97)
```
#4d556c
```
#4d556c rgb(77,85,108)
```
#555e78
```
#555e78 rgb(85,94,120)
```
#5d6783
```
#5d6783 rgb(93,103,131)
```
#66708f
```
#66708f rgb(102,112,143)
```

Shade Color Variation

#6f7a99
```
#6f7a99 rgb(111,122,153)
```
#7b84a1
```
#7b84a1 rgb(123,132,161)
```
#868fa9
```
#868fa9 rgb(134,143,169)
```
#929ab1
```
#929ab1 rgb(146,154,177)
```
#9da4b9
```
#9da4b9 rgb(157,164,185)
```
#a9afc2
```
#a9afc2 rgb(169,175,194)
```
#b4b9ca
```
#b4b9ca rgb(180,185,202)
```
#c0c4d2
```
#c0c4d2 rgb(192,196,210)
```
#cbcfda
```
#cbcfda rgb(203,207,218)
```
#d6d9e2
```
#d6d9e2 rgb(214,217,226)
```
#e2e4ea
```
#e2e4ea rgb(226,228,234)
```
#edeff2
```
#edeff2 rgb(237,239,242)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

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

#525254
```
#525254 rgb(82,82,84)
```
#4b4f5b
```
#4b4f5b rgb(75,79,91)
```
#454c61
```
#454c61 rgb(69,76,97)
```
#3f4967
```
#3f4967 rgb(63,73,103)
```
#38466e
```
#38466e rgb(56,70,110)
```
#324274
```
#324274 rgb(50,66,116)
```
#2b3f7b
```
#2b3f7b rgb(43,63,123)
```
#253c81
```
#253c81 rgb(37,60,129)
```
#1f3987
```
#1f3987 rgb(31,57,135)
```
#18368e
```
#18368e rgb(24,54,142)
```
#123294
```
#123294 rgb(18,50,148)
```
#0c2f9a
```
#0c2f9a rgb(12,47,154)
```
#052ca1
```
#052ca1 rgb(5,44,161)
```

Tone Color Variation

Below, you can see how #454c61 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
#4b4c50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505468 Protanopia 1% of men
#525469 Deuteranopia 1% of men
#4b575d Tritanopia 0.001% of the population

Trichromacy

#4c5166 Protanomaly 1% of men, 0.01% of women
#4d5166 Deuteranomaly 6% of men, 0.4% of women
#49535e Tritanomaly 0.01% of the population

#454c61 hex color

#454c61 Color Information

#454c61 Color Conversion

Color Schemes with #454c61

Alternatives to #454c61

#454c61 Preview

Shades and Tints of #454c61

Tones of #454c61

Color Blindness Simulator