#535e66 hex color

In a RGB color space, hex #535e66 is composed of 32.5% red, 36.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 7.8% magenta, 0% yellow and 60% black. It has a hue angle of 205.3 degrees, a saturation of 10.3% and a lightness of 36.3%. #535e66 color hex could be obtained by blending #a6bccc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 37
- B 40
RGB color chart
- C 19
- M 8
- Y 0
- K 60
CMYK color chart

● #535e66 color description : Very dark grayish blue.

The hexadecimal color #535e66 has RGB values of R:83, G:94, B:102 and CMYK values of C:0.19, M:0.08, Y:0, K:0.6. Its decimal value is 5463654.

Hex triplet	535e66	`#535e66`
RGB Decimal	83, 94, 102	`rgb(83,94,102)`
RGB Percent	32.5, 36.9, 40	`rgb(32.5%,36.9%,40%)`
CMYK	19, 8, 0, 60
HSL	205.3°, 10.3, 36.3	`hsl(205.3,10.3%,36.3%)`
HSV (or HSB)	205.3°, 18.6, 40
Web Safe	666666	`#666666`

CIE-LAB	39.248, -2.348, -6.002
XYZ	9.968, 10.804, 14.13
xyY	0.286, 0.31, 10.804
CIE-LCH	39.248, 6.445, 248.638
CIE-LUV	39.248, -6.063, -7.577
Hunter-Lab	32.869, -3.389, -2.48
Binary	01010011, 01011110, 01100110

#535e66
```
#535e66 rgb(83,94,102)
```
#665b53
```
#665b53 rgb(102,91,83)
```

Complementary Color

#536665
```
#536665 rgb(83,102,101)
```
#535e66
```
#535e66 rgb(83,94,102)
```
#535566
```
#535566 rgb(83,85,102)
```

Analogous Color

#666553
```
#666553 rgb(102,101,83)
```
#535e66
```
#535e66 rgb(83,94,102)
```
#665355
```
#665355 rgb(102,83,85)
```

Split Complementary Color

#5e6653
```
#5e6653 rgb(94,102,83)
```
#535e66
```
#535e66 rgb(83,94,102)
```
#66535e
```
#66535e rgb(102,83,94)
```

Triadic Color

#53665b
```
#53665b rgb(83,102,91)
```
#535e66
```
#535e66 rgb(83,94,102)
```
#66535e
```
#66535e rgb(102,83,94)
```
#665b53
```
#665b53 rgb(102,91,83)
```

Tetradic Color

#31373c
```
#31373c rgb(49,55,60)
```
#3c444a
```
#3c444a rgb(60,68,74)
```
#485158
```
#485158 rgb(72,81,88)
```
#535e66
```
#535e66 rgb(83,94,102)
```
#5e6b74
```
#5e6b74 rgb(94,107,116)
```
#6a7882
```
#6a7882 rgb(106,120,130)
```
#768590
```
#768590 rgb(118,133,144)
```

Monochromatic Color

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

#536366
```
#536366 rgb(83,99,102)
```
#536166
```
#536166 rgb(83,97,102)
```
#536066
```
#536066 rgb(83,96,102)
```
#535e66
```
#535e66 rgb(83,94,102)
```
#535c66
```
#535c66 rgb(83,92,102)
```
#535b66
```
#535b66 rgb(83,91,102)
```
#535966
```
#535966 rgb(83,89,102)
```

Similar Colors

Text with hexadecimal color #535e66

This text has a font color of #535e66.

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

#535e66 background color

This paragraph has a background color of #535e66.

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

#535e66 border color

This element has a border color of #535e66.

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

CSS codes

.text {color:#535e66;}

.background {background-color:#535e66;}

.border {border:1px solid #535e66;}

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

#040405
```
#040405 rgb(4,4,5)
```
#0d0e0f
```
#0d0e0f rgb(13,14,15)
```
#15181a
```
#15181a rgb(21,24,26)
```
#1e2225
```
#1e2225 rgb(30,34,37)
```
#272c30
```
#272c30 rgb(39,44,48)
```
#30363b
```
#30363b rgb(48,54,59)
```
#394046
```
#394046 rgb(57,64,70)
```
#414a50
```
#414a50 rgb(65,74,80)
```
#4a545b
```
#4a545b rgb(74,84,91)
```
#535e66
```
#535e66 rgb(83,94,102)
```
#5c6871
```
#5c6871 rgb(92,104,113)
```
#65727c
```
#65727c rgb(101,114,124)
```
#6d7c86
```
#6d7c86 rgb(109,124,134)
```

Shade Color Variation

#778690
```
#778690 rgb(119,134,144)
```
#828f99
```
#828f99 rgb(130,143,153)
```
#8d99a2
```
#8d99a2 rgb(141,153,162)
```
#98a3ab
```
#98a3ab rgb(152,163,171)
```
#a2acb4
```
#a2acb4 rgb(162,172,180)
```
#adb6bc
```
#adb6bc rgb(173,182,188)
```
#b8c0c5
```
#b8c0c5 rgb(184,192,197)
```
#c3c9ce
```
#c3c9ce rgb(195,201,206)
```
#ced3d7
```
#ced3d7 rgb(206,211,215)
```
#d8dde0
```
#d8dde0 rgb(216,221,224)
```
#e3e6e8
```
#e3e6e8 rgb(227,230,232)
```
#eef0f1
```
#eef0f1 rgb(238,240,241)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

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

#5a5d5f
```
#5a5d5f rgb(90,93,95)
```
#535e66
```
#535e66 rgb(83,94,102)
```
#4c5f6d
```
#4c5f6d rgb(76,95,109)
```
#456074
```
#456074 rgb(69,96,116)
```
#3e617b
```
#3e617b rgb(62,97,123)
```
#376282
```
#376282 rgb(55,98,130)
```
#2f648a
```
#2f648a rgb(47,100,138)
```
#286591
```
#286591 rgb(40,101,145)
```
#216698
```
#216698 rgb(33,102,152)
```
#1a679f
```
#1a679f rgb(26,103,159)
```
#1368a6
```
#1368a6 rgb(19,104,166)
```
#0c69ad
```
#0c69ad rgb(12,105,173)
```
#056ab4
```
#056ab4 rgb(5,106,180)
```

Tone Color Variation

Below, you can see how #535e66 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
#5a5c5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#64646c Protanopia 1% of men
#69626f Deuteranopia 1% of men
#5b666d Tritanopia 0.001% of the population

Trichromacy

#5d616a Protanomaly 1% of men, 0.01% of women
#61606b Deuteranomaly 6% of men, 0.4% of women
#58636a Tritanomaly 0.01% of the population

#535e66 hex color

#535e66 Color Information

#535e66 Color Conversion

Color Schemes with #535e66

Alternatives to #535e66

#535e66 Preview

Shades and Tints of #535e66

Tones of #535e66

Color Blindness Simulator