#53a9ff Color Information
In a RGB color space, hex #53a9ff is composed of 32.5% red, 66.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 33.7% magenta, 0% yellow and 0% black. It has a hue angle of 210 degrees, a saturation of 100% and a lightness of 66.3%. #53a9ff color hex could be obtained by blending #a6ffff with #0053ff. Closest websafe color is: #6699ff.
-
- R 33
- G 66
- B 100
-
- C 67
- M 34
- Y 0
- K 0
● #53a9ff color description : Light blue.
#53a9ff Color Conversion
The hexadecimal color #53a9ff has RGB values of R:83, G:169, B:255 and CMYK values of C:0.67, M:0.34, Y:0, K:0. Its decimal value is 5483007.
| Hex triplet | 53a9ff | #53a9ff |
|---|---|---|
| RGB Decimal | 83, 169, 255 | rgb(83,169,255) |
| RGB Percent | 32.5, 66.3, 100 | rgb(32.5%,66.3%,100%) |
| CMYK | 67, 34, 0, 0 | |
| HSL | 210°, 100, 66.3 | hsl(210,100%,66.3%) |
| HSV (or HSB) | 210°, 67.5, 100 | |
| Web Safe | 6699ff | #6699ff |
| CIE-LAB | 67.6, 0.75, -50.23 |
|---|---|
| XYZ | 35.801, 37.432, 99.941 |
| xyY | 0.207, 0.216, 37.432 |
| CIE-LCH | 67.6, 50.235, 270.856 |
| CIE-LUV | 67.6, -33.58, -81.558 |
| Hunter-Lab | 61.182, -2.618, -54.023 |
| Binary | 01010011, 10101001, 11111111 |
Color Schemes with #53a9ff
Alternatives to #53a9ff
Below, you can see some colors close to #53a9ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#53a9ff Preview
This text has a font color of #53a9ff.
<span style="color:#53a9ff;">Text here</span>
This paragraph has a background color of #53a9ff.
<p style="background-color:#53a9ff;">Content here</p>
This element has a border color of #53a9ff.
<div style="border:1px solid #53a9ff;">Content here</div>
.text {color:#53a9ff;}
.background {background-color:#53a9ff;}
.border {border:1px solid #53a9ff;}
Shades and Tints of #53a9ff
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, #000205 is the darkest color, while #f0f7ff is the lightest one.
-
#000205
#000205rgb(0,2,5) -
#000c18
#000c18rgb(0,12,24) -
#00162c
#00162crgb(0,22,44) -
#00203f
#00203frgb(0,32,63) -
#002a53
#002a53rgb(0,42,83) -
#003367
#003367rgb(0,51,103) -
#003d7a
#003d7argb(0,61,122) -
#00478e
#00478ergb(0,71,142) -
#0051a1
#0051a1rgb(0,81,161) -
#005bb5
#005bb5rgb(0,91,181) -
#0064c9
#0064c9rgb(0,100,201) -
#006edc
#006edcrgb(0,110,220) -
#0078f0
#0078f0rgb(0,120,240)
-
#0582ff
#0582ffrgb(5,130,255) -
#188cff
#188cffrgb(24,140,255) -
#2c95ff
#2c95ffrgb(44,149,255) -
#3f9fff
#3f9fffrgb(63,159,255) -
#53a9ff
#53a9ffrgb(83,169,255) -
#67b3ff
#67b3ffrgb(103,179,255) -
#7abdff
#7abdffrgb(122,189,255) -
#8ec6ff
#8ec6ffrgb(142,198,255) -
#a1d0ff
#a1d0ffrgb(161,208,255) -
#b5daff
#b5daffrgb(181,218,255) -
#c9e4ff
#c9e4ffrgb(201,228,255) -
#dceeff
#dceeffrgb(220,238,255) -
#f0f7ff
#f0f7ffrgb(240,247,255)
Tones of #53a9ff
A tone is produced by adding gray to any pure hue. In this case, #a2a9b0 is the less saturated color, while #53a9ff is the most saturated one.
-
#a2a9b0
#a2a9b0rgb(162,169,176) -
#9ca9b6
#9ca9b6rgb(156,169,182) -
#95a9bd
#95a9bdrgb(149,169,189) -
#8fa9c3
#8fa9c3rgb(143,169,195) -
#88a9ca
#88a9cargb(136,169,202) -
#81a9d1
#81a9d1rgb(129,169,209) -
#7ba9d7
#7ba9d7rgb(123,169,215) -
#74a9de
#74a9dergb(116,169,222) -
#6da9e5
#6da9e5rgb(109,169,229) -
#67a9eb
#67a9ebrgb(103,169,235) -
#60a9f2
#60a9f2rgb(96,169,242) -
#5aa9f8
#5aa9f8rgb(90,169,248) -
#53a9ff
#53a9ffrgb(83,169,255)
Color Blindness Simulator
Below, you can see how #53a9ff 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.
