#536063 hex color

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

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

● #536063 color description : Very dark grayish cyan.

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

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

CIE-LAB	39.757, -4.277, -3.399
XYZ	10.002, 11.105, 13.42
xyY	0.29, 0.322, 11.105
CIE-LCH	39.757, 5.463, 218.473
CIE-LUV	39.757, -6.896, -3.831
Hunter-Lab	33.325, -4.745, -0.549
Binary	01010011, 01100000, 01100011

#536063
```
#536063 rgb(83,96,99)
```
#635653
```
#635653 rgb(99,86,83)
```

Complementary Color

#53635e
```
#53635e rgb(83,99,94)
```
#536063
```
#536063 rgb(83,96,99)
```
#535863
```
#535863 rgb(83,88,99)
```

Analogous Color

#635e53
```
#635e53 rgb(99,94,83)
```
#536063
```
#536063 rgb(83,96,99)
```
#635358
```
#635358 rgb(99,83,88)
```

Split Complementary Color

#606353
```
#606353 rgb(96,99,83)
```
#536063
```
#536063 rgb(83,96,99)
```
#635360
```
#635360 rgb(99,83,96)
```

Triadic Color

#536356
```
#536356 rgb(83,99,86)
```
#536063
```
#536063 rgb(83,96,99)
```
#635360
```
#635360 rgb(99,83,96)
```
#635653
```
#635653 rgb(99,86,83)
```

Tetradic Color

#303839
```
#303839 rgb(48,56,57)
```
#3c4547
```
#3c4547 rgb(60,69,71)
```
#475355
```
#475355 rgb(71,83,85)
```
#536063
```
#536063 rgb(83,96,99)
```
#5f6d71
```
#5f6d71 rgb(95,109,113)
```
#6a7b7f
```
#6a7b7f rgb(106,123,127)
```
#76888c
```
#76888c rgb(118,136,140)
```

Monochromatic Color

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

#536362
```
#536362 rgb(83,99,98)
```
#536363
```
#536363 rgb(83,99,99)
```
#536163
```
#536163 rgb(83,97,99)
```
#536063
```
#536063 rgb(83,96,99)
```
#535f63
```
#535f63 rgb(83,95,99)
```
#535d63
```
#535d63 rgb(83,93,99)
```
#535c63
```
#535c63 rgb(83,92,99)
```

Similar Colors

Text with hexadecimal color #536063

This text has a font color of #536063.

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

#536063 background color

This paragraph has a background color of #536063.

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

#536063 border color

This element has a border color of #536063.

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

CSS codes

.text {color:#536063;}

.background {background-color:#536063;}

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

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 #f7f8f9 is the lightest one.

#020303
```
#020303 rgb(2,3,3)
```
#0b0d0e
```
#0b0d0e rgb(11,13,14)
```
#141818
```
#141818 rgb(20,24,24)
```
#1d2223
```
#1d2223 rgb(29,34,35)
```
#262c2e
```
#262c2e rgb(38,44,46)
```
#2f3738
```
#2f3738 rgb(47,55,56)
```
#384143
```
#384143 rgb(56,65,67)
```
#414b4e
```
#414b4e rgb(65,75,78)
```
#4a5658
```
#4a5658 rgb(74,86,88)
```
#536063
```
#536063 rgb(83,96,99)
```
#5c6a6e
```
#5c6a6e rgb(92,106,110)
```
#657578
```
#657578 rgb(101,117,120)
```
#6e7f83
```
#6e7f83 rgb(110,127,131)
```

Shade Color Variation

#77898d
```
#77898d rgb(119,137,141)
```
#829296
```
#829296 rgb(130,146,150)
```
#8d9c9f
```
#8d9c9f rgb(141,156,159)
```
#97a5a8
```
#97a5a8 rgb(151,165,168)
```
#a2aeb1
```
#a2aeb1 rgb(162,174,177)
```
#adb7ba
```
#adb7ba rgb(173,183,186)
```
#b7c1c3
```
#b7c1c3 rgb(183,193,195)
```
#c2cacc
```
#c2cacc rgb(194,202,204)
```
#cdd3d5
```
#cdd3d5 rgb(205,211,213)
```
#d7ddde
```
#d7ddde rgb(215,221,222)
```
#e2e6e7
```
#e2e6e7 rgb(226,230,231)
```
#edeff0
```
#edeff0 rgb(237,239,240)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,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 #0690b0 is the most saturated one.

#5a5c5c
```
#5a5c5c rgb(90,92,92)
```
#536063
```
#536063 rgb(83,96,99)
```
#4c646a
```
#4c646a rgb(76,100,106)
```
#456971
```
#456971 rgb(69,105,113)
```
#3e6d78
```
#3e6d78 rgb(62,109,120)
```
#37727f
```
#37727f rgb(55,114,127)
```
#307686
```
#307686 rgb(48,118,134)
```
#297a8d
```
#297a8d rgb(41,122,141)
```
#227f94
```
#227f94 rgb(34,127,148)
```
#1b839b
```
#1b839b rgb(27,131,155)
```
#1487a2
```
#1487a2 rgb(20,135,162)
```
#0d8ca9
```
#0d8ca9 rgb(13,140,169)
```
#0690b0
```
#0690b0 rgb(6,144,176)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5d5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#666569 Protanopia 1% of men
#6c636c Deuteranopia 1% of men
#5c676f Tritanopia 0.001% of the population

Trichromacy

#5f6367 Protanomaly 1% of men, 0.01% of women
#636269 Deuteranomaly 6% of men, 0.4% of women
#59646a Tritanomaly 0.01% of the population

#536063 hex color

#536063 Color Information

#536063 Color Conversion

Color Schemes with #536063

Alternatives to #536063

#536063 Preview

Shades and Tints of #536063

Tones of #536063

Color Blindness Simulator