#53a2e3 hex color

In a RGB color space, hex #53a2e3 is composed of 32.5% red, 63.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 28.6% magenta, 0% yellow and 11% black. It has a hue angle of 207.1 degrees, a saturation of 72% and a lightness of 60.8%. #53a2e3 color hex could be obtained by blending #a6ffff with #0045c7. Closest websafe color is: #6699cc.

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

● #53a2e3 color description : Soft blue.

The hexadecimal color #53a2e3 has RGB values of R:83, G:162, B:227 and CMYK values of C:0.63, M:0.29, Y:0, K:0.11. Its decimal value is 5481187.

Hex triplet	53a2e3	`#53a2e3`
RGB Decimal	83, 162, 227	`rgb(83,162,227)`
RGB Percent	32.5, 63.5, 89	`rgb(32.5%,63.5%,89%)`
CMYK	63, 29, 0, 11
HSL	207.1°, 72, 60.8	`hsl(207.1,72%,60.8%)`
HSV (or HSB)	207.1°, 63.4, 89
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.342, -4.551, -40.037
XYZ	30.349, 33.224, 77.482
xyY	0.215, 0.236, 33.224
CIE-LCH	64.342, 40.295, 263.516
CIE-LUV	64.342, -32.075, -63.146
Hunter-Lab	57.64, -6.883, -39.352
Binary	01010011, 10100010, 11100011

#53a2e3
```
#53a2e3 rgb(83,162,227)
```
#e39453
```
#e39453 rgb(227,148,83)
```

Complementary Color

#53e3dc
```
#53e3dc rgb(83,227,220)
```
#53a2e3
```
#53a2e3 rgb(83,162,227)
```
#535ae3
```
#535ae3 rgb(83,90,227)
```

Analogous Color

#e3dc53
```
#e3dc53 rgb(227,220,83)
```
#53a2e3
```
#53a2e3 rgb(83,162,227)
```
#e3535a
```
#e3535a rgb(227,83,90)
```

Split Complementary Color

#a2e353
```
#a2e353 rgb(162,227,83)
```
#53a2e3
```
#53a2e3 rgb(83,162,227)
```
#e353a2
```
#e353a2 rgb(227,83,162)
```

Triadic Color

#53e394
```
#53e394 rgb(83,227,148)
```
#53a2e3
```
#53a2e3 rgb(83,162,227)
```
#e353a2
```
#e353a2 rgb(227,83,162)
```
#e39453
```
#e39453 rgb(227,148,83)
```

Tetradic Color

#217dc9
```
#217dc9 rgb(33,125,201)
```
#278adc
```
#278adc rgb(39,138,220)
```
#3d96df
```
#3d96df rgb(61,150,223)
```
#53a2e3
```
#53a2e3 rgb(83,162,227)
```
#69aee7
```
#69aee7 rgb(105,174,231)
```
#7fbaea
```
#7fbaea rgb(127,186,234)
```
#95c6ee
```
#95c6ee rgb(149,198,238)
```

Monochromatic Color

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

#53c6e3
```
#53c6e3 rgb(83,198,227)
```
#53bae3
```
#53bae3 rgb(83,186,227)
```
#53aee3
```
#53aee3 rgb(83,174,227)
```
#53a2e3
```
#53a2e3 rgb(83,162,227)
```
#5396e3
```
#5396e3 rgb(83,150,227)
```
#538ae3
```
#538ae3 rgb(83,138,227)
```
#537ee3
```
#537ee3 rgb(83,126,227)
```

Similar Colors

Text with hexadecimal color #53a2e3

This text has a font color of #53a2e3.

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

#53a2e3 background color

This paragraph has a background color of #53a2e3.

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

#53a2e3 border color

This element has a border color of #53a2e3.

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

CSS codes

.text {color:#53a2e3;}

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

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

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, #02080e is the darkest color, while #fcfdfe is the lightest one.

#02080e
```
#02080e rgb(2,8,14)
```
#05131e
```
#05131e rgb(5,19,30)
```
#081d2f
```
#081d2f rgb(8,29,47)
```
#0a2840
```
#0a2840 rgb(10,40,64)
```
#0d3251
```
#0d3251 rgb(13,50,81)
```
#103d62
```
#103d62 rgb(16,61,98)
```
#134773
```
#134773 rgb(19,71,115)
```
#155284
```
#155284 rgb(21,82,132)
```
#185c95
```
#185c95 rgb(24,92,149)
```
#1b67a5
```
#1b67a5 rgb(27,103,165)
```
#1e71b6
```
#1e71b6 rgb(30,113,182)
```
#207cc7
```
#207cc7 rgb(32,124,199)
```
#2386d8
```
#2386d8 rgb(35,134,216)
```

Shade Color Variation

#3190de
```
#3190de rgb(49,144,222)
```
#4299e0
```
#4299e0 rgb(66,153,224)
```
#53a2e3
```
#53a2e3 rgb(83,162,227)
```
#64abe6
```
#64abe6 rgb(100,171,230)
```
#75b4e8
```
#75b4e8 rgb(117,180,232)
```
#86bdeb
```
#86bdeb rgb(134,189,235)
```
#96c6ee
```
#96c6ee rgb(150,198,238)
```
#a7d0f1
```
#a7d0f1 rgb(167,208,241)
```
#b8d9f3
```
#b8d9f3 rgb(184,217,243)
```
#c9e2f6
```
#c9e2f6 rgb(201,226,246)
```
#daebf9
```
#daebf9 rgb(218,235,249)
```
#ebf4fc
```
#ebf4fc rgb(235,244,252)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#989b9e
```
#989b9e rgb(152,155,158)
```
#919ca5
```
#919ca5 rgb(145,156,165)
```
#899dad
```
#899dad rgb(137,157,173)
```
#819eb5
```
#819eb5 rgb(129,158,181)
```
#799ebd
```
#799ebd rgb(121,158,189)
```
#729fc4
```
#729fc4 rgb(114,159,196)
```
#6aa0cc
```
#6aa0cc rgb(106,160,204)
```
#62a1d4
```
#62a1d4 rgb(98,161,212)
```
#5ba1db
```
#5ba1db rgb(91,161,219)
```
#53a2e3
```
#53a2e3 rgb(83,162,227)
```
#4ba3eb
```
#4ba3eb rgb(75,163,235)
```
#44a3f2
```
#44a3f2 rgb(68,163,242)
```
#3ca4fa
```
#3ca4fa rgb(60,164,250)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8595a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b9ede Protanopia 1% of men
#7fa0e7 Deuteranopia 1% of men
#3fafbb Tritanopia 0.001% of the population

Trichromacy

#76a0e0 Protanomaly 1% of men, 0.01% of women
#6fa0e5 Deuteranomaly 6% of men, 0.4% of women
#46aaca Tritanomaly 0.01% of the population

#53a2e3 hex color

#53a2e3 Color Information

#53a2e3 Color Conversion

Color Schemes with #53a2e3

Alternatives to #53a2e3

#53a2e3 Preview

Shades and Tints of #53a2e3

Tones of #53a2e3

Color Blindness Simulator