#455a56 hex color

In a RGB color space, hex #455a56 is composed of 27.1% red, 35.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 23.3% cyan, 0% magenta, 4.4% yellow and 64.7% black. It has a hue angle of 168.6 degrees, a saturation of 13.2% and a lightness of 31.2%. #455a56 color hex could be obtained by blending #8ab4ac with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 27
- G 35
- B 34
RGB color chart
- C 23
- M 0
- Y 4
- K 65
CMYK color chart

● #455a56 color description : Very dark grayish cyan.

The hexadecimal color #455a56 has RGB values of R:69, G:90, B:86 and CMYK values of C:0.23, M:0, Y:0.04, K:0.65. Its decimal value is 4545110.

Hex triplet	455a56	`#455a56`
RGB Decimal	69, 90, 86	`rgb(69,90,86)`
RGB Percent	27.1, 35.3, 33.7	`rgb(27.1%,35.3%,33.7%)`
CMYK	23, 0, 4, 65
HSL	168.6°, 13.2, 31.2	`hsl(168.6,13.2%,31.2%)`
HSV (or HSB)	168.6°, 23.3, 35.3
Web Safe	336666	`#336666`

CIE-LAB	36.46, -8.934, -0.321
XYZ	7.79, 9.249, 10.178
xyY	0.286, 0.34, 9.249
CIE-LCH	36.46, 8.94, 182.058
CIE-LUV	36.46, -10.363, 0.851
Hunter-Lab	30.412, -7.502, 1.446
Binary	01000101, 01011010, 01010110

#455a56
```
#455a56 rgb(69,90,86)
```
#5a4549
```
#5a4549 rgb(90,69,73)
```

Complementary Color

#455a4c
```
#455a4c rgb(69,90,76)
```
#455a56
```
#455a56 rgb(69,90,86)
```
#45545a
```
#45545a rgb(69,84,90)
```

Analogous Color

#5a4c45
```
#5a4c45 rgb(90,76,69)
```
#455a56
```
#455a56 rgb(69,90,86)
```
#5a4554
```
#5a4554 rgb(90,69,84)
```

Split Complementary Color

#5a5645
```
#5a5645 rgb(90,86,69)
```
#455a56
```
#455a56 rgb(69,90,86)
```
#56455a
```
#56455a rgb(86,69,90)
```

Triadic Color

#495a45
```
#495a45 rgb(73,90,69)
```
#455a56
```
#455a56 rgb(69,90,86)
```
#56455a
```
#56455a rgb(86,69,90)
```
#5a4549
```
#5a4549 rgb(90,69,73)
```

Tetradic Color

#242f2d
```
#242f2d rgb(36,47,45)
```
#2f3d3a
```
#2f3d3a rgb(47,61,58)
```
#3a4c48
```
#3a4c48 rgb(58,76,72)
```
#455a56
```
#455a56 rgb(69,90,86)
```
#506864
```
#506864 rgb(80,104,100)
```
#5b7772
```
#5b7772 rgb(91,119,114)
```
#66857f
```
#66857f rgb(102,133,127)
```

Monochromatic Color

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

#455a51
```
#455a51 rgb(69,90,81)
```
#455a53
```
#455a53 rgb(69,90,83)
```
#455a54
```
#455a54 rgb(69,90,84)
```
#455a56
```
#455a56 rgb(69,90,86)
```
#455a58
```
#455a58 rgb(69,90,88)
```
#455a5a
```
#455a5a rgb(69,90,90)
```
#45595a
```
#45595a rgb(69,89,90)
```

Similar Colors

Text with hexadecimal color #455a56

This text has a font color of #455a56.

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

#455a56 background color

This paragraph has a background color of #455a56.

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

#455a56 border color

This element has a border color of #455a56.

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

CSS codes

.text {color:#455a56;}

.background {background-color:#455a56;}

.border {border:1px solid #455a56;}

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0c
```
#090c0c rgb(9,12,12)
```
#121716
```
#121716 rgb(18,23,22)
```
#1a2221
```
#1a2221 rgb(26,34,33)
```
#232e2c
```
#232e2c rgb(35,46,44)
```
#2b3936
```
#2b3936 rgb(43,57,54)
```
#344441
```
#344441 rgb(52,68,65)
```
#3c4f4b
```
#3c4f4b rgb(60,79,75)
```
#455a56
```
#455a56 rgb(69,90,86)
```
#4e6561
```
#4e6561 rgb(78,101,97)
```
#56706b
```
#56706b rgb(86,112,107)
```
#5f7b76
```
#5f7b76 rgb(95,123,118)
```
#678680
```
#678680 rgb(103,134,128)
```

Shade Color Variation

#70918b
```
#70918b rgb(112,145,139)
```
#7b9a94
```
#7b9a94 rgb(123,154,148)
```
#86a29d
```
#86a29d rgb(134,162,157)
```
#91aba6
```
#91aba6 rgb(145,171,166)
```
#9cb3af
```
#9cb3af rgb(156,179,175)
```
#a7bcb8
```
#a7bcb8 rgb(167,188,184)
```
#b2c4c1
```
#b2c4c1 rgb(178,196,193)
```
#becdca
```
#becdca rgb(190,205,202)
```
#c9d5d3
```
#c9d5d3 rgb(201,213,211)
```
#d4dedc
```
#d4dedc rgb(212,222,220)
```
#dfe6e5
```
#dfe6e5 rgb(223,230,229)
```
#eaefee
```
#eaefee rgb(234,239,238)
```
#f5f7f7
```
#f5f7f7 rgb(245,247,247)
```

Tint Color Variation

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

#4b5452
```
#4b5452 rgb(75,84,82)
```
#455a56
```
#455a56 rgb(69,90,86)
```
#3f605a
```
#3f605a rgb(63,96,90)
```
#39665e
```
#39665e rgb(57,102,94)
```
#336c61
```
#336c61 rgb(51,108,97)
```
#2d7265
```
#2d7265 rgb(45,114,101)
```
#267969
```
#267969 rgb(38,121,105)
```
#207f6d
```
#207f6d rgb(32,127,109)
```
#1a8571
```
#1a8571 rgb(26,133,113)
```
#148b74
```
#148b74 rgb(20,139,116)
```
#0e9178
```
#0e9178 rgb(14,145,120)
```
#08977c
```
#08977c rgb(8,151,124)
```
#029d80
```
#029d80 rgb(2,157,128)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#505454 Atypical Achromatopsia 0.001% of the population

Dichromacy

#605e5c Protanopia 1% of men
#665b61 Deuteranopia 1% of men
#506168 Tritanopia 0.001% of the population

Trichromacy

#565c5a Protanomaly 1% of men, 0.01% of women
#5a5b5d Deuteranomaly 6% of men, 0.4% of women
#4c5e61 Tritanomaly 0.01% of the population

#455a56 hex color

#455a56 Color Information

#455a56 Color Conversion

Color Schemes with #455a56

Alternatives to #455a56

#455a56 Preview

Shades and Tints of #455a56

Tones of #455a56

Color Blindness Simulator