#53a9fa hex color

In a RGB color space, hex #53a9fa is composed of 32.5% red, 66.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 32.4% magenta, 0% yellow and 2% black. It has a hue angle of 209.1 degrees, a saturation of 94.4% and a lightness of 65.3%. #53a9fa color hex could be obtained by blending #a6ffff with #0053f5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 66
- B 98
RGB color chart
- C 67
- M 32
- Y 0
- K 2
CMYK color chart

● #53a9fa color description : Soft blue.

The hexadecimal color #53a9fa has RGB values of R:83, G:169, B:250 and CMYK values of C:0.67, M:0.32, Y:0, K:0.02. Its decimal value is 5483002.

Hex triplet	53a9fa	`#53a9fa`
RGB Decimal	83, 169, 250	`rgb(83,169,250)`
RGB Percent	32.5, 66.3, 98	`rgb(32.5%,66.3%,98%)`
CMYK	67, 32, 0, 2
HSL	209.1°, 94.4, 65.3	`hsl(209.1,94.4%,65.3%)`
HSV (or HSB)	209.1°, 66.8, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.363, -0.918, -47.887
XYZ	35.006, 37.115, 95.756
xyY	0.209, 0.221, 37.115
CIE-LCH	67.363, 47.896, 268.902
CIE-LUV	67.363, -33.748, -77.344
Hunter-Lab	60.922, -4.044, -50.546
Binary	01010011, 10101001, 11111010

#53a9fa
```
#53a9fa rgb(83,169,250)
```
#faa453
```
#faa453 rgb(250,164,83)
```

Complementary Color

#53faf8
```
#53faf8 rgb(83,250,248)
```
#53a9fa
```
#53a9fa rgb(83,169,250)
```
#5356fa
```
#5356fa rgb(83,86,250)
```

Analogous Color

#faf853
```
#faf853 rgb(250,248,83)
```
#53a9fa
```
#53a9fa rgb(83,169,250)
```
#fa5356
```
#fa5356 rgb(250,83,86)
```

Split Complementary Color

#a9fa53
```
#a9fa53 rgb(169,250,83)
```
#53a9fa
```
#53a9fa rgb(83,169,250)
```
#fa53a9
```
#fa53a9 rgb(250,83,169)
```

Triadic Color

#53faa4
```
#53faa4 rgb(83,250,164)
```
#53a9fa
```
#53a9fa rgb(83,169,250)
```
#fa53a9
```
#fa53a9 rgb(250,83,169)
```
#faa453
```
#faa453 rgb(250,164,83)
```

Tetradic Color

#0984f8
```
#0984f8 rgb(9,132,248)
```
#2190f9
```
#2190f9 rgb(33,144,249)
```
#3a9df9
```
#3a9df9 rgb(58,157,249)
```
#53a9fa
```
#53a9fa rgb(83,169,250)
```
#6cb5fb
```
#6cb5fb rgb(108,181,251)
```
#85c2fb
```
#85c2fb rgb(133,194,251)
```
#9dcefc
```
#9dcefc rgb(157,206,252)
```

Monochromatic Color

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

#53d3fa
```
#53d3fa rgb(83,211,250)
```
#53c5fa
```
#53c5fa rgb(83,197,250)
```
#53b7fa
```
#53b7fa rgb(83,183,250)
```
#53a9fa
```
#53a9fa rgb(83,169,250)
```
#539bfa
```
#539bfa rgb(83,155,250)
```
#538dfa
```
#538dfa rgb(83,141,250)
```
#537ffa
```
#537ffa rgb(83,127,250)
```

Similar Colors

Text with hexadecimal color #53a9fa

This text has a font color of #53a9fa.

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

#53a9fa background color

This paragraph has a background color of #53a9fa.

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

#53a9fa border color

This element has a border color of #53a9fa.

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

CSS codes

.text {color:#53a9fa;}

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

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

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, #010a13 is the darkest color, while #ffffff is the lightest one.

#010a13
```
#010a13 rgb(1,10,19)
```
#011426
```
#011426 rgb(1,20,38)
```
#021e39
```
#021e39 rgb(2,30,57)
```
#02284c
```
#02284c rgb(2,40,76)
```
#03325f
```
#03325f rgb(3,50,95)
```
#033c72
```
#033c72 rgb(3,60,114)
```
#044685
```
#044685 rgb(4,70,133)
```
#045098
```
#045098 rgb(4,80,152)
```
#055bab
```
#055bab rgb(5,91,171)
```
#0665be
```
#0665be rgb(6,101,190)
```
#066fd1
```
#066fd1 rgb(6,111,209)
```
#0779e4
```
#0779e4 rgb(7,121,228)
```
#0783f7
```
#0783f7 rgb(7,131,247)
```

Shade Color Variation

#1a8cf8
```
#1a8cf8 rgb(26,140,248)
```
#2d96f9
```
#2d96f9 rgb(45,150,249)
```
#409ff9
```
#409ff9 rgb(64,159,249)
```
#53a9fa
```
#53a9fa rgb(83,169,250)
```
#66b3fb
```
#66b3fb rgb(102,179,251)
```
#79bcfb
```
#79bcfb rgb(121,188,251)
```
#8cc6fc
```
#8cc6fc rgb(140,198,252)
```
#9fcffc
```
#9fcffc rgb(159,207,252)
```
#b2d9fd
```
#b2d9fd rgb(178,217,253)
```
#c5e2fd
```
#c5e2fd rgb(197,226,253)
```
#d8ecfe
```
#d8ecfe rgb(216,236,254)
```
#ebf5fe
```
#ebf5fe rgb(235,245,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a5a7a8
```
#a5a7a8 rgb(165,167,168)
```
#9ea7af
```
#9ea7af rgb(158,167,175)
```
#97a7b6
```
#97a7b6 rgb(151,167,182)
```
#90a7bd
```
#90a7bd rgb(144,167,189)
```
#89a7c4
```
#89a7c4 rgb(137,167,196)
```
#83a8ca
```
#83a8ca rgb(131,168,202)
```
#7ca8d1
```
#7ca8d1 rgb(124,168,209)
```
#75a8d8
```
#75a8d8 rgb(117,168,216)
```
#6ea8df
```
#6ea8df rgb(110,168,223)
```
#67a8e6
```
#67a8e6 rgb(103,168,230)
```
#61a9ec
```
#61a9ec rgb(97,169,236)
```
#5aa9f3
```
#5aa9f3 rgb(90,169,243)
```
#53a9fa
```
#53a9fa rgb(83,169,250)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8b9cac Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba6f4 Protanopia 1% of men
#78a8fc Deuteranopia 1% of men
#2bb8c5 Tritanopia 0.001% of the population

Trichromacy

#76a7f6 Protanomaly 1% of men, 0.01% of women
#6ba8fb Deuteranomaly 6% of men, 0.4% of women
#39b2d8 Tritanomaly 0.01% of the population

#53a9fa hex color

#53a9fa Color Information

#53a9fa Color Conversion

Color Schemes with #53a9fa

Alternatives to #53a9fa

#53a9fa Preview

Shades and Tints of #53a9fa

Tones of #53a9fa

Color Blindness Simulator