#53d5f6 hex color

In a RGB color space, hex #53d5f6 is composed of 32.5% red, 83.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 13.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 192.1 degrees, a saturation of 90.1% and a lightness of 64.5%. #53d5f6 color hex could be obtained by blending #a6ffff with #00abed. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 84
- B 96
RGB color chart
- C 66
- M 13
- Y 0
- K 4
CMYK color chart

● #53d5f6 color description : Soft cyan.

The hexadecimal color #53d5f6 has RGB values of R:83, G:213, B:246 and CMYK values of C:0.66, M:0.13, Y:0, K:0.04. Its decimal value is 5494262.

Hex triplet	53d5f6	`#53d5f6`
RGB Decimal	83, 213, 246	`rgb(83,213,246)`
RGB Percent	32.5, 83.5, 96.5	`rgb(32.5%,83.5%,96.5%)`
CMYK	66, 13, 0, 4
HSL	192.1°, 90.1, 64.5	`hsl(192.1,90.1%,64.5%)`
HSV (or HSB)	192.1°, 66.3, 96.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.658, -25.554, -26.644
XYZ	43.992, 56.078, 95.689
xyY	0.225, 0.286, 56.078
CIE-LCH	79.658, 36.918, 226.196
CIE-LUV	79.658, -49.424, -39.132
Hunter-Lab	74.885, -26.188, -23.342
Binary	01010011, 11010101, 11110110

#53d5f6
```
#53d5f6 rgb(83,213,246)
```
#f67453
```
#f67453 rgb(246,116,83)
```

Complementary Color

#53f6c6
```
#53f6c6 rgb(83,246,198)
```
#53d5f6
```
#53d5f6 rgb(83,213,246)
```
#5384f6
```
#5384f6 rgb(83,132,246)
```

Analogous Color

#f6c653
```
#f6c653 rgb(246,198,83)
```
#53d5f6
```
#53d5f6 rgb(83,213,246)
```
#f65384
```
#f65384 rgb(246,83,132)
```

Split Complementary Color

#d5f653
```
#d5f653 rgb(213,246,83)
```
#53d5f6
```
#53d5f6 rgb(83,213,246)
```
#f653d5
```
#f653d5 rgb(246,83,213)
```

Triadic Color

#53f674
```
#53f674 rgb(83,246,116)
```
#53d5f6
```
#53d5f6 rgb(83,213,246)
```
#f653d5
```
#f653d5 rgb(246,83,213)
```
#f67453
```
#f67453 rgb(246,116,83)
```

Tetradic Color

#0dc2f0
```
#0dc2f0 rgb(13,194,240)
```
#23c9f3
```
#23c9f3 rgb(35,201,243)
```
#3bcff5
```
#3bcff5 rgb(59,207,245)
```
#53d5f6
```
#53d5f6 rgb(83,213,246)
```
#6bdbf7
```
#6bdbf7 rgb(107,219,247)
```
#83e1f9
```
#83e1f9 rgb(131,225,249)
```
#9ce7fa
```
#9ce7fa rgb(156,231,250)
```

Monochromatic Color

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

#53f6ee
```
#53f6ee rgb(83,246,238)
```
#53f0f6
```
#53f0f6 rgb(83,240,246)
```
#53e3f6
```
#53e3f6 rgb(83,227,246)
```
#53d5f6
```
#53d5f6 rgb(83,213,246)
```
#53c7f6
```
#53c7f6 rgb(83,199,246)
```
#53baf6
```
#53baf6 rgb(83,186,246)
```
#53acf6
```
#53acf6 rgb(83,172,246)
```

Similar Colors

Text with hexadecimal color #53d5f6

This text has a font color of #53d5f6.

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

#53d5f6 background color

This paragraph has a background color of #53d5f6.

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

#53d5f6 border color

This element has a border color of #53d5f6.

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

CSS codes

.text {color:#53d5f6;}

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

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

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, #010c0e is the darkest color, while #fbfeff is the lightest one.

#010c0e
```
#010c0e rgb(1,12,14)
```
#021b21
```
#021b21 rgb(2,27,33)
```
#032a34
```
#032a34 rgb(3,42,52)
```
#043946
```
#043946 rgb(4,57,70)
```
#054859
```
#054859 rgb(5,72,89)
```
#06576c
```
#06576c rgb(6,87,108)
```
#07667e
```
#07667e rgb(7,102,126)
```
#087591
```
#087591 rgb(8,117,145)
```
#0984a4
```
#0984a4 rgb(9,132,164)
```
#0a93b6
```
#0a93b6 rgb(10,147,182)
```
#0ba2c9
```
#0ba2c9 rgb(11,162,201)
```
#0bb1db
```
#0bb1db rgb(11,177,219)
```
#0cc0ee
```
#0cc0ee rgb(12,192,238)
```

Shade Color Variation

#1bc7f3
```
#1bc7f3 rgb(27,199,243)
```
#2eccf4
```
#2eccf4 rgb(46,204,244)
```
#40d0f5
```
#40d0f5 rgb(64,208,245)
```
#53d5f6
```
#53d5f6 rgb(83,213,246)
```
#66daf7
```
#66daf7 rgb(102,218,247)
```
#78def8
```
#78def8 rgb(120,222,248)
```
#8be3f9
```
#8be3f9 rgb(139,227,249)
```
#9ee7fa
```
#9ee7fa rgb(158,231,250)
```
#b0ecfb
```
#b0ecfb rgb(176,236,251)
```
#c3f0fc
```
#c3f0fc rgb(195,240,252)
```
#d5f5fd
```
#d5f5fd rgb(213,245,253)
```
#e8f9fe
```
#e8f9fe rgb(232,249,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a0a7a9 is the less saturated color, while #4cd9fd is the most saturated one.

#a0a7a9
```
#a0a7a9 rgb(160,167,169)
```
#99acb0
```
#99acb0 rgb(153,172,176)
```
#92b0b7
```
#92b0b7 rgb(146,176,183)
```
#8bb4be
```
#8bb4be rgb(139,180,190)
```
#84b8c5
```
#84b8c5 rgb(132,184,197)
```
#7dbccc
```
#7dbccc rgb(125,188,204)
```
#76c0d3
```
#76c0d3 rgb(118,192,211)
```
#6fc4da
```
#6fc4da rgb(111,196,218)
```
#68c9e1
```
#68c9e1 rgb(104,201,225)
```
#61cde8
```
#61cde8 rgb(97,205,232)
```
#5ad1ef
```
#5ad1ef rgb(90,209,239)
```
#53d5f6
```
#53d5f6 rgb(83,213,246)
```
#4cd9fd
```
#4cd9fd rgb(76,217,253)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#9fb9c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc6ec Protanopia 1% of men
#bdc5fd Deuteranopia 1% of men
#52d9e9 Tritanopia 0.001% of the population

Trichromacy

#98cbef Protanomaly 1% of men, 0.01% of women
#96cafa Deuteranomaly 6% of men, 0.4% of women
#52d7ed Tritanomaly 0.01% of the population

#53d5f6 hex color

#53d5f6 Color Information

#53d5f6 Color Conversion

Color Schemes with #53d5f6

Alternatives to #53d5f6

#53d5f6 Preview

Shades and Tints of #53d5f6

Tones of #53d5f6

Color Blindness Simulator