#536966 hex color

In a RGB color space, hex #536966 is composed of 32.5% red, 41.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 21% cyan, 0% magenta, 2.9% yellow and 58.8% black. It has a hue angle of 171.8 degrees, a saturation of 11.7% and a lightness of 36.9%. #536966 color hex could be obtained by blending #a6d2cc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 41
- B 40
RGB color chart
- C 21
- M 0
- Y 3
- K 59
CMYK color chart

● #536966 color description : Very dark grayish cyan.

The hexadecimal color #536966 has RGB values of R:83, G:105, B:102 and CMYK values of C:0.21, M:0, Y:0.03, K:0.59. Its decimal value is 5466470.

Hex triplet	536966	`#536966`
RGB Decimal	83, 105, 102	`rgb(83,105,102)`
RGB Percent	32.5, 41.2, 40	`rgb(32.5%,41.2%,40%)`
CMYK	21, 0, 3, 59
HSL	171.8°, 11.7, 36.9	`hsl(171.8,11.7%,36.9%)`
HSV (or HSB)	171.8°, 21, 41.2
Web Safe	666666	`#666666`

CIE-LAB	42.614, -8.862, -1.026
XYZ	11.017, 12.901, 14.479
xyY	0.287, 0.336, 12.901
CIE-LCH	42.614, 8.921, 186.604
CIE-LUV	42.614, -11.154, -0.053
Hunter-Lab	35.918, -8.109, 1.242
Binary	01010011, 01101001, 01100110

#536966
```
#536966 rgb(83,105,102)
```
#695356
```
#695356 rgb(105,83,86)
```

Complementary Color

#53695b
```
#53695b rgb(83,105,91)
```
#536966
```
#536966 rgb(83,105,102)
```
#536169
```
#536169 rgb(83,97,105)
```

Analogous Color

#695b53
```
#695b53 rgb(105,91,83)
```
#536966
```
#536966 rgb(83,105,102)
```
#695361
```
#695361 rgb(105,83,97)
```

Split Complementary Color

#696653
```
#696653 rgb(105,102,83)
```
#536966
```
#536966 rgb(83,105,102)
```
#665369
```
#665369 rgb(102,83,105)
```

Triadic Color

#566953
```
#566953 rgb(86,105,83)
```
#536966
```
#536966 rgb(83,105,102)
```
#665369
```
#665369 rgb(102,83,105)
```
#695356
```
#695356 rgb(105,83,86)
```

Tetradic Color

#313e3c
```
#313e3c rgb(49,62,60)
```
#3c4d4a
```
#3c4d4a rgb(60,77,74)
```
#485b58
```
#485b58 rgb(72,91,88)
```
#536966
```
#536966 rgb(83,105,102)
```
#5e7774
```
#5e7774 rgb(94,119,116)
```
#6a8582
```
#6a8582 rgb(106,133,130)
```
#76938f
```
#76938f rgb(118,147,143)
```

Monochromatic Color

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

#536961
```
#536961 rgb(83,105,97)
```
#536962
```
#536962 rgb(83,105,98)
```
#536964
```
#536964 rgb(83,105,100)
```
#536966
```
#536966 rgb(83,105,102)
```
#536968
```
#536968 rgb(83,105,104)
```
#536869
```
#536869 rgb(83,104,105)
```
#536769
```
#536769 rgb(83,103,105)
```

Similar Colors

Text with hexadecimal color #536966

This text has a font color of #536966.

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

#536966 background color

This paragraph has a background color of #536966.

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

#536966 border color

This element has a border color of #536966.

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

CSS codes

.text {color:#536966;}

.background {background-color:#536966;}

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0e1111
```
#0e1111 rgb(14,17,17)
```
#161c1c
```
#161c1c rgb(22,28,28)
```
#1f2726
```
#1f2726 rgb(31,39,38)
```
#283231
```
#283231 rgb(40,50,49)
```
#303d3b
```
#303d3b rgb(48,61,59)
```
#394846
```
#394846 rgb(57,72,70)
```
#425351
```
#425351 rgb(66,83,81)
```
#4a5e5b
```
#4a5e5b rgb(74,94,91)
```
#536966
```
#536966 rgb(83,105,102)
```
#5c7471
```
#5c7471 rgb(92,116,113)
```
#647f7b
```
#647f7b rgb(100,127,123)
```
#6d8a86
```
#6d8a86 rgb(109,138,134)
```

Shade Color Variation

#779390
```
#779390 rgb(119,147,144)
```
#829c99
```
#829c99 rgb(130,156,153)
```
#8da5a2
```
#8da5a2 rgb(141,165,162)
```
#98adab
```
#98adab rgb(152,173,171)
```
#a3b6b3
```
#a3b6b3 rgb(163,182,179)
```
#aebfbc
```
#aebfbc rgb(174,191,188)
```
#b9c7c5
```
#b9c7c5 rgb(185,199,197)
```
#c4d0ce
```
#c4d0ce rgb(196,208,206)
```
#cfd9d7
```
#cfd9d7 rgb(207,217,215)
```
#dae1e0
```
#dae1e0 rgb(218,225,224)
```
#e5eae9
```
#e5eae9 rgb(229,234,233)
```
#eff3f2
```
#eff3f2 rgb(239,243,242)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#5a6261
```
#5a6261 rgb(90,98,97)
```
#536966
```
#536966 rgb(83,105,102)
```
#4c706b
```
#4c706b rgb(76,112,107)
```
#457771
```
#457771 rgb(69,119,113)
```
#3d7f76
```
#3d7f76 rgb(61,127,118)
```
#36867b
```
#36867b rgb(54,134,123)
```
#2f8d80
```
#2f8d80 rgb(47,141,128)
```
#289486
```
#289486 rgb(40,148,134)
```
#209c8b
```
#209c8b rgb(32,156,139)
```
#19a390
```
#19a390 rgb(25,163,144)
```
#12aa95
```
#12aa95 rgb(18,170,149)
```
#0bb19b
```
#0bb19b rgb(11,177,155)
```
#03b9a0
```
#03b9a0 rgb(3,185,160)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5f6363 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6c6b Protanopia 1% of men
#746970 Deuteranopia 1% of men
#5e6f77 Tritanopia 0.001% of the population

Trichromacy

#646a69 Protanomaly 1% of men, 0.01% of women
#68696c Deuteranomaly 6% of men, 0.4% of women
#5a6d71 Tritanomaly 0.01% of the population

#536966 hex color

#536966 Color Information

#536966 Color Conversion

Color Schemes with #536966

Alternatives to #536966

#536966 Preview

Shades and Tints of #536966

Tones of #536966

Color Blindness Simulator