colorhexa.com

#53d4b4 hex color

In a RGB color space, hex #53d4b4 is composed of 32.5% red, 83.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 0% magenta, 15.1% yellow and 16.9% black. It has a hue angle of 165.1 degrees, a saturation of 60% and a lightness of 57.8%. #53d4b4 color hex could be obtained by blending #a6ffff with #00a969. Closest websafe color is: #66cccc.

- R 33
- G 83
- B 71
RGB color chart
- C 61
- M 0
- Y 15
- K 17
CMYK color chart

● #53d4b4 color description : Moderate cyan.

The hexadecimal color #53d4b4 has RGB values of R:83, G:212, B:180 and CMYK values of C:0.61, M:0, Y:0.15, K:0.17. Its decimal value is 5493940.

Hex triplet	53d4b4	`#53d4b4`
RGB Decimal	83, 212, 180	`rgb(83,212,180)`
RGB Percent	32.5, 83.1, 70.6	`rgb(32.5%,83.1%,70.6%)`
CMYK	61, 0, 15, 17
HSL	165.1°, 60, 57.8	`hsl(165.1,60%,57.8%)`
HSV (or HSB)	165.1°, 60.8, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.411, -43.075, 5.333
XYZ	35.346, 52.218, 51.394
xyY	0.254, 0.376, 52.218
CIE-LCH	77.411, 43.403, 172.942
CIE-LUV	77.411, -52.836, 14.861
Hunter-Lab	72.262, -39.148, 8.416
Binary	01010011, 11010100, 10110100

#53d4b4
```
#53d4b4 rgb(83,212,180)
```
#d45373
```
#d45373 rgb(212,83,115)
```

Complementary Color

#53d474
```
#53d474 rgb(83,212,116)
```
#53d4b4
```
#53d4b4 rgb(83,212,180)
```
#53b4d4
```
#53b4d4 rgb(83,180,212)
```

Analogous Color

#d47453
```
#d47453 rgb(212,116,83)
```
#53d4b4
```
#53d4b4 rgb(83,212,180)
```
#d453b4
```
#d453b4 rgb(212,83,180)
```

Split Complementary Color

#d4b453
```
#d4b453 rgb(212,180,83)
```
#53d4b4
```
#53d4b4 rgb(83,212,180)
```
#b453d4
```
#b453d4 rgb(180,83,212)
```

Triadic Color

#73d453
```
#73d453 rgb(115,212,83)
```
#53d4b4
```
#53d4b4 rgb(83,212,180)
```
#b453d4
```
#b453d4 rgb(180,83,212)
```
#d45373
```
#d45373 rgb(212,83,115)
```

Tetradic Color

#2caf8e
```
#2caf8e rgb(44,175,142)
```
#31c39f
```
#31c39f rgb(49,195,159)
```
#3fcfab
```
#3fcfab rgb(63,207,171)
```
#53d4b4
```
#53d4b4 rgb(83,212,180)
```
#67d9bd
```
#67d9bd rgb(103,217,189)
```
#7cdec6
```
#7cdec6 rgb(124,222,198)
```
#90e3cf
```
#90e3cf rgb(144,227,207)
```

Monochromatic Color

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

#53d494
```
#53d494 rgb(83,212,148)
```
#53d49f
```
#53d49f rgb(83,212,159)
```
#53d4a9
```
#53d4a9 rgb(83,212,169)
```
#53d4b4
```
#53d4b4 rgb(83,212,180)
```
#53d4bf
```
#53d4bf rgb(83,212,191)
```
#53d4ca
```
#53d4ca rgb(83,212,202)
```
#53d4d4
```
#53d4d4 rgb(83,212,212)
```

Similar Colors

Text with hexadecimal color #53d4b4

This text has a font color of #53d4b4.

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

#53d4b4 background color

This paragraph has a background color of #53d4b4.

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

#53d4b4 border color

This element has a border color of #53d4b4.

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

CSS codes

.text {color:#53d4b4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#04100d
```
#04100d rgb(4,16,13)
```
#08201a
```
#08201a rgb(8,32,26)
```
#0c3027
```
#0c3027 rgb(12,48,39)
```
#103f34
```
#103f34 rgb(16,63,52)
```
#144f40
```
#144f40 rgb(20,79,64)
```
#185f4d
```
#185f4d rgb(24,95,77)
```
#1c6e5a
```
#1c6e5a rgb(28,110,90)
```
#207e67
```
#207e67 rgb(32,126,103)
```
#238e73
```
#238e73 rgb(35,142,115)
```
#279e80
```
#279e80 rgb(39,158,128)
```
#2bad8d
```
#2bad8d rgb(43,173,141)
```
#2fbd9a
```
#2fbd9a rgb(47,189,154)
```

Shade Color Variation

#34cca6
```
#34cca6 rgb(52,204,166)
```
#43d0ad
```
#43d0ad rgb(67,208,173)
```
#53d4b4
```
#53d4b4 rgb(83,212,180)
```
#63d8bb
```
#63d8bb rgb(99,216,187)
```
#72dcc2
```
#72dcc2 rgb(114,220,194)
```
#82e0c9
```
#82e0c9 rgb(130,224,201)
```
#92e4cf
```
#92e4cf rgb(146,228,207)
```
#a1e8d6
```
#a1e8d6 rgb(161,232,214)
```
#b1ecdd
```
#b1ecdd rgb(177,236,221)
```
#c1efe4
```
#c1efe4 rgb(193,239,228)
```
#d1f3eb
```
#d1f3eb rgb(209,243,235)
```
#e0f7f2
```
#e0f7f2 rgb(224,247,242)
```
#f0fbf8
```
#f0fbf8 rgb(240,251,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9a97 is the less saturated color, while #2afdc9 is the most saturated one.

#8d9a97
```
#8d9a97 rgb(141,154,151)
```
#85a29b
```
#85a29b rgb(133,162,155)
```
#7cab9f
```
#7cab9f rgb(124,171,159)
```
#74b3a3
```
#74b3a3 rgb(116,179,163)
```
#6cbba8
```
#6cbba8 rgb(108,187,168)
```
#64c3ac
```
#64c3ac rgb(100,195,172)
```
#5bccb0
```
#5bccb0 rgb(91,204,176)
```
#53d4b4
```
#53d4b4 rgb(83,212,180)
```
#4bdcb8
```
#4bdcb8 rgb(75,220,184)
```
#42e5bc
```
#42e5bc rgb(66,229,188)
```
#3aedc1
```
#3aedc1 rgb(58,237,193)
```
#32f5c5
```
#32f5c5 rgb(50,245,197)
```
#2afdc9
```
#2afdc9 rgb(42,253,201)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#99b2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac1ad Protanopia 1% of men
#d5bcc0 Deuteranopia 1% of men
#6ed0df Tritanopia 0.001% of the population

Trichromacy

#9fc8b0 Protanomaly 1% of men, 0.01% of women
#a5c5bc Deuteranomaly 6% of men, 0.4% of women
#64d1cf Tritanomaly 0.01% of the population