#53b7e4 hex color

In a RGB color space, hex #53b7e4 is composed of 32.5% red, 71.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 19.7% magenta, 0% yellow and 10.6% black. It has a hue angle of 198.6 degrees, a saturation of 72.9% and a lightness of 61%. #53b7e4 color hex could be obtained by blending #a6ffff with #006fc9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 72
- B 89
RGB color chart
- C 64
- M 20
- Y 0
- K 11
CMYK color chart

● #53b7e4 color description : Soft blue.

The hexadecimal color #53b7e4 has RGB values of R:83, G:183, B:228 and CMYK values of C:0.64, M:0.2, Y:0, K:0.11. Its decimal value is 5486564.

Hex triplet	53b7e4	`#53b7e4`
RGB Decimal	83, 183, 228	`rgb(83,183,228)`
RGB Percent	32.5, 71.8, 89.4	`rgb(32.5%,71.8%,89.4%)`
CMYK	64, 20, 0, 11
HSL	198.6°, 72.9, 61	`hsl(198.6,72.9%,61%)`
HSV (or HSB)	198.6°, 63.6, 89.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.389, -15.696, -31.184
XYZ	34.501, 41.305, 79.549
xyY	0.222, 0.266, 41.305
CIE-LCH	70.389, 34.912, 243.283
CIE-LUV	70.389, -39.578, -47.51
Hunter-Lab	64.269, -16.648, -28.398
Binary	01010011, 10110111, 11100100

#53b7e4
```
#53b7e4 rgb(83,183,228)
```
#e48053
```
#e48053 rgb(228,128,83)
```

Complementary Color

#53e4c9
```
#53e4c9 rgb(83,228,201)
```
#53b7e4
```
#53b7e4 rgb(83,183,228)
```
#536fe4
```
#536fe4 rgb(83,111,228)
```

Analogous Color

#e4c953
```
#e4c953 rgb(228,201,83)
```
#53b7e4
```
#53b7e4 rgb(83,183,228)
```
#e4536f
```
#e4536f rgb(228,83,111)
```

Split Complementary Color

#b7e453
```
#b7e453 rgb(183,228,83)
```
#53b7e4
```
#53b7e4 rgb(83,183,228)
```
#e453b7
```
#e453b7 rgb(228,83,183)
```

Triadic Color

#53e480
```
#53e480 rgb(83,228,128)
```
#53b7e4
```
#53b7e4 rgb(83,183,228)
```
#e453b7
```
#e453b7 rgb(228,83,183)
```
#e48053
```
#e48053 rgb(228,128,83)
```

Tetradic Color

#2096cb
```
#2096cb rgb(32,150,203)
```
#27a5dd
```
#27a5dd rgb(39,165,221)
```
#3daee1
```
#3daee1 rgb(61,174,225)
```
#53b7e4
```
#53b7e4 rgb(83,183,228)
```
#69c0e7
```
#69c0e7 rgb(105,192,231)
```
#7fc9eb
```
#7fc9eb rgb(127,201,235)
```
#95d3ee
```
#95d3ee rgb(149,211,238)
```

Monochromatic Color

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

#53dbe4
```
#53dbe4 rgb(83,219,228)
```
#53cfe4
```
#53cfe4 rgb(83,207,228)
```
#53c3e4
```
#53c3e4 rgb(83,195,228)
```
#53b7e4
```
#53b7e4 rgb(83,183,228)
```
#53abe4
```
#53abe4 rgb(83,171,228)
```
#539fe4
```
#539fe4 rgb(83,159,228)
```
#5393e4
```
#5393e4 rgb(83,147,228)
```

Similar Colors

Text with hexadecimal color #53b7e4

This text has a font color of #53b7e4.

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

#53b7e4 background color

This paragraph has a background color of #53b7e4.

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

#53b7e4 border color

This element has a border color of #53b7e4.

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

CSS codes

.text {color:#53b7e4;}

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

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

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, #020b0e is the darkest color, while #fdfeff is the lightest one.

#020b0e
```
#020b0e rgb(2,11,14)
```
#05171f
```
#05171f rgb(5,23,31)
```
#082430
```
#082430 rgb(8,36,48)
```
#0a3041
```
#0a3041 rgb(10,48,65)
```
#0d3d52
```
#0d3d52 rgb(13,61,82)
```
#104963
```
#104963 rgb(16,73,99)
```
#125674
```
#125674 rgb(18,86,116)
```
#156285
```
#156285 rgb(21,98,133)
```
#186f96
```
#186f96 rgb(24,111,150)
```
#1a7ba7
```
#1a7ba7 rgb(26,123,167)
```
#1d88b8
```
#1d88b8 rgb(29,136,184)
```
#2094c9
```
#2094c9 rgb(32,148,201)
```
#22a1da
```
#22a1da rgb(34,161,218)
```

Shade Color Variation

#31a9df
```
#31a9df rgb(49,169,223)
```
#42b0e1
```
#42b0e1 rgb(66,176,225)
```
#53b7e4
```
#53b7e4 rgb(83,183,228)
```
#64bee7
```
#64bee7 rgb(100,190,231)
```
#75c5e9
```
#75c5e9 rgb(117,197,233)
```
#86ccec
```
#86ccec rgb(134,204,236)
```
#97d3ef
```
#97d3ef rgb(151,211,239)
```
#a8daf1
```
#a8daf1 rgb(168,218,241)
```
#b9e2f4
```
#b9e2f4 rgb(185,226,244)
```
#cae9f7
```
#cae9f7 rgb(202,233,247)
```
#dbf0f9
```
#dbf0f9 rgb(219,240,249)
```
#ecf7fc
```
#ecf7fc rgb(236,247,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989d9f is the less saturated color, while #3cc0fb is the most saturated one.

#989d9f
```
#989d9f rgb(152,157,159)
```
#90a0a7
```
#90a0a7 rgb(144,160,167)
```
#89a3ae
```
#89a3ae rgb(137,163,174)
```
#81a6b6
```
#81a6b6 rgb(129,166,182)
```
#79a8be
```
#79a8be rgb(121,168,190)
```
#72abc5
```
#72abc5 rgb(114,171,197)
```
#6aaecd
```
#6aaecd rgb(106,174,205)
```
#62b1d5
```
#62b1d5 rgb(98,177,213)
```
#5bb4dc
```
#5bb4dc rgb(91,180,220)
```
#53b7e4
```
#53b7e4 rgb(83,183,228)
```
#4bbaec
```
#4bbaec rgb(75,186,236)
```
#44bdf3
```
#44bdf3 rgb(68,189,243)
```
#3cc0fb
```
#3cc0fb rgb(60,192,251)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8fa3ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3aedd Protanopia 1% of men
#9daeea Deuteranopia 1% of men
#4bbfcd Tritanopia 0.001% of the population

Trichromacy

#86b1df Protanomaly 1% of men, 0.01% of women
#82b1e7 Deuteranomaly 6% of men, 0.4% of women
#4ebcd5 Tritanomaly 0.01% of the population

#53b7e4 hex color

#53b7e4 Color Information

#53b7e4 Color Conversion

Color Schemes with #53b7e4

Alternatives to #53b7e4

#53b7e4 Preview

Shades and Tints of #53b7e4

Tones of #53b7e4

Color Blindness Simulator