#536266 hex color

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

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

● #536266 color description : Very dark grayish cyan.

The hexadecimal color #536266 has RGB values of R:83, G:98, B:102 and CMYK values of C:0.19, M:0.04, Y:0, K:0.6. Its decimal value is 5464678.

Hex triplet	536266	`#536266`
RGB Decimal	83, 98, 102	`rgb(83,98,102)`
RGB Percent	32.5, 38.4, 40	`rgb(32.5%,38.4%,40%)`
CMYK	19, 4, 0, 60
HSL	192.6°, 10.3, 36.3	`hsl(192.6,10.3%,36.3%)`
HSV (or HSB)	192.6°, 18.6, 40
Web Safe	666666	`#666666`

CIE-LAB	40.465, -4.751, -4.193
XYZ	10.333, 11.533, 14.251
xyY	0.286, 0.319, 11.533
CIE-LCH	40.465, 6.336, 221.43
CIE-LUV	40.465, -7.907, -4.85
Hunter-Lab	33.961, -5.123, -1.108
Binary	01010011, 01100010, 01100110

#536266
```
#536266 rgb(83,98,102)
```
#665753
```
#665753 rgb(102,87,83)
```

Complementary Color

#536661
```
#536661 rgb(83,102,97)
```
#536266
```
#536266 rgb(83,98,102)
```
#535966
```
#535966 rgb(83,89,102)
```

Analogous Color

#666153
```
#666153 rgb(102,97,83)
```
#536266
```
#536266 rgb(83,98,102)
```
#665359
```
#665359 rgb(102,83,89)
```

Split Complementary Color

#626653
```
#626653 rgb(98,102,83)
```
#536266
```
#536266 rgb(83,98,102)
```
#665362
```
#665362 rgb(102,83,98)
```

Triadic Color

#536657
```
#536657 rgb(83,102,87)
```
#536266
```
#536266 rgb(83,98,102)
```
#665362
```
#665362 rgb(102,83,98)
```
#665753
```
#665753 rgb(102,87,83)
```

Tetradic Color

#31393c
```
#31393c rgb(49,57,60)
```
#3c474a
```
#3c474a rgb(60,71,74)
```
#485458
```
#485458 rgb(72,84,88)
```
#536266
```
#536266 rgb(83,98,102)
```
#5e7074
```
#5e7074 rgb(94,112,116)
```
#6a7d82
```
#6a7d82 rgb(106,125,130)
```
#768a90
```
#768a90 rgb(118,138,144)
```

Monochromatic Color

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

#536665
```
#536665 rgb(83,102,101)
```
#536566
```
#536566 rgb(83,101,102)
```
#536466
```
#536466 rgb(83,100,102)
```
#536266
```
#536266 rgb(83,98,102)
```
#536066
```
#536066 rgb(83,96,102)
```
#535f66
```
#535f66 rgb(83,95,102)
```
#535d66
```
#535d66 rgb(83,93,102)
```

Similar Colors

Text with hexadecimal color #536266

This text has a font color of #536266.

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

#536266 background color

This paragraph has a background color of #536266.

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

#536266 border color

This element has a border color of #536266.

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

CSS codes

.text {color:#536266;}

.background {background-color:#536266;}

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

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)
```
#0d0f0f
```
#0d0f0f rgb(13,15,15)
```
#15191a
```
#15191a rgb(21,25,26)
```
#1e2425
```
#1e2425 rgb(30,36,37)
```
#272e30
```
#272e30 rgb(39,46,48)
```
#30383b
```
#30383b rgb(48,56,59)
```
#394346
```
#394346 rgb(57,67,70)
```
#414d50
```
#414d50 rgb(65,77,80)
```
#4a585b
```
#4a585b rgb(74,88,91)
```
#536266
```
#536266 rgb(83,98,102)
```
#5c6c71
```
#5c6c71 rgb(92,108,113)
```
#65777c
```
#65777c rgb(101,119,124)
```
#6d8186
```
#6d8186 rgb(109,129,134)
```

Shade Color Variation

#778b90
```
#778b90 rgb(119,139,144)
```
#829499
```
#829499 rgb(130,148,153)
```
#8d9ea2
```
#8d9ea2 rgb(141,158,162)
```
#98a7ab
```
#98a7ab rgb(152,167,171)
```
#a2b0b4
```
#a2b0b4 rgb(162,176,180)
```
#adb9bc
```
#adb9bc rgb(173,185,188)
```
#b8c2c5
```
#b8c2c5 rgb(184,194,197)
```
#c3ccce
```
#c3ccce rgb(195,204,206)
```
#ced5d7
```
#ced5d7 rgb(206,213,215)
```
#d8dee0
```
#d8dee0 rgb(216,222,224)
```
#e3e7e8
```
#e3e7e8 rgb(227,231,232)
```
#eef1f1
```
#eef1f1 rgb(238,241,241)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

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

#5a5e5f
```
#5a5e5f rgb(90,94,95)
```
#536266
```
#536266 rgb(83,98,102)
```
#4c666d
```
#4c666d rgb(76,102,109)
```
#456a74
```
#456a74 rgb(69,106,116)
```
#3e6e7b
```
#3e6e7b rgb(62,110,123)
```
#377282
```
#377282 rgb(55,114,130)
```
#2f778a
```
#2f778a rgb(47,119,138)
```
#287b91
```
#287b91 rgb(40,123,145)
```
#217f98
```
#217f98 rgb(33,127,152)
```
#1a839f
```
#1a839f rgb(26,131,159)
```
#1387a6
```
#1387a6 rgb(19,135,166)
```
#0c8bad
```
#0c8bad rgb(12,139,173)
```
#058fb4
```
#058fb4 rgb(5,143,180)
```

Tone Color Variation

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

Dichromacy

#68676c Protanopia 1% of men
#6d646f Deuteranopia 1% of men
#5c6971 Tritanopia 0.001% of the population

Trichromacy

#606569 Protanomaly 1% of men, 0.01% of women
#63636c Deuteranomaly 6% of men, 0.4% of women
#59666d Tritanomaly 0.01% of the population

#536266 hex color

#536266 Color Information

#536266 Color Conversion

Color Schemes with #536266

Alternatives to #536266

#536266 Preview

Shades and Tints of #536266

Tones of #536266

Color Blindness Simulator