#53a7e4 hex color

In a RGB color space, hex #53a7e4 is composed of 32.5% red, 65.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 26.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 205.2 degrees, a saturation of 72.9% and a lightness of 61%. #53a7e4 color hex could be obtained by blending #a6ffff with #004fc9. Closest websafe color is: #6699cc.

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

● #53a7e4 color description : Soft blue.

The hexadecimal color #53a7e4 has RGB values of R:83, G:167, B:228 and CMYK values of C:0.64, M:0.27, Y:0, K:0.11. Its decimal value is 5482468.

Hex triplet	53a7e4	`#53a7e4`
RGB Decimal	83, 167, 228	`rgb(83,167,228)`
RGB Percent	32.5, 65.5, 89.4	`rgb(32.5%,65.5%,89.4%)`
CMYK	64, 27, 0, 11
HSL	205.2°, 72.9, 61	`hsl(205.2,72.9%,61%)`
HSV (or HSB)	205.2°, 63.6, 89.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.807, -7.021, -38.296
XYZ	31.386, 35.076, 78.511
xyY	0.216, 0.242, 35.076
CIE-LCH	65.807, 38.935, 259.611
CIE-LUV	65.807, -33.821, -60.123
Hunter-Lab	59.225, -9.047, -37.14
Binary	01010011, 10100111, 11100100

#53a7e4
```
#53a7e4 rgb(83,167,228)
```
#e49053
```
#e49053 rgb(228,144,83)
```

Complementary Color

#53e4d9
```
#53e4d9 rgb(83,228,217)
```
#53a7e4
```
#53a7e4 rgb(83,167,228)
```
#535fe4
```
#535fe4 rgb(83,95,228)
```

Analogous Color

#e4d953
```
#e4d953 rgb(228,217,83)
```
#53a7e4
```
#53a7e4 rgb(83,167,228)
```
#e4535f
```
#e4535f rgb(228,83,95)
```

Split Complementary Color

#a7e453
```
#a7e453 rgb(167,228,83)
```
#53a7e4
```
#53a7e4 rgb(83,167,228)
```
#e453a7
```
#e453a7 rgb(228,83,167)
```

Triadic Color

#53e490
```
#53e490 rgb(83,228,144)
```
#53a7e4
```
#53a7e4 rgb(83,167,228)
```
#e453a7
```
#e453a7 rgb(228,83,167)
```
#e49053
```
#e49053 rgb(228,144,83)
```

Tetradic Color

#2083cb
```
#2083cb rgb(32,131,203)
```
#2790dd
```
#2790dd rgb(39,144,221)
```
#3d9ce1
```
#3d9ce1 rgb(61,156,225)
```
#53a7e4
```
#53a7e4 rgb(83,167,228)
```
#69b2e7
```
#69b2e7 rgb(105,178,231)
```
#7fbeeb
```
#7fbeeb rgb(127,190,235)
```
#95c9ee
```
#95c9ee rgb(149,201,238)
```

Monochromatic Color

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

#53cbe4
```
#53cbe4 rgb(83,203,228)
```
#53bfe4
```
#53bfe4 rgb(83,191,228)
```
#53b3e4
```
#53b3e4 rgb(83,179,228)
```
#53a7e4
```
#53a7e4 rgb(83,167,228)
```
#539be4
```
#539be4 rgb(83,155,228)
```
#538fe4
```
#538fe4 rgb(83,143,228)
```
#5383e4
```
#5383e4 rgb(83,131,228)
```

Similar Colors

Text with hexadecimal color #53a7e4

This text has a font color of #53a7e4.

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

#53a7e4 background color

This paragraph has a background color of #53a7e4.

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

#53a7e4 border color

This element has a border color of #53a7e4.

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

CSS codes

.text {color:#53a7e4;}

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

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

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

#02090e
```
#02090e rgb(2,9,14)
```
#05141f
```
#05141f rgb(5,20,31)
```
#081f30
```
#081f30 rgb(8,31,48)
```
#0a2a41
```
#0a2a41 rgb(10,42,65)
```
#0d3552
```
#0d3552 rgb(13,53,82)
```
#104063
```
#104063 rgb(16,64,99)
```
#124b74
```
#124b74 rgb(18,75,116)
```
#155685
```
#155685 rgb(21,86,133)
```
#186196
```
#186196 rgb(24,97,150)
```
#1a6ca7
```
#1a6ca7 rgb(26,108,167)
```
#1d77b8
```
#1d77b8 rgb(29,119,184)
```
#2082c9
```
#2082c9 rgb(32,130,201)
```
#228dda
```
#228dda rgb(34,141,218)
```

Shade Color Variation

#3196df
```
#3196df rgb(49,150,223)
```
#429ee1
```
#429ee1 rgb(66,158,225)
```
#53a7e4
```
#53a7e4 rgb(83,167,228)
```
#64b0e7
```
#64b0e7 rgb(100,176,231)
```
#75b8e9
```
#75b8e9 rgb(117,184,233)
```
#86c1ec
```
#86c1ec rgb(134,193,236)
```
#97caef
```
#97caef rgb(151,202,239)
```
#a8d2f1
```
#a8d2f1 rgb(168,210,241)
```
#b9dbf4
```
#b9dbf4 rgb(185,219,244)
```
#cae4f7
```
#cae4f7 rgb(202,228,247)
```
#dbecf9
```
#dbecf9 rgb(219,236,249)
```
#ecf5fc
```
#ecf5fc rgb(236,245,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#989c9f
```
#989c9f rgb(152,156,159)
```
#909da7
```
#909da7 rgb(144,157,167)
```
#899fae
```
#899fae rgb(137,159,174)
```
#81a0b6
```
#81a0b6 rgb(129,160,182)
```
#79a1be
```
#79a1be rgb(121,161,190)
```
#72a2c5
```
#72a2c5 rgb(114,162,197)
```
#6aa3cd
```
#6aa3cd rgb(106,163,205)
```
#62a5d5
```
#62a5d5 rgb(98,165,213)
```
#5ba6dc
```
#5ba6dc rgb(91,166,220)
```
#53a7e4
```
#53a7e4 rgb(83,167,228)
```
#4ba8ec
```
#4ba8ec rgb(75,168,236)
```
#44a9f3
```
#44a9f3 rgb(68,169,243)
```
#3cabfb
```
#3cabfb rgb(60,171,251)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8899a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a2df Protanopia 1% of men
#86a3e8 Deuteranopia 1% of men
#42b2c0 Tritanopia 0.001% of the population

Trichromacy

#7aa4e0 Protanomaly 1% of men, 0.01% of women
#73a4e6 Deuteranomaly 6% of men, 0.4% of women
#48aecd Tritanomaly 0.01% of the population

#53a7e4 hex color

#53a7e4 Color Information

#53a7e4 Color Conversion

Color Schemes with #53a7e4

Alternatives to #53a7e4

#53a7e4 Preview

Shades and Tints of #53a7e4

Tones of #53a7e4

Color Blindness Simulator