#53af96 hex color

In a RGB color space, hex #53af96 is composed of 32.5% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 0% magenta, 14.3% yellow and 31.4% black. It has a hue angle of 163.7 degrees, a saturation of 36.5% and a lightness of 50.6%. #53af96 color hex could be obtained by blending #a6ffff with #005f2d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 69
- B 59
RGB color chart
- C 53
- M 0
- Y 14
- K 31
CMYK color chart

● #53af96 color description : Dark moderate cyan - lime green.

The hexadecimal color #53af96 has RGB values of R:83, G:175, B:150 and CMYK values of C:0.53, M:0, Y:0.14, K:0.31. Its decimal value is 5484438.

Hex triplet	53af96	`#53af96`
RGB Decimal	83, 175, 150	`rgb(83,175,150)`
RGB Percent	32.5, 68.6, 58.8	`rgb(32.5%,68.6%,58.8%)`
CMYK	53, 0, 14, 31
HSL	163.7°, 36.5, 50.6	`hsl(163.7,36.5%,50.6%)`
HSV (or HSB)	163.7°, 52.6, 68.6
Web Safe	669999	`#669999`

CIE-LAB	65.514, -33.575, 4.504
XYZ	24.4, 34.699, 34.264
xyY	0.261, 0.372, 34.699
CIE-LCH	65.514, 33.876, 172.359
CIE-LUV	65.514, -40.153, 11.782
Hunter-Lab	58.906, -29.146, 6.747
Binary	01010011, 10101111, 10010110

#53af96
```
#53af96 rgb(83,175,150)
```
#af536c
```
#af536c rgb(175,83,108)
```

Complementary Color

#53af68
```
#53af68 rgb(83,175,104)
```
#53af96
```
#53af96 rgb(83,175,150)
```
#539aaf
```
#539aaf rgb(83,154,175)
```

Analogous Color

#af6853
```
#af6853 rgb(175,104,83)
```
#53af96
```
#53af96 rgb(83,175,150)
```
#af539a
```
#af539a rgb(175,83,154)
```

Split Complementary Color

#af9653
```
#af9653 rgb(175,150,83)
```
#53af96
```
#53af96 rgb(83,175,150)
```
#9653af
```
#9653af rgb(150,83,175)
```

Triadic Color

#6caf53
```
#6caf53 rgb(108,175,83)
```
#53af96
```
#53af96 rgb(83,175,150)
```
#9653af
```
#9653af rgb(150,83,175)
```
#af536c
```
#af536c rgb(175,83,108)
```

Tetradic Color

#3a7c6a
```
#3a7c6a rgb(58,124,106)
```
#428d79
```
#428d79 rgb(66,141,121)
```
#4a9f88
```
#4a9f88 rgb(74,159,136)
```
#53af96
```
#53af96 rgb(83,175,150)
```
#64b7a1
```
#64b7a1 rgb(100,183,161)
```
#76bfab
```
#76bfab rgb(118,191,171)
```
#87c7b6
```
#87c7b6 rgb(135,199,182)
```

Monochromatic Color

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

#53af7f
```
#53af7f rgb(83,175,127)
```
#53af87
```
#53af87 rgb(83,175,135)
```
#53af8e
```
#53af8e rgb(83,175,142)
```
#53af96
```
#53af96 rgb(83,175,150)
```
#53af9e
```
#53af9e rgb(83,175,158)
```
#53afa5
```
#53afa5 rgb(83,175,165)
```
#53afad
```
#53afad rgb(83,175,173)
```

Similar Colors

Text with hexadecimal color #53af96

This text has a font color of #53af96.

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

#53af96 background color

This paragraph has a background color of #53af96.

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

#53af96 border color

This element has a border color of #53af96.

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

CSS codes

.text {color:#53af96;}

.background {background-color:#53af96;}

.border {border:1px solid #53af96;}

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

#010202
```
#010202 rgb(1,2,2)
```
#070f0d
```
#070f0d rgb(7,15,13)
```
#0d1d19
```
#0d1d19 rgb(13,29,25)
```
#142a24
```
#142a24 rgb(20,42,36)
```
#1a3830
```
#1a3830 rgb(26,56,48)
```
#20453b
```
#20453b rgb(32,69,59)
```
#265246
```
#265246 rgb(38,82,70)
```
#2d6052
```
#2d6052 rgb(45,96,82)
```
#336d5d
```
#336d5d rgb(51,109,93)
```
#397b69
```
#397b69 rgb(57,123,105)
```
#3f8874
```
#3f8874 rgb(63,136,116)
```
#459580
```
#459580 rgb(69,149,128)
```
#4ca38b
```
#4ca38b rgb(76,163,139)
```

Shade Color Variation

#53af96
```
#53af96 rgb(83,175,150)
```
#60b59e
```
#60b59e rgb(96,181,158)
```
#6ebba6
```
#6ebba6 rgb(110,187,166)
```
#7bc2af
```
#7bc2af rgb(123,194,175)
```
#89c8b7
```
#89c8b7 rgb(137,200,183)
```
#96cebf
```
#96cebf rgb(150,206,191)
```
#a3d4c7
```
#a3d4c7 rgb(163,212,199)
```
#b1dbcf
```
#b1dbcf rgb(177,219,207)
```
#bee1d7
```
#bee1d7 rgb(190,225,215)
```
#cbe7e0
```
#cbe7e0 rgb(203,231,224)
```
#d9ede8
```
#d9ede8 rgb(217,237,232)
```
#e6f3f0
```
#e6f3f0 rgb(230,243,240)
```
#f4faf8
```
#f4faf8 rgb(244,250,248)
```

Tint Color Variation

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

#7a8884
```
#7a8884 rgb(122,136,132)
```
#709289
```
#709289 rgb(112,146,137)
```
#669c8d
```
#669c8d rgb(102,156,141)
```
#5da592
```
#5da592 rgb(93,165,146)
```
#53af96
```
#53af96 rgb(83,175,150)
```
#49b99a
```
#49b99a rgb(73,185,154)
```
#40c29f
```
#40c29f rgb(64,194,159)
```
#36cca3
```
#36cca3 rgb(54,204,163)
```
#2cd6a8
```
#2cd6a8 rgb(44,214,168)
```
#23dfac
```
#23dfac rgb(35,223,172)
```
#19e9b1
```
#19e9b1 rgb(25,233,177)
```
#0ff3b5
```
#0ff3b5 rgb(15,243,181)
```
#05fdb9
```
#05fdb9 rgb(5,253,185)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#859792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa393 Protanopia 1% of men
#b39fa2 Deuteranopia 1% of men
#68aebb Tritanopia 0.001% of the population

Trichromacy

#8aa794 Protanomaly 1% of men, 0.01% of women
#90a49d Deuteranomaly 6% of men, 0.4% of women
#60aead Tritanomaly 0.01% of the population

#53af96 hex color

#53af96 Color Information

#53af96 Color Conversion

Color Schemes with #53af96

Alternatives to #53af96

#53af96 Preview

Shades and Tints of #53af96

Tones of #53af96

Color Blindness Simulator