#536363 hex color

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

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

● #536363 color description : Very dark grayish cyan.

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

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

CIE-LAB	40.676, -6.062, -2.045
XYZ	10.281, 11.663, 13.513
xyY	0.29, 0.329, 11.663
CIE-LCH	40.676, 6.397, 198.639
CIE-LUV	40.676, -8.299, -1.795
Hunter-Lab	34.152, -6.031, 0.446
Binary	01010011, 01100011, 01100011

#536363
```
#536363 rgb(83,99,99)
```
#635353
```
#635353 rgb(99,83,83)
```

Complementary Color

#53635b
```
#53635b rgb(83,99,91)
```
#536363
```
#536363 rgb(83,99,99)
```
#535b63
```
#535b63 rgb(83,91,99)
```

Analogous Color

#635b53
```
#635b53 rgb(99,91,83)
```
#536363
```
#536363 rgb(83,99,99)
```
#63535b
```
#63535b rgb(99,83,91)
```

Split Complementary Color

#636353
```
#636353 rgb(99,99,83)
```
#536363
```
#536363 rgb(83,99,99)
```
#635363
```
#635363 rgb(99,83,99)
```

Triadic Color

#536353
```
#536353 rgb(83,99,83)
```
#536363
```
#536363 rgb(83,99,99)
```
#635363
```
#635363 rgb(99,83,99)
```
#635353
```
#635353 rgb(99,83,83)
```

Tetradic Color

#303939
```
#303939 rgb(48,57,57)
```
#3c4747
```
#3c4747 rgb(60,71,71)
```
#475555
```
#475555 rgb(71,85,85)
```
#536363
```
#536363 rgb(83,99,99)
```
#5f7171
```
#5f7171 rgb(95,113,113)
```
#6a7f7f
```
#6a7f7f rgb(106,127,127)
```
#768c8c
```
#768c8c rgb(118,140,140)
```

Monochromatic Color

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

#53635f
```
#53635f rgb(83,99,95)
```
#536360
```
#536360 rgb(83,99,96)
```
#536362
```
#536362 rgb(83,99,98)
```
#536363
```
#536363 rgb(83,99,99)
```
#536263
```
#536263 rgb(83,98,99)
```
#536063
```
#536063 rgb(83,96,99)
```
#535f63
```
#535f63 rgb(83,95,99)
```

Similar Colors

Text with hexadecimal color #536363

This text has a font color of #536363.

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

#536363 background color

This paragraph has a background color of #536363.

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

#536363 border color

This element has a border color of #536363.

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

CSS codes

.text {color:#536363;}

.background {background-color:#536363;}

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

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 #f7f9f9 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)
```
#262e2e
```
#262e2e rgb(38,46,46)
```
#2f3838
```
#2f3838 rgb(47,56,56)
```
#384343
```
#384343 rgb(56,67,67)
```
#414e4e
```
#414e4e rgb(65,78,78)
```
#4a5858
```
#4a5858 rgb(74,88,88)
```
#536363
```
#536363 rgb(83,99,99)
```
#5c6e6e
```
#5c6e6e rgb(92,110,110)
```
#657878
```
#657878 rgb(101,120,120)
```
#6e8383
```
#6e8383 rgb(110,131,131)
```

Shade Color Variation

#778d8d
```
#778d8d rgb(119,141,141)
```
#829696
```
#829696 rgb(130,150,150)
```
#8d9f9f
```
#8d9f9f rgb(141,159,159)
```
#97a8a8
```
#97a8a8 rgb(151,168,168)
```
#a2b1b1
```
#a2b1b1 rgb(162,177,177)
```
#adbaba
```
#adbaba rgb(173,186,186)
```
#b7c3c3
```
#b7c3c3 rgb(183,195,195)
```
#c2cccc
```
#c2cccc rgb(194,204,204)
```
#cdd5d5
```
#cdd5d5 rgb(205,213,213)
```
#d7dede
```
#d7dede rgb(215,222,222)
```
#e2e7e7
```
#e2e7e7 rgb(226,231,231)
```
#edf0f0
```
#edf0f0 rgb(237,240,240)
```
#f7f9f9
```
#f7f9f9 rgb(247,249,249)
```

Tint Color Variation

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

#5a5c5c
```
#5a5c5c rgb(90,92,92)
```
#536363
```
#536363 rgb(83,99,99)
```
#4c6a6a
```
#4c6a6a rgb(76,106,106)
```
#457171
```
#457171 rgb(69,113,113)
```
#3e7878
```
#3e7878 rgb(62,120,120)
```
#377f7f
```
#377f7f rgb(55,127,127)
```
#308686
```
#308686 rgb(48,134,134)
```
#298d8d
```
#298d8d rgb(41,141,141)
```
#229494
```
#229494 rgb(34,148,148)
```
#1b9b9b
```
#1b9b9b rgb(27,155,155)
```
#14a2a2
```
#14a2a2 rgb(20,162,162)
```
#0da9a9
```
#0da9a9 rgb(13,169,169)
```
#06b0b0
```
#06b0b0 rgb(6,176,176)
```

Tone Color Variation

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

#696769 Protanopia 1% of men
#6f656d Deuteranopia 1% of men
#5d6a71 Tritanopia 0.001% of the population

Trichromacy

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

#536363 hex color

#536363 Color Information

#536363 Color Conversion

Color Schemes with #536363

Alternatives to #536363

#536363 Preview

Shades and Tints of #536363

Tones of #536363

Color Blindness Simulator