#53d4dc hex color

In a RGB color space, hex #53d4dc is composed of 32.5% red, 83.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 3.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 183.5 degrees, a saturation of 66.2% and a lightness of 59.4%. #53d4dc color hex could be obtained by blending #a6ffff with #00a9b9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 83
- B 86
RGB color chart
- C 62
- M 4
- Y 0
- K 14
CMYK color chart

● #53d4dc color description : Soft cyan.

The hexadecimal color #53d4dc has RGB values of R:83, G:212, B:220 and CMYK values of C:0.62, M:0.04, Y:0, K:0.14. Its decimal value is 5493980.

Hex triplet	53d4dc	`#53d4dc`
RGB Decimal	83, 212, 220	`rgb(83,212,220)`
RGB Percent	32.5, 83.1, 86.3	`rgb(32.5%,83.1%,86.3%)`
CMYK	62, 4, 0, 14
HSL	183.5°, 66.2, 59.4	`hsl(183.5,66.2%,59.4%)`
HSV (or HSB)	183.5°, 62.3, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.514, -32.615, -14.485
XYZ	40.025, 54.09, 76.037
xyY	0.235, 0.318, 54.09
CIE-LCH	78.514, 35.687, 203.946
CIE-LUV	78.514, -50.552, -17.732
Hunter-Lab	73.546, -31.562, -9.816
Binary	01010011, 11010100, 11011100

#53d4dc
```
#53d4dc rgb(83,212,220)
```
#dc5b53
```
#dc5b53 rgb(220,91,83)
```

Complementary Color

#53dca0
```
#53dca0 rgb(83,220,160)
```
#53d4dc
```
#53d4dc rgb(83,212,220)
```
#5390dc
```
#5390dc rgb(83,144,220)
```

Analogous Color

#dca053
```
#dca053 rgb(220,160,83)
```
#53d4dc
```
#53d4dc rgb(83,212,220)
```
#dc5390
```
#dc5390 rgb(220,83,144)
```

Split Complementary Color

#d4dc53
```
#d4dc53 rgb(212,220,83)
```
#53d4dc
```
#53d4dc rgb(83,212,220)
```
#dc53d4
```
#dc53d4 rgb(220,83,212)
```

Triadic Color

#53dc5b
```
#53dc5b rgb(83,220,91)
```
#53d4dc
```
#53d4dc rgb(83,212,220)
```
#dc53d4
```
#dc53d4 rgb(220,83,212)
```
#dc5b53
```
#dc5b53 rgb(220,91,83)
```

Tetradic Color

#26b3bc
```
#26b3bc rgb(38,179,188)
```
#2bc8d1
```
#2bc8d1 rgb(43,200,209)
```
#3ecfd8
```
#3ecfd8 rgb(62,207,216)
```
#53d4dc
```
#53d4dc rgb(83,212,220)
```
#68d9e0
```
#68d9e0 rgb(104,217,224)
```
#7ddfe5
```
#7ddfe5 rgb(125,223,229)
```
#93e4e9
```
#93e4e9 rgb(147,228,233)
```

Monochromatic Color

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

#53dcc2
```
#53dcc2 rgb(83,220,194)
```
#53dccd
```
#53dccd rgb(83,220,205)
```
#53dcd9
```
#53dcd9 rgb(83,220,217)
```
#53d4dc
```
#53d4dc rgb(83,212,220)
```
#53c9dc
```
#53c9dc rgb(83,201,220)
```
#53bddc
```
#53bddc rgb(83,189,220)
```
#53b2dc
```
#53b2dc rgb(83,178,220)
```

Similar Colors

Text with hexadecimal color #53d4dc

This text has a font color of #53d4dc.

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

#53d4dc background color

This paragraph has a background color of #53d4dc.

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

#53d4dc border color

This element has a border color of #53d4dc.

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

CSS codes

.text {color:#53d4dc;}

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

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

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

#010707
```
#010707 rgb(1,7,7)
```
#051618
```
#051618 rgb(5,22,24)
```
#082628
```
#082628 rgb(8,38,40)
```
#0b3638
```
#0b3638 rgb(11,54,56)
```
#0f4548
```
#0f4548 rgb(15,69,72)
```
#125559
```
#125559 rgb(18,85,89)
```
#156469
```
#156469 rgb(21,100,105)
```
#197479
```
#197479 rgb(25,116,121)
```
#1c838a
```
#1c838a rgb(28,131,138)
```
#1f939a
```
#1f939a rgb(31,147,154)
```
#23a2aa
```
#23a2aa rgb(35,162,170)
```
#26b2bb
```
#26b2bb rgb(38,178,187)
```
#29c1cb
```
#29c1cb rgb(41,193,203)
```

Shade Color Variation

#32ccd5
```
#32ccd5 rgb(50,204,213)
```
#43d0d9
```
#43d0d9 rgb(67,208,217)
```
#53d4dc
```
#53d4dc rgb(83,212,220)
```
#63d8df
```
#63d8df rgb(99,216,223)
```
#74dce3
```
#74dce3 rgb(116,220,227)
```
#84e0e6
```
#84e0e6 rgb(132,224,230)
```
#94e4e9
```
#94e4e9 rgb(148,228,233)
```
#a4e8ed
```
#a4e8ed rgb(164,232,237)
```
#b5ecf0
```
#b5ecf0 rgb(181,236,240)
```
#c5f1f3
```
#c5f1f3 rgb(197,241,243)
```
#d5f5f7
```
#d5f5f7 rgb(213,245,247)
```
#e6f9fa
```
#e6f9fa rgb(230,249,250)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939c9c is the less saturated color, while #33f0fc is the most saturated one.

#939c9c
```
#939c9c rgb(147,156,156)
```
#8ba3a4
```
#8ba3a4 rgb(139,163,164)
```
#83aaac
```
#83aaac rgb(131,170,172)
```
#7bb1b4
```
#7bb1b4 rgb(123,177,180)
```
#73b8bc
```
#73b8bc rgb(115,184,188)
```
#6bbfc4
```
#6bbfc4 rgb(107,191,196)
```
#63c6cc
```
#63c6cc rgb(99,198,204)
```
#5bcdd4
```
#5bcdd4 rgb(91,205,212)
```
#53d4dc
```
#53d4dc rgb(83,212,220)
```
#4bdbe4
```
#4bdbe4 rgb(75,219,228)
```
#43e2ec
```
#43e2ec rgb(67,226,236)
```
#3be9f4
```
#3be9f4 rgb(59,233,244)
```
#33f0fc
```
#33f0fc rgb(51,240,252)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9cb6b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c4d3 Protanopia 1% of men
#c7c1e5 Deuteranopia 1% of men
#60d5e4 Tritanopia 0.001% of the population

Trichromacy

#9bc9d6 Protanomaly 1% of men, 0.01% of women
#9cc8e2 Deuteranomaly 6% of men, 0.4% of women
#5bd4e1 Tritanomaly 0.01% of the population

#53d4dc hex color

#53d4dc Color Information

#53d4dc Color Conversion

Color Schemes with #53d4dc

Alternatives to #53d4dc

#53d4dc Preview

Shades and Tints of #53d4dc

Tones of #53d4dc

Color Blindness Simulator