#53aed9 hex color

In a RGB color space, hex #53aed9 is composed of 32.5% red, 68.2% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 19.8% magenta, 0% yellow and 14.9% black. It has a hue angle of 199.3 degrees, a saturation of 63.8% and a lightness of 58.8%. #53aed9 color hex could be obtained by blending #a6ffff with #005db3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 68
- B 85
RGB color chart
- C 62
- M 20
- Y 0
- K 15
CMYK color chart

● #53aed9 color description : Soft blue.

The hexadecimal color #53aed9 has RGB values of R:83, G:174, B:217 and CMYK values of C:0.62, M:0.2, Y:0, K:0.15. Its decimal value is 5484249.

Hex triplet	53aed9	`#53aed9`
RGB Decimal	83, 174, 217	`rgb(83,174,217)`
RGB Percent	32.5, 68.2, 85.1	`rgb(32.5%,68.2%,85.1%)`
CMYK	62, 20, 0, 15
HSL	199.3°, 63.8, 58.8	`hsl(199.3,63.8%,58.8%)`
HSV (or HSB)	199.3°, 61.8, 85.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.366, -14.333, -29.829
XYZ	31.225, 37.119, 71.161
xyY	0.224, 0.266, 37.119
CIE-LCH	67.366, 33.094, 244.335
CIE-LUV	67.366, -36.788, -45.125
Hunter-Lab	60.925, -15.136, -26.604
Binary	01010011, 10101110, 11011001

#53aed9
```
#53aed9 rgb(83,174,217)
```
#d97e53
```
#d97e53 rgb(217,126,83)
```

Complementary Color

#53d9c1
```
#53d9c1 rgb(83,217,193)
```
#53aed9
```
#53aed9 rgb(83,174,217)
```
#536bd9
```
#536bd9 rgb(83,107,217)
```

Analogous Color

#d9c153
```
#d9c153 rgb(217,193,83)
```
#53aed9
```
#53aed9 rgb(83,174,217)
```
#d9536b
```
#d9536b rgb(217,83,107)
```

Split Complementary Color

#aed953
```
#aed953 rgb(174,217,83)
```
#53aed9
```
#53aed9 rgb(83,174,217)
```
#d953ae
```
#d953ae rgb(217,83,174)
```

Triadic Color

#53d97e
```
#53d97e rgb(83,217,126)
```
#53aed9
```
#53aed9 rgb(83,174,217)
```
#d953ae
```
#d953ae rgb(217,83,174)
```
#d97e53
```
#d97e53 rgb(217,126,83)
```

Tetradic Color

#2889b7
```
#2889b7 rgb(40,137,183)
```
#2d99cc
```
#2d99cc rgb(45,153,204)
```
#3ea4d4
```
#3ea4d4 rgb(62,164,212)
```
#53aed9
```
#53aed9 rgb(83,174,217)
```
#68b8de
```
#68b8de rgb(104,184,222)
```
#7dc2e2
```
#7dc2e2 rgb(125,194,226)
```
#92cce7
```
#92cce7 rgb(146,204,231)
```

Monochromatic Color

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

#53d0d9
```
#53d0d9 rgb(83,208,217)
```
#53c4d9
```
#53c4d9 rgb(83,196,217)
```
#53b9d9
```
#53b9d9 rgb(83,185,217)
```
#53aed9
```
#53aed9 rgb(83,174,217)
```
#53a3d9
```
#53a3d9 rgb(83,163,217)
```
#5398d9
```
#5398d9 rgb(83,152,217)
```
#538dd9
```
#538dd9 rgb(83,141,217)
```

Similar Colors

Text with hexadecimal color #53aed9

This text has a font color of #53aed9.

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

#53aed9 background color

This paragraph has a background color of #53aed9.

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

#53aed9 border color

This element has a border color of #53aed9.

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

CSS codes

.text {color:#53aed9;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#051015
```
#051015 rgb(5,16,21)
```
#081c25
```
#081c25 rgb(8,28,37)
```
#0c2835
```
#0c2835 rgb(12,40,53)
```
#0f3445
```
#0f3445 rgb(15,52,69)
```
#134055
```
#134055 rgb(19,64,85)
```
#164c65
```
#164c65 rgb(22,76,101)
```
#1a5875
```
#1a5875 rgb(26,88,117)
```
#1d6485
```
#1d6485 rgb(29,100,133)
```
#217095
```
#217095 rgb(33,112,149)
```
#257ca5
```
#257ca5 rgb(37,124,165)
```
#2888b5
```
#2888b5 rgb(40,136,181)
```
#2c94c6
```
#2c94c6 rgb(44,148,198)
```

Shade Color Variation

#339fd2
```
#339fd2 rgb(51,159,210)
```
#43a6d5
```
#43a6d5 rgb(67,166,213)
```
#53aed9
```
#53aed9 rgb(83,174,217)
```
#63b6dd
```
#63b6dd rgb(99,182,221)
```
#73bde0
```
#73bde0 rgb(115,189,224)
```
#83c5e4
```
#83c5e4 rgb(131,197,228)
```
#93cce7
```
#93cce7 rgb(147,204,231)
```
#a3d4eb
```
#a3d4eb rgb(163,212,235)
```
#b3dbee
```
#b3dbee rgb(179,219,238)
```
#c3e3f2
```
#c3e3f2 rgb(195,227,242)
```
#d4ebf5
```
#d4ebf5 rgb(212,235,245)
```
#e4f2f9
```
#e4f2f9 rgb(228,242,249)
```
#f4fafc
```
#f4fafc rgb(244,250,252)
```

Tint Color Variation

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

#949798
```
#949798 rgb(148,151,152)
```
#8c9aa0
```
#8c9aa0 rgb(140,154,160)
```
#839da9
```
#839da9 rgb(131,157,169)
```
#7ba0b1
```
#7ba0b1 rgb(123,160,177)
```
#73a2b9
```
#73a2b9 rgb(115,162,185)
```
#6ba5c1
```
#6ba5c1 rgb(107,165,193)
```
#63a8c9
```
#63a8c9 rgb(99,168,201)
```
#5babd1
```
#5babd1 rgb(91,171,209)
```
#53aed9
```
#53aed9 rgb(83,174,217)
```
#4bb1e1
```
#4bb1e1 rgb(75,177,225)
```
#43b4e9
```
#43b4e9 rgb(67,180,233)
```
#3bb7f1
```
#3bb7f1 rgb(59,183,241)
```
#33baf9
```
#33baf9 rgb(51,186,249)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8a9ca5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca7d3 Protanopia 1% of men
#97a6df Deuteranopia 1% of men
#4db6c3 Tritanopia 0.001% of the population

Trichromacy

#81a9d5 Protanomaly 1% of men, 0.01% of women
#7ea9dd Deuteranomaly 6% of men, 0.4% of women
#4fb3cb Tritanomaly 0.01% of the population

#53aed9 hex color

#53aed9 Color Information

#53aed9 Color Conversion

Color Schemes with #53aed9

Alternatives to #53aed9

#53aed9 Preview

Shades and Tints of #53aed9

Tones of #53aed9

Color Blindness Simulator