#53b5d8 hex color

In a RGB color space, hex #53b5d8 is composed of 32.5% red, 71% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 16.2% magenta, 0% yellow and 15.3% black. It has a hue angle of 195.8 degrees, a saturation of 63% and a lightness of 58.6%. #53b5d8 color hex could be obtained by blending #a6ffff with #006bb1. Closest websafe color is: #66cccc.

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

● #53b5d8 color description : Moderate blue.

The hexadecimal color #53b5d8 has RGB values of R:83, G:181, B:216 and CMYK values of C:0.62, M:0.16, Y:0, K:0.15. Its decimal value is 5486040.

Hex triplet	53b5d8	`#53b5d8`
RGB Decimal	83, 181, 216	`rgb(83,181,216)`
RGB Percent	32.5, 71, 84.7	`rgb(32.5%,71%,84.7%)`
CMYK	62, 16, 0, 15
HSL	195.8°, 63, 58.6	`hsl(195.8,63%,58.6%)`
HSV (or HSB)	195.8°, 61.6, 84.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.357, -18.343, -26.216
XYZ	32.483, 39.842, 70.94
xyY	0.227, 0.278, 39.842
CIE-LCH	69.357, 31.996, 235.021
CIE-LUV	69.357, -39.401, -38.719
Hunter-Lab	63.121, -18.603, -22.451
Binary	01010011, 10110101, 11011000

#53b5d8
```
#53b5d8 rgb(83,181,216)
```
#d87653
```
#d87653 rgb(216,118,83)
```

Complementary Color

#53d8b9
```
#53d8b9 rgb(83,216,185)
```
#53b5d8
```
#53b5d8 rgb(83,181,216)
```
#5373d8
```
#5373d8 rgb(83,115,216)
```

Analogous Color

#d8b953
```
#d8b953 rgb(216,185,83)
```
#53b5d8
```
#53b5d8 rgb(83,181,216)
```
#d85373
```
#d85373 rgb(216,83,115)
```

Split Complementary Color

#b5d853
```
#b5d853 rgb(181,216,83)
```
#53b5d8
```
#53b5d8 rgb(83,181,216)
```
#d853b5
```
#d853b5 rgb(216,83,181)
```

Triadic Color

#53d876
```
#53d876 rgb(83,216,118)
```
#53b5d8
```
#53b5d8 rgb(83,181,216)
```
#d853b5
```
#d853b5 rgb(216,83,181)
```
#d87653
```
#d87653 rgb(216,118,83)
```

Tetradic Color

#2990b5
```
#2990b5 rgb(41,144,181)
```
#2ea1ca
```
#2ea1ca rgb(46,161,202)
```
#3eacd3
```
#3eacd3 rgb(62,172,211)
```
#53b5d8
```
#53b5d8 rgb(83,181,216)
```
#68bedd
```
#68bedd rgb(104,190,221)
```
#7dc7e1
```
#7dc7e1 rgb(125,199,225)
```
#91d0e6
```
#91d0e6 rgb(145,208,230)
```

Monochromatic Color

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

#53d6d8
```
#53d6d8 rgb(83,214,216)
```
#53cbd8
```
#53cbd8 rgb(83,203,216)
```
#53c0d8
```
#53c0d8 rgb(83,192,216)
```
#53b5d8
```
#53b5d8 rgb(83,181,216)
```
#53aad8
```
#53aad8 rgb(83,170,216)
```
#539fd8
```
#539fd8 rgb(83,159,216)
```
#5394d8
```
#5394d8 rgb(83,148,216)
```

Similar Colors

Text with hexadecimal color #53b5d8

This text has a font color of #53b5d8.

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

#53b5d8 background color

This paragraph has a background color of #53b5d8.

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

#53b5d8 border color

This element has a border color of #53b5d8.

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

CSS codes

.text {color:#53b5d8;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#051014
```
#051014 rgb(5,16,20)
```
#081d24
```
#081d24 rgb(8,29,36)
```
#0c2934
```
#0c2934 rgb(12,41,52)
```
#0f3644
```
#0f3644 rgb(15,54,68)
```
#134354
```
#134354 rgb(19,67,84)
```
#175064
```
#175064 rgb(23,80,100)
```
#1a5c74
```
#1a5c74 rgb(26,92,116)
```
#1e6984
```
#1e6984 rgb(30,105,132)
```
#227694
```
#227694 rgb(34,118,148)
```
#2582a4
```
#2582a4 rgb(37,130,164)
```
#298fb4
```
#298fb4 rgb(41,143,180)
```
#2c9cc4
```
#2c9cc4 rgb(44,156,196)
```

Shade Color Variation

#33a7d1
```
#33a7d1 rgb(51,167,209)
```
#43aed4
```
#43aed4 rgb(67,174,212)
```
#53b5d8
```
#53b5d8 rgb(83,181,216)
```
#63bcdc
```
#63bcdc rgb(99,188,220)
```
#73c3df
```
#73c3df rgb(115,195,223)
```
#83cae3
```
#83cae3 rgb(131,202,227)
```
#93d1e7
```
#93d1e7 rgb(147,209,231)
```
#a3d7ea
```
#a3d7ea rgb(163,215,234)
```
#b3deee
```
#b3deee rgb(179,222,238)
```
#c3e5f1
```
#c3e5f1 rgb(195,229,241)
```
#d3ecf5
```
#d3ecf5 rgb(211,236,245)
```
#e3f3f9
```
#e3f3f9 rgb(227,243,249)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```

Tint Color Variation

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

#949697
```
#949697 rgb(148,150,151)
```
#8c9a9f
```
#8c9a9f rgb(140,154,159)
```
#849ea7
```
#849ea7 rgb(132,158,167)
```
#7ca2af
```
#7ca2af rgb(124,162,175)
```
#73a6b8
```
#73a6b8 rgb(115,166,184)
```
#6ba9c0
```
#6ba9c0 rgb(107,169,192)
```
#63adc8
```
#63adc8 rgb(99,173,200)
```
#5bb1d0
```
#5bb1d0 rgb(91,177,208)
```
#53b5d8
```
#53b5d8 rgb(83,181,216)
```
#4bb9e0
```
#4bb9e0 rgb(75,185,224)
```
#43bde8
```
#43bde8 rgb(67,189,232)
```
#3bc1f0
```
#3bc1f0 rgb(59,193,240)
```
#33c4f8
```
#33c4f8 rgb(51,196,248)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8da1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4acd1 Protanopia 1% of men
#a1abdf Deuteranopia 1% of men
#52bbc9 Tritanopia 0.001% of the population

Trichromacy

#86afd4 Protanomaly 1% of men, 0.01% of women
#84aedc Deuteranomaly 6% of men, 0.4% of women
#52b9ce Tritanomaly 0.01% of the population

#53b5d8 hex color

#53b5d8 Color Information

#53b5d8 Color Conversion

Color Schemes with #53b5d8

Alternatives to #53b5d8

#53b5d8 Preview

Shades and Tints of #53b5d8

Tones of #53b5d8

Color Blindness Simulator