#53a4a2 hex color

In a RGB color space, hex #53a4a2 is composed of 32.5% red, 64.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 0% magenta, 1.2% yellow and 35.7% black. It has a hue angle of 178.5 degrees, a saturation of 32.8% and a lightness of 48.4%. #53a4a2 color hex could be obtained by blending #a6ffff with #004945. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 64
- B 64
RGB color chart
- C 49
- M 0
- Y 1
- K 36
CMYK color chart

● #53a4a2 color description : Dark moderate cyan.

The hexadecimal color #53a4a2 has RGB values of R:83, G:164, B:162 and CMYK values of C:0.49, M:0, Y:0.01, K:0.36. Its decimal value is 5481634.

Hex triplet	53a4a2	`#53a4a2`
RGB Decimal	83, 164, 162	`rgb(83,164,162)`
RGB Percent	32.5, 64.3, 63.5	`rgb(32.5%,64.3%,63.5%)`
CMYK	49, 0, 1, 36
HSL	178.5°, 32.8, 48.4	`hsl(178.5,32.8%,48.4%)`
HSV (or HSB)	178.5°, 49.4, 64.3
Web Safe	669999	`#669999`

CIE-LAB	62.505, -25.178, -6.6
XYZ	23.362, 30.997, 38.932
xyY	0.25, 0.332, 30.997
CIE-LCH	62.505, 26.029, 194.689
CIE-LUV	62.505, -35.271, -5.941
Hunter-Lab	55.675, -22.528, -2.488
Binary	01010011, 10100100, 10100010

#53a4a2
```
#53a4a2 rgb(83,164,162)
```
#a45355
```
#a45355 rgb(164,83,85)
```

Complementary Color

#53a47a
```
#53a47a rgb(83,164,122)
```
#53a4a2
```
#53a4a2 rgb(83,164,162)
```
#537ea4
```
#537ea4 rgb(83,126,164)
```

Analogous Color

#a47a53
```
#a47a53 rgb(164,122,83)
```
#53a4a2
```
#53a4a2 rgb(83,164,162)
```
#a4537e
```
#a4537e rgb(164,83,126)
```

Split Complementary Color

#a4a253
```
#a4a253 rgb(164,162,83)
```
#53a4a2
```
#53a4a2 rgb(83,164,162)
```
#a253a4
```
#a253a4 rgb(162,83,164)
```

Triadic Color

#55a453
```
#55a453 rgb(85,164,83)
```
#53a4a2
```
#53a4a2 rgb(83,164,162)
```
#a253a4
```
#a253a4 rgb(162,83,164)
```
#a45355
```
#a45355 rgb(164,83,85)
```

Tetradic Color

#397170
```
#397170 rgb(57,113,112)
```
#428281
```
#428281 rgb(66,130,129)
```
#4a9391
```
#4a9391 rgb(74,147,145)
```
#53a4a2
```
#53a4a2 rgb(83,164,162)
```
#61afad
```
#61afad rgb(97,175,173)
```
#72b8b6
```
#72b8b6 rgb(114,184,182)
```
#83c0bf
```
#83c0bf rgb(131,192,191)
```

Monochromatic Color

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

#53a48e
```
#53a48e rgb(83,164,142)
```
#53a495
```
#53a495 rgb(83,164,149)
```
#53a49b
```
#53a49b rgb(83,164,155)
```
#53a4a2
```
#53a4a2 rgb(83,164,162)
```
#539fa4
```
#539fa4 rgb(83,159,164)
```
#5399a4
```
#5399a4 rgb(83,153,164)
```
#5392a4
```
#5392a4 rgb(83,146,164)
```

Similar Colors

Text with hexadecimal color #53a4a2

This text has a font color of #53a4a2.

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

#53a4a2 background color

This paragraph has a background color of #53a4a2.

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

#53a4a2 border color

This element has a border color of #53a4a2.

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

CSS codes

.text {color:#53a4a2;}

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

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0a1514
```
#0a1514 rgb(10,21,20)
```
#112221
```
#112221 rgb(17,34,33)
```
#182f2e
```
#182f2e rgb(24,47,46)
```
#1e3c3b
```
#1e3c3b rgb(30,60,59)
```
#254948
```
#254948 rgb(37,73,72)
```
#2b5655
```
#2b5655 rgb(43,86,85)
```
#326362
```
#326362 rgb(50,99,98)
```
#39706f
```
#39706f rgb(57,112,111)
```
#3f7d7b
```
#3f7d7b rgb(63,125,123)
```
#468a88
```
#468a88 rgb(70,138,136)
```
#4c9795
```
#4c9795 rgb(76,151,149)
```
#53a4a2
```
#53a4a2 rgb(83,164,162)
```

Shade Color Variation

#5dadab
```
#5dadab rgb(93,173,171)
```
#6ab4b2
```
#6ab4b2 rgb(106,180,178)
```
#77bab9
```
#77bab9 rgb(119,186,185)
```
#84c1bf
```
#84c1bf rgb(132,193,191)
```
#91c8c6
```
#91c8c6 rgb(145,200,198)
```
#9fcecd
```
#9fcecd rgb(159,206,205)
```
#acd5d4
```
#acd5d4 rgb(172,213,212)
```
#b9dbda
```
#b9dbda rgb(185,219,218)
```
#c6e2e1
```
#c6e2e1 rgb(198,226,225)
```
#d3e9e8
```
#d3e9e8 rgb(211,233,232)
```
#e0efef
```
#e0efef rgb(224,239,239)
```
#edf6f5
```
#edf6f5 rgb(237,246,245)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797e7e is the less saturated color, while #07f0ea is the most saturated one.

#797e7e
```
#797e7e rgb(121,126,126)
```
#708887
```
#708887 rgb(112,136,135)
```
#669190
```
#669190 rgb(102,145,144)
```
#5d9b99
```
#5d9b99 rgb(93,155,153)
```
#53a4a2
```
#53a4a2 rgb(83,164,162)
```
#4aaeab
```
#4aaeab rgb(74,174,171)
```
#40b7b4
```
#40b7b4 rgb(64,183,180)
```
#37c1bd
```
#37c1bd rgb(55,193,189)
```
#2dcac6
```
#2dcac6 rgb(45,202,198)
```
#24d4cf
```
#24d4cf rgb(36,212,207)
```
#1addd8
```
#1addd8 rgb(26,221,216)
```
#11e7e1
```
#11e7e1 rgb(17,231,225)
```
#07f0ea
```
#07f0ea rgb(7,240,234)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#819190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9b9f Protanopia 1% of men
#a398ac Deuteranopia 1% of men
#60a6b2 Tritanopia 0.001% of the population

Trichromacy

#829ea0 Protanomaly 1% of men, 0.01% of women
#869ca8 Deuteranomaly 6% of men, 0.4% of women
#5ba5ac Tritanomaly 0.01% of the population

#53a4a2 hex color

#53a4a2 Color Information

#53a4a2 Color Conversion

Color Schemes with #53a4a2

Alternatives to #53a4a2

#53a4a2 Preview

Shades and Tints of #53a4a2

Tones of #53a4a2

Color Blindness Simulator