#53a6fd hex color

In a RGB color space, hex #53a6fd is composed of 32.5% red, 65.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 34.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 210.7 degrees, a saturation of 97.7% and a lightness of 65.9%. #53a6fd color hex could be obtained by blending #a6ffff with #004dfb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 65
- B 99
RGB color chart
- C 67
- M 34
- Y 0
- K 1
CMYK color chart

● #53a6fd color description : Soft blue.

The hexadecimal color #53a6fd has RGB values of R:83, G:166, B:253 and CMYK values of C:0.67, M:0.34, Y:0, K:0.01. Its decimal value is 5482237.

Hex triplet	53a6fd	`#53a6fd`
RGB Decimal	83, 166, 253	`rgb(83,166,253)`
RGB Percent	32.5, 65.1, 99.2	`rgb(32.5%,65.1%,99.2%)`
CMYK	67, 34, 0, 1
HSL	210.7°, 97.7, 65.9	`hsl(210.7,97.7%,65.9%)`
HSV (or HSB)	210.7°, 67.2, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.673, 1.79, -50.607
XYZ	34.929, 36.201, 98.07
xyY	0.206, 0.214, 36.201
CIE-LCH	66.673, 50.639, 272.026
CIE-LUV	66.673, -32.627, -82.141
Hunter-Lab	60.167, -1.667, -54.523
Binary	01010011, 10100110, 11111101

#53a6fd
```
#53a6fd rgb(83,166,253)
```
#fdaa53
```
#fdaa53 rgb(253,170,83)
```

Complementary Color

#53fbfd
```
#53fbfd rgb(83,251,253)
```
#53a6fd
```
#53a6fd rgb(83,166,253)
```
#5553fd
```
#5553fd rgb(85,83,253)
```

Analogous Color

#fbfd53
```
#fbfd53 rgb(251,253,83)
```
#53a6fd
```
#53a6fd rgb(83,166,253)
```
#fd5553
```
#fd5553 rgb(253,85,83)
```

Split Complementary Color

#a6fd53
```
#a6fd53 rgb(166,253,83)
```
#53a6fd
```
#53a6fd rgb(83,166,253)
```
#fd53a6
```
#fd53a6 rgb(253,83,166)
```

Triadic Color

#53fdaa
```
#53fdaa rgb(83,253,170)
```
#53a6fd
```
#53a6fd rgb(83,166,253)
```
#fd53a6
```
#fd53a6 rgb(253,83,166)
```
#fdaa53
```
#fdaa53 rgb(253,170,83)
```

Tetradic Color

#077ffc
```
#077ffc rgb(7,127,252)
```
#218cfc
```
#218cfc rgb(33,140,252)
```
#3a99fd
```
#3a99fd rgb(58,153,253)
```
#53a6fd
```
#53a6fd rgb(83,166,253)
```
#6cb3fd
```
#6cb3fd rgb(108,179,253)
```
#85c0fe
```
#85c0fe rgb(133,192,254)
```
#9fcdfe
```
#9fcdfe rgb(159,205,254)
```

Monochromatic Color

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

#53d1fd
```
#53d1fd rgb(83,209,253)
```
#53c2fd
```
#53c2fd rgb(83,194,253)
```
#53b4fd
```
#53b4fd rgb(83,180,253)
```
#53a6fd
```
#53a6fd rgb(83,166,253)
```
#5398fd
```
#5398fd rgb(83,152,253)
```
#538afd
```
#538afd rgb(83,138,253)
```
#537cfd
```
#537cfd rgb(83,124,253)
```

Similar Colors

Text with hexadecimal color #53a6fd

This text has a font color of #53a6fd.

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

#53a6fd background color

This paragraph has a background color of #53a6fd.

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

#53a6fd border color

This element has a border color of #53a6fd.

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

CSS codes

.text {color:#53a6fd;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000b16
```
#000b16 rgb(0,11,22)
```
#001429
```
#001429 rgb(0,20,41)
```
#011e3d
```
#011e3d rgb(1,30,61)
```
#012850
```
#012850 rgb(1,40,80)
```
#013163
```
#013163 rgb(1,49,99)
```
#013b77
```
#013b77 rgb(1,59,119)
```
#02448a
```
#02448a rgb(2,68,138)
```
#024e9e
```
#024e9e rgb(2,78,158)
```
#0257b1
```
#0257b1 rgb(2,87,177)
```
#0261c4
```
#0261c4 rgb(2,97,196)
```
#036bd8
```
#036bd8 rgb(3,107,216)
```
#0374eb
```
#0374eb rgb(3,116,235)
```

Shade Color Variation

#057efc
```
#057efc rgb(5,126,252)
```
#1988fc
```
#1988fc rgb(25,136,252)
```
#2c92fd
```
#2c92fd rgb(44,146,253)
```
#409cfd
```
#409cfd rgb(64,156,253)
```
#53a6fd
```
#53a6fd rgb(83,166,253)
```
#66b0fd
```
#66b0fd rgb(102,176,253)
```
#7abafd
```
#7abafd rgb(122,186,253)
```
#8dc4fe
```
#8dc4fe rgb(141,196,254)
```
#a1cefe
```
#a1cefe rgb(161,206,254)
```
#b4d8fe
```
#b4d8fe rgb(180,216,254)
```
#c7e2fe
```
#c7e2fe rgb(199,226,254)
```
#dbecff
```
#dbecff rgb(219,236,255)
```
#eef6ff
```
#eef6ff rgb(238,246,255)
```

Tint Color Variation

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

#a3a8ad
```
#a3a8ad rgb(163,168,173)
```
#9da8b3
```
#9da8b3 rgb(157,168,179)
```
#96a8ba
```
#96a8ba rgb(150,168,186)
```
#8fa7c1
```
#8fa7c1 rgb(143,167,193)
```
#89a7c7
```
#89a7c7 rgb(137,167,199)
```
#82a7ce
```
#82a7ce rgb(130,167,206)
```
#7ba7d5
```
#7ba7d5 rgb(123,167,213)
```
#74a7dc
```
#74a7dc rgb(116,167,220)
```
#6ea7e2
```
#6ea7e2 rgb(110,167,226)
```
#67a6e9
```
#67a6e9 rgb(103,166,233)
```
#60a6f0
```
#60a6f0 rgb(96,166,240)
```
#5aa6f6
```
#5aa6f6 rgb(90,166,246)
```
#53a6fd
```
#53a6fd rgb(83,166,253)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#899aab Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a4f8 Protanopia 1% of men
#70a7fe Deuteranopia 1% of men
#21b6c4 Tritanopia 0.001% of the population

Trichromacy

#73a4f9 Protanomaly 1% of men, 0.01% of women
#65a6fd Deuteranomaly 6% of men, 0.4% of women
#33b0d8 Tritanomaly 0.01% of the population

#53a6fd hex color

#53a6fd Color Information

#53a6fd Color Conversion

Color Schemes with #53a6fd

Alternatives to #53a6fd

#53a6fd Preview

Shades and Tints of #53a6fd

Tones of #53a6fd

Color Blindness Simulator