#52a5f1 Color Information
In a RGB color space, hex #52a5f1 is composed of 32.2% red, 64.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 31.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 208.7 degrees, a saturation of 85% and a lightness of 63.3%. #52a5f1 color hex could be obtained by blending #a4ffff with #004be3. Closest websafe color is: #6699ff.
-
- R 32
- G 65
- B 95
-
- C 66
- M 32
- Y 0
- K 5
● #52a5f1 color description : Soft blue.
#52a5f1 Color Conversion
The hexadecimal color #52a5f1 has RGB values of R:82, G:165, B:241 and CMYK values of C:0.66, M:0.32, Y:0, K:0.05. Its decimal value is 5416433.
Hex triplet | 52a5f1 | #52a5f1 |
---|---|---|
RGB Decimal | 82, 165, 241 | rgb(82,165,241) |
RGB Percent | 32.2, 64.7, 94.5 | rgb(32.2%,64.7%,94.5%) |
CMYK | 66, 32, 0, 5 | |
HSL | 208.7°, 85, 63.3 | hsl(208.7,85%,63.3%) |
HSV (or HSB) | 208.7°, 66, 94.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.79, -1.802, -45.457 |
---|---|
XYZ | 32.808, 35.053, 88.251 |
xyY | 0.21, 0.225, 35.053 |
CIE-LCH | 65.79, 45.492, 267.73 |
CIE-LUV | 65.79, -32.886, -72.85 |
Hunter-Lab | 59.205, -4.694, -46.934 |
Binary | 01010010, 10100101, 11110001 |
Color Schemes with #52a5f1
Alternatives to #52a5f1
Below, you can see some colors close to #52a5f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#52a5f1 Preview
This text has a font color of #52a5f1.
<span style="color:#52a5f1;">Text here</span>
This paragraph has a background color of #52a5f1.
<p style="background-color:#52a5f1;">Content here</p>
This element has a border color of #52a5f1.
<div style="border:1px solid #52a5f1;">Content here</div>
.text {color:#52a5f1;}
.background {background-color:#52a5f1;}
.border {border:1px solid #52a5f1;}
Shades and Tints of #52a5f1
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, #010508 is the darkest color, while #f5fafe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#020f1b
#020f1b
rgb(2,15,27)
-
#04192d
#04192d
rgb(4,25,45)
-
#05233f
#05233f
rgb(5,35,63)
-
#072d51
#072d51
rgb(7,45,81)
-
#083863
#083863
rgb(8,56,99)
-
#094275
#094275
rgb(9,66,117)
-
#0b4c87
#0b4c87
rgb(11,76,135)
-
#0c569a
#0c569a
rgb(12,86,154)
-
#0e60ac
#0e60ac
rgb(14,96,172)
-
#0f6abe
#0f6abe
rgb(15,106,190)
-
#1175d0
#1175d0
rgb(17,117,208)
-
#127fe2
#127fe2
rgb(18,127,226)
-
#1c89ed
#1c89ed
rgb(28,137,237)
-
#2e92ee
#2e92ee
rgb(46,146,238)
-
#409cf0
#409cf0
rgb(64,156,240)
-
#52a5f1
#52a5f1
rgb(82,165,241)
-
#64aef2
#64aef2
rgb(100,174,242)
-
#76b8f4
#76b8f4
rgb(118,184,244)
-
#88c1f5
#88c1f5
rgb(136,193,245)
-
#9bcbf7
#9bcbf7
rgb(155,203,247)
-
#add4f8
#add4f8
rgb(173,212,248)
-
#bfdefa
#bfdefa
rgb(191,222,250)
-
#d1e7fb
#d1e7fb
rgb(209,231,251)
-
#e3f1fd
#e3f1fd
rgb(227,241,253)
-
#f5fafe
#f5fafe
rgb(245,250,254)
Tones of #52a5f1
A tone is produced by adding gray to any pure hue. In this case, #a1a2a2 is the less saturated color, while #4ba5f8 is the most saturated one.
-
#a1a2a2
#a1a2a2
rgb(161,162,162)
-
#9aa2a9
#9aa2a9
rgb(154,162,169)
-
#93a2b0
#93a2b0
rgb(147,162,176)
-
#8ca2b7
#8ca2b7
rgb(140,162,183)
-
#84a3bf
#84a3bf
rgb(132,163,191)
-
#7da3c6
#7da3c6
rgb(125,163,198)
-
#76a3cd
#76a3cd
rgb(118,163,205)
-
#6fa4d4
#6fa4d4
rgb(111,164,212)
-
#68a4db
#68a4db
rgb(104,164,219)
-
#60a4e3
#60a4e3
rgb(96,164,227)
-
#59a5ea
#59a5ea
rgb(89,165,234)
-
#52a5f1
#52a5f1
rgb(82,165,241)
-
#4ba5f8
#4ba5f8
rgb(75,165,248)
Color Blindness Simulator
Below, you can see how #52a5f1 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.