#536660 hex color

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

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

● #536660 color description : Very dark grayish cyan - lime green.

The hexadecimal color #536660 has RGB values of R:83, G:102, B:96 and CMYK values of C:0.19, M:0, Y:0.06, K:0.6. Its decimal value is 5465696.

Hex triplet	536660	`#536660`
RGB Decimal	83, 102, 96	`rgb(83,102,96)`
RGB Percent	32.5, 40, 37.6	`rgb(32.5%,40%,37.6%)`
CMYK	19, 0, 6, 60
HSL	161.1°, 10.3, 36.3	`hsl(161.1,10.3%,36.3%)`
HSV (or HSB)	161.1°, 18.6, 40
Web Safe	666666	`#666666`

CIE-LAB	41.51, -8.514, 1.007
XYZ	10.429, 12.186, 12.868
xyY	0.294, 0.343, 12.186
CIE-LCH	41.51, 8.574, 173.255
CIE-LUV	41.51, -9.652, 2.566
Hunter-Lab	34.908, -7.76, 2.58
Binary	01010011, 01100110, 01100000

#536660
```
#536660 rgb(83,102,96)
```
#665359
```
#665359 rgb(102,83,89)
```

Complementary Color

#536657
```
#536657 rgb(83,102,87)
```
#536660
```
#536660 rgb(83,102,96)
```
#536366
```
#536366 rgb(83,99,102)
```

Analogous Color

#665753
```
#665753 rgb(102,87,83)
```
#536660
```
#536660 rgb(83,102,96)
```
#665363
```
#665363 rgb(102,83,99)
```

Split Complementary Color

#666053
```
#666053 rgb(102,96,83)
```
#536660
```
#536660 rgb(83,102,96)
```
#605366
```
#605366 rgb(96,83,102)
```

Triadic Color

#596653
```
#596653 rgb(89,102,83)
```
#536660
```
#536660 rgb(83,102,96)
```
#605366
```
#605366 rgb(96,83,102)
```
#665359
```
#665359 rgb(102,83,89)
```

Tetradic Color

#313c38
```
#313c38 rgb(49,60,56)
```
#3c4a46
```
#3c4a46 rgb(60,74,70)
```
#485853
```
#485853 rgb(72,88,83)
```
#536660
```
#536660 rgb(83,102,96)
```
#5e746d
```
#5e746d rgb(94,116,109)
```
#6a827a
```
#6a827a rgb(106,130,122)
```
#769087
```
#769087 rgb(118,144,135)
```

Monochromatic Color

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

#53665b
```
#53665b rgb(83,102,91)
```
#53665d
```
#53665d rgb(83,102,93)
```
#53665e
```
#53665e rgb(83,102,94)
```
#536660
```
#536660 rgb(83,102,96)
```
#536662
```
#536662 rgb(83,102,98)
```
#536663
```
#536663 rgb(83,102,99)
```
#536665
```
#536665 rgb(83,102,101)
```

Similar Colors

Text with hexadecimal color #536660

This text has a font color of #536660.

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

#536660 background color

This paragraph has a background color of #536660.

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

#536660 border color

This element has a border color of #536660.

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

CSS codes

.text {color:#536660;}

.background {background-color:#536660;}

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

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

#040504
```
#040504 rgb(4,5,4)
```
#0d0f0f
```
#0d0f0f rgb(13,15,15)
```
#151a19
```
#151a19 rgb(21,26,25)
```
#1e2523
```
#1e2523 rgb(30,37,35)
```
#27302d
```
#27302d rgb(39,48,45)
```
#303b37
```
#303b37 rgb(48,59,55)
```
#394641
```
#394641 rgb(57,70,65)
```
#41504c
```
#41504c rgb(65,80,76)
```
#4a5b56
```
#4a5b56 rgb(74,91,86)
```
#536660
```
#536660 rgb(83,102,96)
```
#5c716a
```
#5c716a rgb(92,113,106)
```
#657c74
```
#657c74 rgb(101,124,116)
```
#6d867f
```
#6d867f rgb(109,134,127)
```

Shade Color Variation

#779088
```
#779088 rgb(119,144,136)
```
#829992
```
#829992 rgb(130,153,146)
```
#8da29b
```
#8da29b rgb(141,162,155)
```
#98aba5
```
#98aba5 rgb(152,171,165)
```
#a2b4ae
```
#a2b4ae rgb(162,180,174)
```
#adbcb8
```
#adbcb8 rgb(173,188,184)
```
#b8c5c1
```
#b8c5c1 rgb(184,197,193)
```
#c3ceca
```
#c3ceca rgb(195,206,202)
```
#ced7d4
```
#ced7d4 rgb(206,215,212)
```
#d8e0dd
```
#d8e0dd rgb(216,224,221)
```
#e3e8e7
```
#e3e8e7 rgb(227,232,231)
```
#eef1f0
```
#eef1f0 rgb(238,241,240)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

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

#5a5f5d
```
#5a5f5d rgb(90,95,93)
```
#536660
```
#536660 rgb(83,102,96)
```
#4c6d63
```
#4c6d63 rgb(76,109,99)
```
#457465
```
#457465 rgb(69,116,101)
```
#3e7b68
```
#3e7b68 rgb(62,123,104)
```
#37826a
```
#37826a rgb(55,130,106)
```
#2f8a6d
```
#2f8a6d rgb(47,138,109)
```
#289170
```
#289170 rgb(40,145,112)
```
#219872
```
#219872 rgb(33,152,114)
```
#1a9f75
```
#1a9f75 rgb(26,159,117)
```
#13a678
```
#13a678 rgb(19,166,120)
```
#0cad7a
```
#0cad7a rgb(12,173,122)
```
#05b47d
```
#05b47d rgb(5,180,125)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5d6160 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6966 Protanopia 1% of men
#73666a Deuteranopia 1% of men
#5e6c73 Tritanopia 0.001% of the population

Trichromacy

#636863 Protanomaly 1% of men, 0.01% of women
#676666 Deuteranomaly 6% of men, 0.4% of women
#5a696c Tritanomaly 0.01% of the population

#536660 hex color

#536660 Color Information

#536660 Color Conversion

Color Schemes with #536660

Alternatives to #536660

#536660 Preview

Shades and Tints of #536660

Tones of #536660

Color Blindness Simulator