#52b5f2 Color Information
In a RGB color space, hex #52b5f2 is composed of 32.2% red, 71% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 25.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 202.9 degrees, a saturation of 86% and a lightness of 63.5%. #52b5f2 color hex could be obtained by blending #a4ffff with #006be5. Closest websafe color is: #66ccff.
-
- R 32
- G 71
- B 95
-
- C 66
- M 25
- Y 0
- K 5
● #52b5f2 color description : Soft blue.
#52b5f2 Color Conversion
The hexadecimal color #52b5f2 has RGB values of R:82, G:181, B:242 and CMYK values of C:0.66, M:0.25, Y:0, K:0.05. Its decimal value is 5420530.
Hex triplet | 52b5f2 | #52b5f2 |
---|---|---|
RGB Decimal | 82, 181, 242 | rgb(82,181,242) |
RGB Percent | 32.2, 71, 94.9 | rgb(32.2%,71%,94.9%) |
CMYK | 66, 25, 0, 5 | |
HSL | 202.9°, 86, 63.5 | hsl(202.9,86%,63.5%) |
HSV (or HSB) | 202.9°, 66.1, 94.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.35, -10.348, -38.861 |
---|---|
XYZ | 36.027, 41.25, 90.063 |
xyY | 0.215, 0.247, 41.25 |
CIE-LCH | 70.35, 40.215, 255.089 |
CIE-LUV | 70.35, -38.45, -61.249 |
Hunter-Lab | 64.226, -12.268, -38.183 |
Binary | 01010010, 10110101, 11110010 |
Color Schemes with #52b5f2
Alternatives to #52b5f2
Below, you can see some colors close to #52b5f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#52b5f2 Preview
This text has a font color of #52b5f2.
<span style="color:#52b5f2;">Text here</span>
This paragraph has a background color of #52b5f2.
<p style="background-color:#52b5f2;">Content here</p>
This element has a border color of #52b5f2.
<div style="border:1px solid #52b5f2;">Content here</div>
.text {color:#52b5f2;}
.background {background-color:#52b5f2;}
.border {border:1px solid #52b5f2;}
Shades and Tints of #52b5f2
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, #010609 is the darkest color, while #f6fbfe is the lightest one.
-
#010609
#010609
rgb(1,6,9)
-
#02121c
#02121c
rgb(2,18,28)
-
#031e2e
#031e2e
rgb(3,30,46)
-
#052a40
#052a40
rgb(5,42,64)
-
#063552
#063552
rgb(6,53,82)
-
#084165
#084165
rgb(8,65,101)
-
#094d77
#094d77
rgb(9,77,119)
-
#0a5989
#0a5989
rgb(10,89,137)
-
#0c659b
#0c659b
rgb(12,101,155)
-
#0d70ae
#0d70ae
rgb(13,112,174)
-
#0e7cc0
#0e7cc0
rgb(14,124,192)
-
#1088d2
#1088d2
rgb(16,136,210)
-
#1194e4
#1194e4
rgb(17,148,228)
-
#1b9eee
#1b9eee
rgb(27,158,238)
-
#2ea5ef
#2ea5ef
rgb(46,165,239)
-
#40adf1
#40adf1
rgb(64,173,241)
-
#52b5f2
#52b5f2
rgb(82,181,242)
-
#64bdf3
#64bdf3
rgb(100,189,243)
-
#76c5f5
#76c5f5
rgb(118,197,245)
-
#89ccf6
#89ccf6
rgb(137,204,246)
-
#9bd4f7
#9bd4f7
rgb(155,212,247)
-
#addcf9
#addcf9
rgb(173,220,249)
-
#bfe4fa
#bfe4fa
rgb(191,228,250)
-
#d2ecfc
#d2ecfc
rgb(210,236,252)
-
#e4f3fd
#e4f3fd
rgb(228,243,253)
-
#f6fbfe
#f6fbfe
rgb(246,251,254)
Tones of #52b5f2
A tone is produced by adding gray to any pure hue. In this case, #a1a2a3 is the less saturated color, while #4bb7f9 is the most saturated one.
-
#a1a2a3
#a1a2a3
rgb(161,162,163)
-
#9aa4aa
#9aa4aa
rgb(154,164,170)
-
#92a6b2
#92a6b2
rgb(146,166,178)
-
#8ba7b9
#8ba7b9
rgb(139,167,185)
-
#84a9c0
#84a9c0
rgb(132,169,192)
-
#7dabc7
#7dabc7
rgb(125,171,199)
-
#76adce
#76adce
rgb(118,173,206)
-
#6faed5
#6faed5
rgb(111,174,213)
-
#67b0dd
#67b0dd
rgb(103,176,221)
-
#60b2e4
#60b2e4
rgb(96,178,228)
-
#59b3eb
#59b3eb
rgb(89,179,235)
-
#52b5f2
#52b5f2
rgb(82,181,242)
-
#4bb7f9
#4bb7f9
rgb(75,183,249)
Color Blindness Simulator
Below, you can see how #52b5f2 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.