#52a2f0 Color Information
In a RGB color space, hex #52a2f0 is composed of 32.2% red, 63.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 32.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 209.6 degrees, a saturation of 84% and a lightness of 63.1%. #52a2f0 color hex could be obtained by blending #a4ffff with #0045e1. Closest websafe color is: #6699ff.
-
- R 32
- G 64
- B 94
-
- C 66
- M 33
- Y 0
- K 6
● #52a2f0 color description : Soft blue.
#52a2f0 Color Conversion
The hexadecimal color #52a2f0 has RGB values of R:82, G:162, B:240 and CMYK values of C:0.66, M:0.33, Y:0, K:0.06. Its decimal value is 5415664.
Hex triplet | 52a2f0 | #52a2f0 |
---|---|---|
RGB Decimal | 82, 162, 240 | rgb(82,162,240) |
RGB Percent | 32.2, 63.5, 94.1 | rgb(32.2%,63.5%,94.1%) |
CMYK | 66, 33, 0, 6 | |
HSL | 209.6°, 84, 63.1 | hsl(209.6,84%,63.1%) |
HSV (or HSB) | 209.6°, 65.8, 94.1 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 64.902, -0.429, -46.307 |
---|---|
XYZ | 32.124, 33.923, 87.288 |
xyY | 0.21, 0.221, 33.923 |
CIE-LCH | 64.902, 46.309, 269.47 |
CIE-LUV | 64.902, -31.881, -74.288 |
Hunter-Lab | 58.244, -3.475, -48.085 |
Binary | 01010010, 10100010, 11110000 |
Color Schemes with #52a2f0
Alternatives to #52a2f0
Below, you can see some colors close to #52a2f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#52a2f0 Preview
This text has a font color of #52a2f0.
<span style="color:#52a2f0;">Text here</span>
This paragraph has a background color of #52a2f0.
<p style="background-color:#52a2f0;">Content here</p>
This element has a border color of #52a2f0.
<div style="border:1px solid #52a2f0;">Content here</div>
.text {color:#52a2f0;}
.background {background-color:#52a2f0;}
.border {border:1px solid #52a2f0;}
Shades and Tints of #52a2f0
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, #010408 is the darkest color, while #f4f9fe is the lightest one.
-
#010408
#010408
rgb(1,4,8)
-
#020e1a
#020e1a
rgb(2,14,26)
-
#04182c
#04182c
rgb(4,24,44)
-
#05223e
#05223e
rgb(5,34,62)
-
#072c50
#072c50
rgb(7,44,80)
-
#083662
#083662
rgb(8,54,98)
-
#0a4074
#0a4074
rgb(10,64,116)
-
#0c4a86
#0c4a86
rgb(12,74,134)
-
#0d5398
#0d5398
rgb(13,83,152)
-
#0f5daa
#0f5daa
rgb(15,93,170)
-
#1067bc
#1067bc
rgb(16,103,188)
-
#1271ce
#1271ce
rgb(18,113,206)
-
#137be0
#137be0
rgb(19,123,224)
-
#1c85eb
#1c85eb
rgb(28,133,235)
-
#2e8fed
#2e8fed
rgb(46,143,237)
-
#4098ee
#4098ee
rgb(64,152,238)
-
#52a2f0
#52a2f0
rgb(82,162,240)
-
#64acf2
#64acf2
rgb(100,172,242)
-
#76b5f3
#76b5f3
rgb(118,181,243)
-
#88bff5
#88bff5
rgb(136,191,245)
-
#9ac9f6
#9ac9f6
rgb(154,201,246)
-
#acd3f8
#acd3f8
rgb(172,211,248)
-
#bedcf9
#bedcf9
rgb(190,220,249)
-
#d0e6fb
#d0e6fb
rgb(208,230,251)
-
#e2f0fd
#e2f0fd
rgb(226,240,253)
-
#f4f9fe
#f4f9fe
rgb(244,249,254)
Tones of #52a2f0
A tone is produced by adding gray to any pure hue. In this case, #9aa1a8 is the less saturated color, while #44a2fe is the most saturated one.
-
#9aa1a8
#9aa1a8
rgb(154,161,168)
-
#93a1af
#93a1af
rgb(147,161,175)
-
#8ca1b6
#8ca1b6
rgb(140,161,182)
-
#85a1bd
#85a1bd
rgb(133,161,189)
-
#7da1c5
#7da1c5
rgb(125,161,197)
-
#76a2cc
#76a2cc
rgb(118,162,204)
-
#6fa2d3
#6fa2d3
rgb(111,162,211)
-
#68a2da
#68a2da
rgb(104,162,218)
-
#60a2e2
#60a2e2
rgb(96,162,226)
-
#59a2e9
#59a2e9
rgb(89,162,233)
-
#52a2f0
#52a2f0
rgb(82,162,240)
-
#4ba2f7
#4ba2f7
rgb(75,162,247)
-
#44a2fe
#44a2fe
rgb(68,162,254)
Color Blindness Simulator
Below, you can see how #52a2f0 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.