#537f80 hex color

In a RGB color space, hex #537f80 is composed of 32.5% red, 49.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 35.2% cyan, 0.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 181.3 degrees, a saturation of 21.3% and a lightness of 41.4%. #537f80 color hex could be obtained by blending #a6feff with #000001. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 50
- B 50
RGB color chart
- C 35
- M 1
- Y 0
- K 50
CMYK color chart

● #537f80 color description : Mostly desaturated dark cyan.

The hexadecimal color #537f80 has RGB values of R:83, G:127, B:128 and CMYK values of C:0.35, M:0.01, Y:0, K:0.5. Its decimal value is 5472128.

Hex triplet	537f80	`#537f80`
RGB Decimal	83, 127, 128	`rgb(83,127,128)`
RGB Percent	32.5, 49.8, 50.2	`rgb(32.5%,49.8%,50.2%)`
CMYK	35, 1, 0, 50
HSL	181.3°, 21.3, 41.4	`hsl(181.3,21.3%,41.4%)`
HSV (or HSB)	181.3°, 35.2, 50.2
Web Safe	666699	`#666699`

CIE-LAB	50.187, -14.775, -5.363
XYZ	15.052, 18.576, 23.213
xyY	0.265, 0.327, 18.576
CIE-LCH	50.187, 15.719, 199.949
CIE-LUV	50.187, -20.96, -5.348
Hunter-Lab	43.099, -13.085, -1.764
Binary	01010011, 01111111, 10000000

#537f80
```
#537f80 rgb(83,127,128)
```
#805453
```
#805453 rgb(128,84,83)
```

Complementary Color

#53806b
```
#53806b rgb(83,128,107)
```
#537f80
```
#537f80 rgb(83,127,128)
```
#536980
```
#536980 rgb(83,105,128)
```

Analogous Color

#806b53
```
#806b53 rgb(128,107,83)
```
#537f80
```
#537f80 rgb(83,127,128)
```
#805369
```
#805369 rgb(128,83,105)
```

Split Complementary Color

#7f8053
```
#7f8053 rgb(127,128,83)
```
#537f80
```
#537f80 rgb(83,127,128)
```
#80537f
```
#80537f rgb(128,83,127)
```

Triadic Color

#538054
```
#538054 rgb(83,128,84)
```
#537f80
```
#537f80 rgb(83,127,128)
```
#80537f
```
#80537f rgb(128,83,127)
```
#805453
```
#805453 rgb(128,84,83)
```

Tetradic Color

#355152
```
#355152 rgb(53,81,82)
```
#3f6061
```
#3f6061 rgb(63,96,97)
```
#497071
```
#497071 rgb(73,112,113)
```
#537f80
```
#537f80 rgb(83,127,128)
```
#5d8e8f
```
#5d8e8f rgb(93,142,143)
```
#699c9d
```
#699c9d rgb(105,156,157)
```
#78a6a7
```
#78a6a7 rgb(120,166,167)
```

Monochromatic Color

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

#538076
```
#538076 rgb(83,128,118)
```
#53807a
```
#53807a rgb(83,128,122)
```
#53807d
```
#53807d rgb(83,128,125)
```
#537f80
```
#537f80 rgb(83,127,128)
```
#537b80
```
#537b80 rgb(83,123,128)
```
#537880
```
#537880 rgb(83,120,128)
```
#537480
```
#537480 rgb(83,116,128)
```

Similar Colors

Text with hexadecimal color #537f80

This text has a font color of #537f80.

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

#537f80 background color

This paragraph has a background color of #537f80.

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

#537f80 border color

This element has a border color of #537f80.

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

CSS codes

.text {color:#537f80;}

.background {background-color:#537f80;}

.border {border:1px solid #537f80;}

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

#060909
```
#060909 rgb(6,9,9)
```
#0e1515
```
#0e1515 rgb(14,21,21)
```
#152121
```
#152121 rgb(21,33,33)
```
#1d2c2d
```
#1d2c2d rgb(29,44,45)
```
#253839
```
#253839 rgb(37,56,57)
```
#2c4445
```
#2c4445 rgb(44,68,69)
```
#345050
```
#345050 rgb(52,80,80)
```
#3c5c5c
```
#3c5c5c rgb(60,92,92)
```
#446768
```
#446768 rgb(68,103,104)
```
#4b7374
```
#4b7374 rgb(75,115,116)
```
#537f80
```
#537f80 rgb(83,127,128)
```
#5b8b8c
```
#5b8b8c rgb(91,139,140)
```
#629798
```
#629798 rgb(98,151,152)
```

Shade Color Variation

#6d9fa1
```
#6d9fa1 rgb(109,159,161)
```
#79a7a8
```
#79a7a8 rgb(121,167,168)
```
#85afb0
```
#85afb0 rgb(133,175,176)
```
#91b7b8
```
#91b7b8 rgb(145,183,184)
```
#9dbfbf
```
#9dbfbf rgb(157,191,191)
```
#a9c6c7
```
#a9c6c7 rgb(169,198,199)
```
#b5cecf
```
#b5cecf rgb(181,206,207)
```
#c1d6d7
```
#c1d6d7 rgb(193,214,215)
```
#cddede
```
#cddede rgb(205,222,222)
```
#d8e6e6
```
#d8e6e6 rgb(216,230,230)
```
#e4edee
```
#e4edee rgb(228,237,238)
```
#f0f5f5
```
#f0f5f5 rgb(240,245,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636f70 is the less saturated color, while #02cdd1 is the most saturated one.

#636f70
```
#636f70 rgb(99,111,112)
```
#5b7778
```
#5b7778 rgb(91,119,120)
```
#537f80
```
#537f80 rgb(83,127,128)
```
#4b8788
```
#4b8788 rgb(75,135,136)
```
#438f90
```
#438f90 rgb(67,143,144)
```
#3b9698
```
#3b9698 rgb(59,150,152)
```
#339ea0
```
#339ea0 rgb(51,158,160)
```
#2aa6a9
```
#2aa6a9 rgb(42,166,169)
```
#22aeb1
```
#22aeb1 rgb(34,174,177)
```
#1ab5b9
```
#1ab5b9 rgb(26,181,185)
```
#12bdc1
```
#12bdc1 rgb(18,189,193)
```
#0ac5c9
```
#0ac5c9 rgb(10,197,201)
```
#02cdd1
```
#02cdd1 rgb(2,205,209)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6c7575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7d82 Protanopia 1% of men
#847b8a Deuteranopia 1% of men
#5e848e Tritanopia 0.001% of the population

Trichromacy

#6f7e81 Protanomaly 1% of men, 0.01% of women
#727c86 Deuteranomaly 6% of men, 0.4% of women
#5a8288 Tritanomaly 0.01% of the population

#537f80 hex color

#537f80 Color Information

#537f80 Color Conversion

Color Schemes with #537f80

Alternatives to #537f80

#537f80 Preview

Shades and Tints of #537f80

Tones of #537f80

Color Blindness Simulator