#536461 hex color

In a RGB color space, hex #536461 is composed of 32.5% red, 39.2% green and 38% blue. Whereas in a CMYK color space, it is composed of 17% cyan, 0% magenta, 3% yellow and 60.8% black. It has a hue angle of 169.4 degrees, a saturation of 9.3% and a lightness of 35.9%. #536461 color hex could be obtained by blending #a6c8c2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 39
- B 38
RGB color chart
- C 17
- M 0
- Y 3
- K 61
CMYK color chart

● #536461 color description : Very dark grayish cyan.

The hexadecimal color #536461 has RGB values of R:83, G:100, B:97 and CMYK values of C:0.17, M:0, Y:0.03, K:0.61. Its decimal value is 5465185.

Hex triplet	536461	`#536461`
RGB Decimal	83, 100, 97	`rgb(83,100,97)`
RGB Percent	32.5, 39.2, 38	`rgb(32.5%,39.2%,38%)`
CMYK	17, 0, 3, 61
HSL	169.4°, 9.3, 35.9	`hsl(169.4,9.3%,35.9%)`
HSV (or HSB)	169.4°, 17, 39.2
Web Safe	666666	`#666666`

CIE-LAB	40.922, -7.117, -0.46
XYZ	10.282, 11.816, 13.048
xyY	0.293, 0.336, 11.816
CIE-LCH	40.922, 7.132, 183.699
CIE-LUV	40.922, -8.725, 0.444
Hunter-Lab	34.375, -6.766, 1.557
Binary	01010011, 01100100, 01100001

#536461
```
#536461 rgb(83,100,97)
```
#645356
```
#645356 rgb(100,83,86)
```

Complementary Color

#536459
```
#536459 rgb(83,100,89)
```
#536461
```
#536461 rgb(83,100,97)
```
#535f64
```
#535f64 rgb(83,95,100)
```

Analogous Color

#645953
```
#645953 rgb(100,89,83)
```
#536461
```
#536461 rgb(83,100,97)
```
#64535f
```
#64535f rgb(100,83,95)
```

Split Complementary Color

#646153
```
#646153 rgb(100,97,83)
```
#536461
```
#536461 rgb(83,100,97)
```
#615364
```
#615364 rgb(97,83,100)
```

Triadic Color

#566453
```
#566453 rgb(86,100,83)
```
#536461
```
#536461 rgb(83,100,97)
```
#615364
```
#615364 rgb(97,83,100)
```
#645356
```
#645356 rgb(100,83,86)
```

Tetradic Color

#303a38
```
#303a38 rgb(48,58,56)
```
#3c4846
```
#3c4846 rgb(60,72,70)
```
#475653
```
#475653 rgb(71,86,83)
```
#536461
```
#536461 rgb(83,100,97)
```
#5f726f
```
#5f726f rgb(95,114,111)
```
#6a807c
```
#6a807c rgb(106,128,124)
```
#768d89
```
#768d89 rgb(118,141,137)
```

Monochromatic Color

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

#53645d
```
#53645d rgb(83,100,93)
```
#53645e
```
#53645e rgb(83,100,94)
```
#536460
```
#536460 rgb(83,100,96)
```
#536461
```
#536461 rgb(83,100,97)
```
#536462
```
#536462 rgb(83,100,98)
```
#536464
```
#536464 rgb(83,100,100)
```
#536364
```
#536364 rgb(83,99,100)
```

Similar Colors

Text with hexadecimal color #536461

This text has a font color of #536461.

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

#536461 background color

This paragraph has a background color of #536461.

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

#536461 border color

This element has a border color of #536461.

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

CSS codes

.text {color:#536461;}

.background {background-color:#536461;}

.border {border:1px solid #536461;}

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

#030403
```
#030403 rgb(3,4,3)
```
#0c0e0e
```
#0c0e0e rgb(12,14,14)
```
#151918
```
#151918 rgb(21,25,24)
```
#1e2423
```
#1e2423 rgb(30,36,35)
```
#272e2d
```
#272e2d rgb(39,46,45)
```
#2f3937
```
#2f3937 rgb(47,57,55)
```
#384442
```
#384442 rgb(56,68,66)
```
#414f4c
```
#414f4c rgb(65,79,76)
```
#4a5957
```
#4a5957 rgb(74,89,87)
```
#536461
```
#536461 rgb(83,100,97)
```
#5c6f6b
```
#5c6f6b rgb(92,111,107)
```
#657976
```
#657976 rgb(101,121,118)
```
#6e8480
```
#6e8480 rgb(110,132,128)
```

Shade Color Variation

#778e8a
```
#778e8a rgb(119,142,138)
```
#829793
```
#829793 rgb(130,151,147)
```
#8da09d
```
#8da09d rgb(141,160,157)
```
#97a9a6
```
#97a9a6 rgb(151,169,166)
```
#a2b2af
```
#a2b2af rgb(162,178,175)
```
#adbbb8
```
#adbbb8 rgb(173,187,184)
```
#b7c4c2
```
#b7c4c2 rgb(183,196,194)
```
#c2cdcb
```
#c2cdcb rgb(194,205,203)
```
#cdd5d4
```
#cdd5d4 rgb(205,213,212)
```
#d8dedd
```
#d8dedd rgb(216,222,221)
```
#e2e7e6
```
#e2e7e6 rgb(226,231,230)
```
#edf0f0
```
#edf0f0 rgb(237,240,240)
```
#f8f9f9
```
#f8f9f9 rgb(248,249,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5d5c is the less saturated color, while #06b193 is the most saturated one.

#5a5d5c
```
#5a5d5c rgb(90,93,92)
```
#536461
```
#536461 rgb(83,100,97)
```
#4c6b66
```
#4c6b66 rgb(76,107,102)
```
#45726a
```
#45726a rgb(69,114,106)
```
#3e796f
```
#3e796f rgb(62,121,111)
```
#378073
```
#378073 rgb(55,128,115)
```
#308778
```
#308778 rgb(48,135,120)
```
#298e7c
```
#298e7c rgb(41,142,124)
```
#229581
```
#229581 rgb(34,149,129)
```
#1b9c85
```
#1b9c85 rgb(27,156,133)
```
#14a38a
```
#14a38a rgb(20,163,138)
```
#0daa8f
```
#0daa8f rgb(13,170,143)
```
#06b193
```
#06b193 rgb(6,177,147)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d605f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6867 Protanopia 1% of men
#71656b Deuteranopia 1% of men
#5d6a72 Tritanopia 0.001% of the population

Trichromacy

#626664 Protanomaly 1% of men, 0.01% of women
#666567 Deuteranomaly 6% of men, 0.4% of women
#59686c Tritanomaly 0.01% of the population

#536461 hex color

#536461 Color Information

#536461 Color Conversion

Color Schemes with #536461

Alternatives to #536461

#536461 Preview

Shades and Tints of #536461

Tones of #536461

Color Blindness Simulator