#535663 hex color

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

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

● #535663 color description : Very dark grayish blue.

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

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

CIE-LAB	36.735, 1.825, -7.901
XYZ	9.147, 9.395, 13.135
xyY	0.289, 0.297, 9.395
CIE-LCH	36.735, 8.109, 283.003
CIE-LUV	36.735, -2.269, -10.544
Hunter-Lab	30.652, -0.375, -3.951
Binary	01010011, 01010110, 01100011

#535663
```
#535663 rgb(83,86,99)
```
#636053
```
#636053 rgb(99,96,83)
```

Complementary Color

#535e63
```
#535e63 rgb(83,94,99)
```
#535663
```
#535663 rgb(83,86,99)
```
#585363
```
#585363 rgb(88,83,99)
```

Analogous Color

#5e6353
```
#5e6353 rgb(94,99,83)
```
#535663
```
#535663 rgb(83,86,99)
```
#635853
```
#635853 rgb(99,88,83)
```

Split Complementary Color

#566353
```
#566353 rgb(86,99,83)
```
#535663
```
#535663 rgb(83,86,99)
```
#635356
```
#635356 rgb(99,83,86)
```

Triadic Color

#536360
```
#536360 rgb(83,99,96)
```
#535663
```
#535663 rgb(83,86,99)
```
#635356
```
#635356 rgb(99,83,86)
```
#636053
```
#636053 rgb(99,96,83)
```

Tetradic Color

#303239
```
#303239 rgb(48,50,57)
```
#3c3e47
```
#3c3e47 rgb(60,62,71)
```
#474a55
```
#474a55 rgb(71,74,85)
```
#535663
```
#535663 rgb(83,86,99)
```
#5f6271
```
#5f6271 rgb(95,98,113)
```
#6a6e7f
```
#6a6e7f rgb(106,110,127)
```
#767a8c
```
#767a8c rgb(118,122,140)
```

Monochromatic Color

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

#535a63
```
#535a63 rgb(83,90,99)
```
#535963
```
#535963 rgb(83,89,99)
```
#535763
```
#535763 rgb(83,87,99)
```
#535663
```
#535663 rgb(83,86,99)
```
#535563
```
#535563 rgb(83,85,99)
```
#535363
```
#535363 rgb(83,83,99)
```
#545363
```
#545363 rgb(84,83,99)
```

Similar Colors

Text with hexadecimal color #535663

This text has a font color of #535663.

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

#535663 background color

This paragraph has a background color of #535663.

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

#535663 border color

This element has a border color of #535663.

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

CSS codes

.text {color:#535663;}

.background {background-color:#535663;}

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

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)
```
#0b0c0e
```
#0b0c0e rgb(11,12,14)
```
#141518
```
#141518 rgb(20,21,24)
```
#1d1e23
```
#1d1e23 rgb(29,30,35)
```
#26282e
```
#26282e rgb(38,40,46)
```
#2f3138
```
#2f3138 rgb(47,49,56)
```
#383a43
```
#383a43 rgb(56,58,67)
```
#41434e
```
#41434e rgb(65,67,78)
```
#4a4d58
```
#4a4d58 rgb(74,77,88)
```
#535663
```
#535663 rgb(83,86,99)
```
#5c5f6e
```
#5c5f6e rgb(92,95,110)
```
#656978
```
#656978 rgb(101,105,120)
```
#6e7283
```
#6e7283 rgb(110,114,131)
```

Shade Color Variation

#777b8d
```
#777b8d rgb(119,123,141)
```
#828696
```
#828696 rgb(130,134,150)
```
#8d909f
```
#8d909f rgb(141,144,159)
```
#979aa8
```
#979aa8 rgb(151,154,168)
```
#a2a5b1
```
#a2a5b1 rgb(162,165,177)
```
#adafba
```
#adafba rgb(173,175,186)
```
#b7b9c3
```
#b7b9c3 rgb(183,185,195)
```
#c2c4cc
```
#c2c4cc rgb(194,196,204)
```
#cdced5
```
#cdced5 rgb(205,206,213)
```
#d7d8de
```
#d7d8de rgb(215,216,222)
```
#e2e3e7
```
#e2e3e7 rgb(226,227,231)
```
#ededf0
```
#ededf0 rgb(237,237,240)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Tint Color Variation

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

#5a5a5c
```
#5a5a5c rgb(90,90,92)
```
#535663
```
#535663 rgb(83,86,99)
```
#4c526a
```
#4c526a rgb(76,82,106)
```
#454d71
```
#454d71 rgb(69,77,113)
```
#3e4978
```
#3e4978 rgb(62,73,120)
```
#37457f
```
#37457f rgb(55,69,127)
```
#304086
```
#304086 rgb(48,64,134)
```
#293c8d
```
#293c8d rgb(41,60,141)
```
#223794
```
#223794 rgb(34,55,148)
```
#1b339b
```
#1b339b rgb(27,51,155)
```
#142fa2
```
#142fa2 rgb(20,47,162)
```
#0d2aa9
```
#0d2aa9 rgb(13,42,169)
```
#0626b0
```
#0626b0 rgb(6,38,176)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#565759 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5e6a Protanopia 1% of men
#615c6b Deuteranopia 1% of men
#5a5f66 Tritanopia 0.001% of the population

Trichromacy

#595b68 Protanomaly 1% of men, 0.01% of women
#5c5a68 Deuteranomaly 6% of men, 0.4% of women
#585c65 Tritanomaly 0.01% of the population

#535663 hex color

#535663 Color Information

#535663 Color Conversion

Color Schemes with #535663

Alternatives to #535663

#535663 Preview

Shades and Tints of #535663

Tones of #535663

Color Blindness Simulator