#537570 hex color

In a RGB color space, hex #537570 is composed of 32.5% red, 45.9% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 0% magenta, 4.3% yellow and 54.1% black. It has a hue angle of 171.2 degrees, a saturation of 17% and a lightness of 39.2%. #537570 color hex could be obtained by blending #a6eae0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 46
- B 44
RGB color chart
- C 29
- M 0
- Y 4
- K 54
CMYK color chart

● #537570 color description : Mostly desaturated dark cyan.

The hexadecimal color #537570 has RGB values of R:83, G:117, B:112 and CMYK values of C:0.29, M:0, Y:0.04, K:0.54. Its decimal value is 5469552.

Hex triplet	537570	`#537570`
RGB Decimal	83, 117, 112	`rgb(83,117,112)`
RGB Percent	32.5, 45.9, 43.9	`rgb(32.5%,45.9%,43.9%)`
CMYK	29, 0, 4, 54
HSL	171.2°, 17, 39.2	`hsl(171.2,17%,39.2%)`
HSV (or HSB)	171.2°, 29.1, 45.9
Web Safe	666666	`#666666`

CIE-LAB	46.619, -13.275, -1.162
XYZ	12.852, 15.731, 17.688
xyY	0.278, 0.34, 15.731
CIE-LCH	46.619, 13.325, 185.004
CIE-LUV	46.619, -16.691, 0.397
Hunter-Lab	39.662, -11.566, 1.323
Binary	01010011, 01110101, 01110000

#537570
```
#537570 rgb(83,117,112)
```
#755358
```
#755358 rgb(117,83,88)
```

Complementary Color

#53755f
```
#53755f rgb(83,117,95)
```
#537570
```
#537570 rgb(83,117,112)
```
#536975
```
#536975 rgb(83,105,117)
```

Analogous Color

#755f53
```
#755f53 rgb(117,95,83)
```
#537570
```
#537570 rgb(83,117,112)
```
#755369
```
#755369 rgb(117,83,105)
```

Split Complementary Color

#757053
```
#757053 rgb(117,112,83)
```
#537570
```
#537570 rgb(83,117,112)
```
#705375
```
#705375 rgb(112,83,117)
```

Triadic Color

#587553
```
#587553 rgb(88,117,83)
```
#537570
```
#537570 rgb(83,117,112)
```
#705375
```
#705375 rgb(112,83,117)
```
#755358
```
#755358 rgb(117,83,88)
```

Tetradic Color

#334845
```
#334845 rgb(51,72,69)
```
#3e5753
```
#3e5753 rgb(62,87,83)
```
#486662
```
#486662 rgb(72,102,98)
```
#537570
```
#537570 rgb(83,117,112)
```
#5e847e
```
#5e847e rgb(94,132,126)
```
#68938d
```
#68938d rgb(104,147,141)
```
#769e98
```
#769e98 rgb(118,158,152)
```

Monochromatic Color

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

#537568
```
#537568 rgb(83,117,104)
```
#53756a
```
#53756a rgb(83,117,106)
```
#53756d
```
#53756d rgb(83,117,109)
```
#537570
```
#537570 rgb(83,117,112)
```
#537573
```
#537573 rgb(83,117,115)
```
#537475
```
#537475 rgb(83,116,117)
```
#537275
```
#537275 rgb(83,114,117)
```

Similar Colors

Text with hexadecimal color #537570

This text has a font color of #537570.

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

#537570 background color

This paragraph has a background color of #537570.

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

#537570 border color

This element has a border color of #537570.

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

CSS codes

.text {color:#537570;}

.background {background-color:#537570;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0e0d
```
#0a0e0d rgb(10,14,13)
```
#121918
```
#121918 rgb(18,25,24)
```
#1a2523
```
#1a2523 rgb(26,37,35)
```
#22302e
```
#22302e rgb(34,48,46)
```
#2a3c39
```
#2a3c39 rgb(42,60,57)
```
#324744
```
#324744 rgb(50,71,68)
```
#3b534f
```
#3b534f rgb(59,83,79)
```
#435e5a
```
#435e5a rgb(67,94,90)
```
#4b6a65
```
#4b6a65 rgb(75,106,101)
```
#537570
```
#537570 rgb(83,117,112)
```
#5b807b
```
#5b807b rgb(91,128,123)
```
#638c86
```
#638c86 rgb(99,140,134)
```

Shade Color Variation

#6c9790
```
#6c9790 rgb(108,151,144)
```
#789f99
```
#789f99 rgb(120,159,153)
```
#83a7a2
```
#83a7a2 rgb(131,167,162)
```
#8fafaa
```
#8fafaa rgb(143,175,170)
```
#9ab7b3
```
#9ab7b3 rgb(154,183,179)
```
#a5bfbc
```
#a5bfbc rgb(165,191,188)
```
#b1c8c4
```
#b1c8c4 rgb(177,200,196)
```
#bcd0cd
```
#bcd0cd rgb(188,208,205)
```
#c8d8d6
```
#c8d8d6 rgb(200,216,214)
```
#d3e0de
```
#d3e0de rgb(211,224,222)
```
#dfe8e7
```
#dfe8e7 rgb(223,232,231)
```
#eaf0ef
```
#eaf0ef rgb(234,240,239)
```
#f6f8f8
```
#f6f8f8 rgb(246,248,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626665 is the less saturated color, while #06c2a6 is the most saturated one.

#626665
```
#626665 rgb(98,102,101)
```
#5b6d6b
```
#5b6d6b rgb(91,109,107)
```
#537570
```
#537570 rgb(83,117,112)
```
#4b7d75
```
#4b7d75 rgb(75,125,117)
```
#44847b
```
#44847b rgb(68,132,123)
```
#3c8c80
```
#3c8c80 rgb(60,140,128)
```
#349486
```
#349486 rgb(52,148,134)
```
#2d9b8b
```
#2d9b8b rgb(45,155,139)
```
#25a391
```
#25a391 rgb(37,163,145)
```
#1dab96
```
#1dab96 rgb(29,171,150)
```
#15b39b
```
#15b39b rgb(21,179,155)
```
#0ebaa1
```
#0ebaa1 rgb(14,186,161)
```
#06c2a6
```
#06c2a6 rgb(6,194,166)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#656c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#787573 Protanopia 1% of men
#7e727a Deuteranopia 1% of men
#5f7a83 Tritanopia 0.001% of the population

Trichromacy

#6a7572 Protanomaly 1% of men, 0.01% of women
#6e7376 Deuteranomaly 6% of men, 0.4% of women
#5a787c Tritanomaly 0.01% of the population

#537570 hex color

#537570 Color Information

#537570 Color Conversion

Color Schemes with #537570

Alternatives to #537570

#537570 Preview

Shades and Tints of #537570

Tones of #537570

Color Blindness Simulator