#53d3f9 hex color

In a RGB color space, hex #53d3f9 is composed of 32.5% red, 82.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 15.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 193.7 degrees, a saturation of 93.3% and a lightness of 65.1%. #53d3f9 color hex could be obtained by blending #a6ffff with #00a7f3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 83
- B 98
RGB color chart
- C 67
- M 15
- Y 0
- K 2
CMYK color chart

● #53d3f9 color description : Soft cyan.

The hexadecimal color #53d3f9 has RGB values of R:83, G:211, B:249 and CMYK values of C:0.67, M:0.15, Y:0, K:0.02. Its decimal value is 5493753.

Hex triplet	53d3f9	`#53d3f9`
RGB Decimal	83, 211, 249	`rgb(83,211,249)`
RGB Percent	32.5, 82.7, 97.6	`rgb(32.5%,82.7%,97.6%)`
CMYK	67, 15, 0, 2
HSL	193.7°, 93.3, 65.1	`hsl(193.7,93.3%,65.1%)`
HSV (or HSB)	193.7°, 66.7, 97.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.193, -23.654, -28.955
XYZ	43.956, 55.263, 97.968
xyY	0.223, 0.28, 55.263
CIE-LCH	79.193, 37.388, 230.754
CIE-LUV	79.193, -48.544, -43.312
Hunter-Lab	74.339, -24.549, -26.097
Binary	01010011, 11010011, 11111001

#53d3f9
```
#53d3f9 rgb(83,211,249)
```
#f97953
```
#f97953 rgb(249,121,83)
```

Complementary Color

#53f9cc
```
#53f9cc rgb(83,249,204)
```
#53d3f9
```
#53d3f9 rgb(83,211,249)
```
#5380f9
```
#5380f9 rgb(83,128,249)
```

Analogous Color

#f9cc53
```
#f9cc53 rgb(249,204,83)
```
#53d3f9
```
#53d3f9 rgb(83,211,249)
```
#f95380
```
#f95380 rgb(249,83,128)
```

Split Complementary Color

#d3f953
```
#d3f953 rgb(211,249,83)
```
#53d3f9
```
#53d3f9 rgb(83,211,249)
```
#f953d3
```
#f953d3 rgb(249,83,211)
```

Triadic Color

#53f979
```
#53f979 rgb(83,249,121)
```
#53d3f9
```
#53d3f9 rgb(83,211,249)
```
#f953d3
```
#f953d3 rgb(249,83,211)
```
#f97953
```
#f97953 rgb(249,121,83)
```

Tetradic Color

#09c0f6
```
#09c0f6 rgb(9,192,246)
```
#22c6f7
```
#22c6f7 rgb(34,198,247)
```
#3acdf8
```
#3acdf8 rgb(58,205,248)
```
#53d3f9
```
#53d3f9 rgb(83,211,249)
```
#6cd9fa
```
#6cd9fa rgb(108,217,250)
```
#84e0fb
```
#84e0fb rgb(132,224,251)
```
#9de6fc
```
#9de6fc rgb(157,230,252)
```

Monochromatic Color

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

#53f9f6
```
#53f9f6 rgb(83,249,246)
```
#53eff9
```
#53eff9 rgb(83,239,249)
```
#53e1f9
```
#53e1f9 rgb(83,225,249)
```
#53d3f9
```
#53d3f9 rgb(83,211,249)
```
#53c5f9
```
#53c5f9 rgb(83,197,249)
```
#53b7f9
```
#53b7f9 rgb(83,183,249)
```
#53aaf9
```
#53aaf9 rgb(83,170,249)
```

Similar Colors

Text with hexadecimal color #53d3f9

This text has a font color of #53d3f9.

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

#53d3f9 background color

This paragraph has a background color of #53d3f9.

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

#53d3f9 border color

This element has a border color of #53d3f9.

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

CSS codes

.text {color:#53d3f9;}

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

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

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

#010e12
```
#010e12 rgb(1,14,18)
```
#011c24
```
#011c24 rgb(1,28,36)
```
#022b37
```
#022b37 rgb(2,43,55)
```
#033a4a
```
#033a4a rgb(3,58,74)
```
#03495d
```
#03495d rgb(3,73,93)
```
#045770
```
#045770 rgb(4,87,112)
```
#056683
```
#056683 rgb(5,102,131)
```
#057596
```
#057596 rgb(5,117,150)
```
#0684a9
```
#0684a9 rgb(6,132,169)
```
#0793bc
```
#0793bc rgb(7,147,188)
```
#07a1cf
```
#07a1cf rgb(7,161,207)
```
#08b0e2
```
#08b0e2 rgb(8,176,226)
```
#09bff5
```
#09bff5 rgb(9,191,245)
```

Shade Color Variation

#1ac4f7
```
#1ac4f7 rgb(26,196,247)
```
#2dc9f8
```
#2dc9f8 rgb(45,201,248)
```
#40cef8
```
#40cef8 rgb(64,206,248)
```
#53d3f9
```
#53d3f9 rgb(83,211,249)
```
#66d8fa
```
#66d8fa rgb(102,216,250)
```
#79ddfa
```
#79ddfa rgb(121,221,250)
```
#8ce2fb
```
#8ce2fb rgb(140,226,251)
```
#9fe6fc
```
#9fe6fc rgb(159,230,252)
```
#b2ebfc
```
#b2ebfc rgb(178,235,252)
```
#c5f0fd
```
#c5f0fd rgb(197,240,253)
```
#d8f5fe
```
#d8f5fe rgb(216,245,254)
```
#ebfafe
```
#ebfafe rgb(235,250,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#a5a6a7
```
#a5a6a7 rgb(165,166,167)
```
#9eaaae
```
#9eaaae rgb(158,170,174)
```
#97aeb5
```
#97aeb5 rgb(151,174,181)
```
#91b2bb
```
#91b2bb rgb(145,178,187)
```
#8ab5c2
```
#8ab5c2 rgb(138,181,194)
```
#83b9c9
```
#83b9c9 rgb(131,185,201)
```
#7cbdd0
```
#7cbdd0 rgb(124,189,208)
```
#75c0d7
```
#75c0d7 rgb(117,192,215)
```
#6ec4de
```
#6ec4de rgb(110,196,222)
```
#68c8e4
```
#68c8e4 rgb(104,200,228)
```
#61cceb
```
#61cceb rgb(97,204,235)
```
#5acff2
```
#5acff2 rgb(90,207,242)
```
#53d3f9
```
#53d3f9 rgb(83,211,249)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#9eb8bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc5ef Protanopia 1% of men
#b9c4ff Deuteranopia 1% of men
#4fd8e8 Tritanopia 0.001% of the population

Trichromacy

#96caf2 Protanomaly 1% of men, 0.01% of women
#93c9fc Deuteranomaly 6% of men, 0.4% of women
#50d6ee Tritanomaly 0.01% of the population

#53d3f9 hex color

#53d3f9 Color Information

#53d3f9 Color Conversion

Color Schemes with #53d3f9

Alternatives to #53d3f9

#53d3f9 Preview

Shades and Tints of #53d3f9

Tones of #53d3f9

Color Blindness Simulator