#53a2f5 hex color

In a RGB color space, hex #53a2f5 is composed of 32.5% red, 63.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 33.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 210.7 degrees, a saturation of 89% and a lightness of 64.3%. #53a2f5 color hex could be obtained by blending #a6ffff with #0045eb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 64
- B 96
RGB color chart
- C 66
- M 34
- Y 0
- K 4
CMYK color chart

● #53a2f5 color description : Soft blue.

The hexadecimal color #53a2f5 has RGB values of R:83, G:162, B:245 and CMYK values of C:0.66, M:0.34, Y:0, K:0.04. Its decimal value is 5481205.

Hex triplet	53a2f5	`#53a2f5`
RGB Decimal	83, 162, 245	`rgb(83,162,245)`
RGB Percent	32.5, 63.5, 96.1	`rgb(32.5%,63.5%,96.1%)`
CMYK	66, 34, 0, 4
HSL	210.7°, 89, 64.3	`hsl(210.7,89%,64.3%)`
HSV (or HSB)	210.7°, 66.1, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.176, 1.401, -48.609
XYZ	32.965, 34.27, 91.259
xyY	0.208, 0.216, 34.27
CIE-LCH	65.176, 48.629, 271.65
CIE-LUV	65.176, -31.51, -78.43
Hunter-Lab	58.54, -1.929, -51.449
Binary	01010011, 10100010, 11110101

#53a2f5
```
#53a2f5 rgb(83,162,245)
```
#f5a653
```
#f5a653 rgb(245,166,83)
```

Complementary Color

#53f3f5
```
#53f3f5 rgb(83,243,245)
```
#53a2f5
```
#53a2f5 rgb(83,162,245)
```
#5553f5
```
#5553f5 rgb(85,83,245)
```

Analogous Color

#f3f553
```
#f3f553 rgb(243,245,83)
```
#53a2f5
```
#53a2f5 rgb(83,162,245)
```
#f55553
```
#f55553 rgb(245,85,83)
```

Split Complementary Color

#a2f553
```
#a2f553 rgb(162,245,83)
```
#53a2f5
```
#53a2f5 rgb(83,162,245)
```
#f553a2
```
#f553a2 rgb(245,83,162)
```

Triadic Color

#53f5a6
```
#53f5a6 rgb(83,245,166)
```
#53a2f5
```
#53a2f5 rgb(83,162,245)
```
#f553a2
```
#f553a2 rgb(245,83,162)
```
#f5a653
```
#f5a653 rgb(245,166,83)
```

Tetradic Color

#0e7bee
```
#0e7bee rgb(14,123,238)
```
#2388f2
```
#2388f2 rgb(35,136,242)
```
#3b95f4
```
#3b95f4 rgb(59,149,244)
```
#53a2f5
```
#53a2f5 rgb(83,162,245)
```
#6baff6
```
#6baff6 rgb(107,175,246)
```
#83bcf8
```
#83bcf8 rgb(131,188,248)
```
#9bc9f9
```
#9bc9f9 rgb(155,201,249)
```

Monochromatic Color

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

#53cbf5
```
#53cbf5 rgb(83,203,245)
```
#53bdf5
```
#53bdf5 rgb(83,189,245)
```
#53b0f5
```
#53b0f5 rgb(83,176,245)
```
#53a2f5
```
#53a2f5 rgb(83,162,245)
```
#5395f5
```
#5395f5 rgb(83,149,245)
```
#5387f5
```
#5387f5 rgb(83,135,245)
```
#537af5
```
#537af5 rgb(83,122,245)
```

Similar Colors

Text with hexadecimal color #53a2f5

This text has a font color of #53a2f5.

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

#53a2f5 background color

This paragraph has a background color of #53a2f5.

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

#53a2f5 border color

This element has a border color of #53a2f5.

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

CSS codes

.text {color:#53a2f5;}

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

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

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, #01070d is the darkest color, while #fafcff is the lightest one.

#01070d
```
#01070d rgb(1,7,13)
```
#021120
```
#021120 rgb(2,17,32)
```
#031a32
```
#031a32 rgb(3,26,50)
```
#042445
```
#042445 rgb(4,36,69)
```
#052d58
```
#052d58 rgb(5,45,88)
```
#06376a
```
#06376a rgb(6,55,106)
```
#07407d
```
#07407d rgb(7,64,125)
```
#084a8f
```
#084a8f rgb(8,74,143)
```
#0954a2
```
#0954a2 rgb(9,84,162)
```
#0a5db4
```
#0a5db4 rgb(10,93,180)
```
#0c67c7
```
#0c67c7 rgb(12,103,199)
```
#0d70d9
```
#0d70d9 rgb(13,112,217)
```
#0e7aec
```
#0e7aec rgb(14,122,236)
```

Shade Color Variation

#1b84f2
```
#1b84f2 rgb(27,132,242)
```
#2e8ef3
```
#2e8ef3 rgb(46,142,243)
```
#4098f4
```
#4098f4 rgb(64,152,244)
```
#53a2f5
```
#53a2f5 rgb(83,162,245)
```
#66acf6
```
#66acf6 rgb(102,172,246)
```
#78b6f7
```
#78b6f7 rgb(120,182,247)
```
#8bc0f8
```
#8bc0f8 rgb(139,192,248)
```
#9dcaf9
```
#9dcaf9 rgb(157,202,249)
```
#b0d4fa
```
#b0d4fa rgb(176,212,250)
```
#c2defb
```
#c2defb rgb(194,222,251)
```
#d5e8fd
```
#d5e8fd rgb(213,232,253)
```
#e7f2fe
```
#e7f2fe rgb(231,242,254)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#a0a4a8
```
#a0a4a8 rgb(160,164,168)
```
#99a4af
```
#99a4af rgb(153,164,175)
```
#92a4b6
```
#92a4b6 rgb(146,164,182)
```
#8ba3bd
```
#8ba3bd rgb(139,163,189)
```
#84a3c4
```
#84a3c4 rgb(132,163,196)
```
#7da3cb
```
#7da3cb rgb(125,163,203)
```
#76a3d2
```
#76a3d2 rgb(118,163,210)
```
#6fa3d9
```
#6fa3d9 rgb(111,163,217)
```
#68a3e0
```
#68a3e0 rgb(104,163,224)
```
#61a2e7
```
#61a2e7 rgb(97,162,231)
```
#5aa2ee
```
#5aa2ee rgb(90,162,238)
```
#53a2f5
```
#53a2f5 rgb(83,162,245)
```
#4ca2fc
```
#4ca2fc rgb(76,162,252)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8797a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84a0f0 Protanopia 1% of men
#70a3f6 Deuteranopia 1% of men
#2bb2bf Tritanopia 0.001% of the population

Trichromacy

#72a1f2 Protanomaly 1% of men, 0.01% of women
#66a2f6 Deuteranomaly 6% of men, 0.4% of women
#39acd2 Tritanomaly 0.01% of the population

#53a2f5 hex color

#53a2f5 Color Information

#53a2f5 Color Conversion

Color Schemes with #53a2f5

Alternatives to #53a2f5

#53a2f5 Preview

Shades and Tints of #53a2f5

Tones of #53a2f5

Color Blindness Simulator