#536362 hex color

In a RGB color space, hex #536362 is composed of 32.5% red, 38.8% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 0% magenta, 1% yellow and 61.2% black. It has a hue angle of 176.3 degrees, a saturation of 8.8% and a lightness of 35.7%. #536362 color hex could be obtained by blending #a6c6c4 with #000000. Closest websafe color is: #666666.

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

● #536362 color description : Very dark grayish cyan.

The hexadecimal color #536362 has RGB values of R:83, G:99, B:98 and CMYK values of C:0.16, M:0, Y:0.01, K:0.61. Its decimal value is 5464930.

Hex triplet	536362	`#536362`
RGB Decimal	83, 99, 98	`rgb(83,99,98)`
RGB Percent	32.5, 38.8, 38.4	`rgb(32.5%,38.8%,38.4%)`
CMYK	16, 0, 1, 61
HSL	176.3°, 8.8, 35.7	`hsl(176.3,8.8%,35.7%)`
HSV (or HSB)	176.3°, 16.2, 38.8
Web Safe	666666	`#666666`

CIE-LAB	40.645, -6.296, -1.478
XYZ	10.233, 11.644, 13.263
xyY	0.291, 0.331, 11.644
CIE-LCH	40.645, 6.467, 193.21
CIE-LUV	40.645, -8.276, -1.012
Hunter-Lab	34.124, -6.187, 0.842
Binary	01010011, 01100011, 01100010

#536362
```
#536362 rgb(83,99,98)
```
#635354
```
#635354 rgb(99,83,84)
```

Complementary Color

#53635a
```
#53635a rgb(83,99,90)
```
#536362
```
#536362 rgb(83,99,98)
```
#535c63
```
#535c63 rgb(83,92,99)
```

Analogous Color

#635a53
```
#635a53 rgb(99,90,83)
```
#536362
```
#536362 rgb(83,99,98)
```
#63535c
```
#63535c rgb(99,83,92)
```

Split Complementary Color

#636253
```
#636253 rgb(99,98,83)
```
#536362
```
#536362 rgb(83,99,98)
```
#625363
```
#625363 rgb(98,83,99)
```

Triadic Color

#546353
```
#546353 rgb(84,99,83)
```
#536362
```
#536362 rgb(83,99,98)
```
#625363
```
#625363 rgb(98,83,99)
```
#635354
```
#635354 rgb(99,83,84)
```

Tetradic Color

#303939
```
#303939 rgb(48,57,57)
```
#3c4747
```
#3c4747 rgb(60,71,71)
```
#475554
```
#475554 rgb(71,85,84)
```
#536362
```
#536362 rgb(83,99,98)
```
#5f7170
```
#5f7170 rgb(95,113,112)
```
#6a7f7d
```
#6a7f7d rgb(106,127,125)
```
#768c8b
```
#768c8b rgb(118,140,139)
```

Monochromatic Color

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

#53635e
```
#53635e rgb(83,99,94)
```
#53635f
```
#53635f rgb(83,99,95)
```
#536361
```
#536361 rgb(83,99,97)
```
#536362
```
#536362 rgb(83,99,98)
```
#536363
```
#536363 rgb(83,99,99)
```
#536163
```
#536163 rgb(83,97,99)
```
#536063
```
#536063 rgb(83,96,99)
```

Similar Colors

Text with hexadecimal color #536362

This text has a font color of #536362.

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

#536362 background color

This paragraph has a background color of #536362.

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

#536362 border color

This element has a border color of #536362.

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

CSS codes

.text {color:#536362;}

.background {background-color:#536362;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0b0e0e
```
#0b0e0e rgb(11,14,14)
```
#141818
```
#141818 rgb(20,24,24)
```
#1d2323
```
#1d2323 rgb(29,35,35)
```
#262e2d
```
#262e2d rgb(38,46,45)
```
#2f3838
```
#2f3838 rgb(47,56,56)
```
#384342
```
#384342 rgb(56,67,66)
```
#414e4d
```
#414e4d rgb(65,78,77)
```
#4a5857
```
#4a5857 rgb(74,88,87)
```
#536362
```
#536362 rgb(83,99,98)
```
#5c6e6d
```
#5c6e6d rgb(92,110,109)
```
#657877
```
#657877 rgb(101,120,119)
```
#6e8382
```
#6e8382 rgb(110,131,130)
```

Shade Color Variation

#778d8c
```
#778d8c rgb(119,141,140)
```
#829695
```
#829695 rgb(130,150,149)
```
#8d9f9e
```
#8d9f9e rgb(141,159,158)
```
#97a8a7
```
#97a8a7 rgb(151,168,167)
```
#a2b1b0
```
#a2b1b0 rgb(162,177,176)
```
#adbab9
```
#adbab9 rgb(173,186,185)
```
#b7c3c2
```
#b7c3c2 rgb(183,195,194)
```
#c2cccb
```
#c2cccb rgb(194,204,203)
```
#cdd5d4
```
#cdd5d4 rgb(205,213,212)
```
#d7dedd
```
#d7dedd rgb(215,222,221)
```
#e2e7e6
```
#e2e7e6 rgb(226,231,230)
```
#edf0ef
```
#edf0ef rgb(237,240,239)
```
#f7f9f8
```
#f7f9f8 rgb(247,249,248)
```

Tint Color Variation

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

#5a5c5c
```
#5a5c5c rgb(90,92,92)
```
#536362
```
#536362 rgb(83,99,98)
```
#4c6a68
```
#4c6a68 rgb(76,106,104)
```
#45716e
```
#45716e rgb(69,113,110)
```
#3e7874
```
#3e7874 rgb(62,120,116)
```
#377f7b
```
#377f7b rgb(55,127,123)
```
#308681
```
#308681 rgb(48,134,129)
```
#298d87
```
#298d87 rgb(41,141,135)
```
#22948d
```
#22948d rgb(34,148,141)
```
#1b9b93
```
#1b9b93 rgb(27,155,147)
```
#14a299
```
#14a299 rgb(20,162,153)
```
#0da99f
```
#0da99f rgb(13,169,159)
```
#06b0a5
```
#06b0a5 rgb(6,176,165)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c5f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#696768 Protanopia 1% of men
#6f656c Deuteranopia 1% of men
#5d6971 Tritanopia 0.001% of the population

Trichromacy

#616566 Protanomaly 1% of men, 0.01% of women
#656468 Deuteranomaly 6% of men, 0.4% of women
#59676b Tritanomaly 0.01% of the population

#536362 hex color

#536362 Color Information

#536362 Color Conversion

Color Schemes with #536362

Alternatives to #536362

#536362 Preview

Shades and Tints of #536362

Tones of #536362

Color Blindness Simulator