#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.
#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(209,85%,63%) - 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
#52a5f1 in action
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 of #52a5f1
- #010508 #010508
rgb(1,5,8) - #04192d #04192d
rgb(4,25,45) - #072d51 #072d51
rgb(7,45,81) - #094275 #094275
rgb(9,66,117) - #0c569a #0c569a
rgb(12,86,154) - #0f6abe #0f6abe
rgb(15,106,190) - #127fe2 #127fe2
rgb(18,127,226) - #2e92ee #2e92ee
rgb(46,146,238) - #52a5f1 #52a5f1
rgb(82,165,241) - #76b8f4 #76b8f4
rgb(118,184,244) - #9bcbf7 #9bcbf7
rgb(155,203,247) - #bfdefa #bfdefa
rgb(191,222,250) - #e3f1fd #e3f1fd
rgb(227,241,253)
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.
