#53c7d4 hex color

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

♥
- f
- t
- g
- R 33
- G 78
- B 83
RGB color chart
- C 61
- M 6
- Y 0
- K 17
CMYK color chart

● #53c7d4 color description : Moderate cyan.

The hexadecimal color #53c7d4 has RGB values of R:83, G:199, B:212 and CMYK values of C:0.61, M:0.06, Y:0, K:0.17. Its decimal value is 5490644.

Hex triplet	53c7d4	`#53c7d4`
RGB Decimal	83, 199, 212	`rgb(83,199,212)`
RGB Percent	32.5, 78, 83.1	`rgb(32.5%,78%,83.1%)`
CMYK	61, 6, 0, 17
HSL	186°, 60, 57.8	`hsl(186,60%,57.8%)`
HSV (or HSB)	186°, 60.8, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.468, -28.618, -16.263
XYZ	35.871, 47.436, 69.549
xyY	0.235, 0.31, 47.436
CIE-LCH	74.468, 32.916, 209.609
CIE-LUV	74.468, -46.238, -21.094
Hunter-Lab	68.874, -27.563, -11.659
Binary	01010011, 11000111, 11010100

#53c7d4
```
#53c7d4 rgb(83,199,212)
```
#d46053
```
#d46053 rgb(212,96,83)
```

Complementary Color

#53d4a1
```
#53d4a1 rgb(83,212,161)
```
#53c7d4
```
#53c7d4 rgb(83,199,212)
```
#5387d4
```
#5387d4 rgb(83,135,212)
```

Analogous Color

#d4a153
```
#d4a153 rgb(212,161,83)
```
#53c7d4
```
#53c7d4 rgb(83,199,212)
```
#d45387
```
#d45387 rgb(212,83,135)
```

Split Complementary Color

#c7d453
```
#c7d453 rgb(199,212,83)
```
#53c7d4
```
#53c7d4 rgb(83,199,212)
```
#d453c7
```
#d453c7 rgb(212,83,199)
```

Triadic Color

#53d460
```
#53d460 rgb(83,212,96)
```
#53c7d4
```
#53c7d4 rgb(83,199,212)
```
#d453c7
```
#d453c7 rgb(212,83,199)
```
#d46053
```
#d46053 rgb(212,96,83)
```

Tetradic Color

#2ca2af
```
#2ca2af rgb(44,162,175)
```
#31b4c3
```
#31b4c3 rgb(49,180,195)
```
#3fc0cf
```
#3fc0cf rgb(63,192,207)
```
#53c7d4
```
#53c7d4 rgb(83,199,212)
```
#67ced9
```
#67ced9 rgb(103,206,217)
```
#7cd4de
```
#7cd4de rgb(124,212,222)
```
#90dbe3
```
#90dbe3 rgb(144,219,227)
```

Monochromatic Color

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

#53d4c1
```
#53d4c1 rgb(83,212,193)
```
#53d4cc
```
#53d4cc rgb(83,212,204)
```
#53d2d4
```
#53d2d4 rgb(83,210,212)
```
#53c7d4
```
#53c7d4 rgb(83,199,212)
```
#53bcd4
```
#53bcd4 rgb(83,188,212)
```
#53b2d4
```
#53b2d4 rgb(83,178,212)
```
#53a7d4
```
#53a7d4 rgb(83,167,212)
```

Similar Colors

Text with hexadecimal color #53c7d4

This text has a font color of #53c7d4.

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

#53c7d4 background color

This paragraph has a background color of #53c7d4.

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

#53c7d4 border color

This element has a border color of #53c7d4.

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

CSS codes

.text {color:#53c7d4;}

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

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

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 #f0fafb is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#040f10
```
#040f10 rgb(4,15,16)
```
#081e20
```
#081e20 rgb(8,30,32)
```
#0c2c30
```
#0c2c30 rgb(12,44,48)
```
#103b3f
```
#103b3f rgb(16,59,63)
```
#14494f
```
#14494f rgb(20,73,79)
```
#18585f
```
#18585f rgb(24,88,95)
```
#1c666e
```
#1c666e rgb(28,102,110)
```
#20757e
```
#20757e rgb(32,117,126)
```
#23838e
```
#23838e rgb(35,131,142)
```
#27929e
```
#27929e rgb(39,146,158)
```
#2ba0ad
```
#2ba0ad rgb(43,160,173)
```
#2fafbd
```
#2fafbd rgb(47,175,189)
```

Shade Color Variation

#34bdcc
```
#34bdcc rgb(52,189,204)
```
#43c2d0
```
#43c2d0 rgb(67,194,208)
```
#53c7d4
```
#53c7d4 rgb(83,199,212)
```
#63ccd8
```
#63ccd8 rgb(99,204,216)
```
#72d1dc
```
#72d1dc rgb(114,209,220)
```
#82d6e0
```
#82d6e0 rgb(130,214,224)
```
#92dbe4
```
#92dbe4 rgb(146,219,228)
```
#a1e1e8
```
#a1e1e8 rgb(161,225,232)
```
#b1e6ec
```
#b1e6ec rgb(177,230,236)
```
#c1ebef
```
#c1ebef rgb(193,235,239)
```
#d1f0f3
```
#d1f0f3 rgb(209,240,243)
```
#e0f5f7
```
#e0f5f7 rgb(224,245,247)
```
#f0fafb
```
#f0fafb rgb(240,250,251)
```

Tint Color Variation

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

#8d999a
```
#8d999a rgb(141,153,154)
```
#859fa2
```
#859fa2 rgb(133,159,162)
```
#7ca6ab
```
#7ca6ab rgb(124,166,171)
```
#74adb3
```
#74adb3 rgb(116,173,179)
```
#6cb3bb
```
#6cb3bb rgb(108,179,187)
```
#64bac3
```
#64bac3 rgb(100,186,195)
```
#5bc0cc
```
#5bc0cc rgb(91,192,204)
```
#53c7d4
```
#53c7d4 rgb(83,199,212)
```
#4bcedc
```
#4bcedc rgb(75,206,220)
```
#42d4e5
```
#42d4e5 rgb(66,212,229)
```
#3adbed
```
#3adbed rgb(58,219,237)
```
#32e1f5
```
#32e1f5 rgb(50,225,245)
```
#2ae8fd
```
#2ae8fd rgb(42,232,253)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#95adaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b9cc Protanopia 1% of men
#bab7dd Deuteranopia 1% of men
#5dc9d8 Tritanopia 0.001% of the population

Trichromacy

#93becf Protanomaly 1% of men, 0.01% of women
#94bcd9 Deuteranomaly 6% of men, 0.4% of women
#59c8d6 Tritanomaly 0.01% of the population

#53c7d4 hex color

#53c7d4 Color Information

#53c7d4 Color Conversion

Color Schemes with #53c7d4

Alternatives to #53c7d4

#53c7d4 Preview

Shades and Tints of #53c7d4

Tones of #53c7d4

Color Blindness Simulator