#52baf2 Color Information
In a RGB color space, hex #52baf2 is composed of 32.2% red, 72.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 23.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 201 degrees, a saturation of 86% and a lightness of 63.5%. #52baf2 color hex could be obtained by blending #a4ffff with #0075e5. Closest websafe color is: #66ccff.
-
- R 32
- G 73
- B 95
-
- C 66
- M 23
- Y 0
- K 5
● #52baf2 color description : Soft blue.
#52baf2 Color Conversion
The hexadecimal color #52baf2 has RGB values of R:82, G:186, B:242 and CMYK values of C:0.66, M:0.23, Y:0, K:0.05. Its decimal value is 5421810.
Hex triplet | 52baf2 | #52baf2 |
---|---|---|
RGB Decimal | 82, 186, 242 | rgb(82,186,242) |
RGB Percent | 32.2, 72.9, 94.9 | rgb(32.2%,72.9%,94.9%) |
CMYK | 66, 23, 0, 5 | |
HSL | 201°, 86, 63.5 | hsl(201,86%,63.5%) |
HSV (or HSB) | 201°, 66.1, 94.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 71.771, -13.04, -36.65 |
---|---|
XYZ | 37.062, 43.32, 90.408 |
xyY | 0.217, 0.254, 43.32 |
CIE-LCH | 71.771, 38.901, 250.415 |
CIE-LUV | 71.771, -40.22, -57.289 |
Hunter-Lab | 65.818, -14.668, -35.369 |
Binary | 01010010, 10111010, 11110010 |
Color Schemes with #52baf2
Alternatives to #52baf2
Below, you can see some colors close to #52baf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#52baf2 Preview
This text has a font color of #52baf2.
<span style="color:#52baf2;">Text here</span>
This paragraph has a background color of #52baf2.
<p style="background-color:#52baf2;">Content here</p>
This element has a border color of #52baf2.
<div style="border:1px solid #52baf2;">Content here</div>
.text {color:#52baf2;}
.background {background-color:#52baf2;}
.border {border:1px solid #52baf2;}
Shades and Tints of #52baf2
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)
-
#02131c
#02131c
rgb(2,19,28)
-
#031f2e
#031f2e
rgb(3,31,46)
-
#052b40
#052b40
rgb(5,43,64)
-
#063852
#063852
rgb(6,56,82)
-
#084465
#084465
rgb(8,68,101)
-
#095077
#095077
rgb(9,80,119)
-
#0a5d89
#0a5d89
rgb(10,93,137)
-
#0c699b
#0c699b
rgb(12,105,155)
-
#0d75ae
#0d75ae
rgb(13,117,174)
-
#0e82c0
#0e82c0
rgb(14,130,192)
-
#108ed2
#108ed2
rgb(16,142,210)
-
#119ae4
#119ae4
rgb(17,154,228)
-
#1ba4ee
#1ba4ee
rgb(27,164,238)
-
#2eabef
#2eabef
rgb(46,171,239)
-
#40b3f1
#40b3f1
rgb(64,179,241)
-
#52baf2
#52baf2
rgb(82,186,242)
-
#64c1f3
#64c1f3
rgb(100,193,243)
-
#76c9f5
#76c9f5
rgb(118,201,245)
-
#89d0f6
#89d0f6
rgb(137,208,246)
-
#9bd7f7
#9bd7f7
rgb(155,215,247)
-
#addef9
#addef9
rgb(173,222,249)
-
#bfe6fa
#bfe6fa
rgb(191,230,250)
-
#d2edfc
#d2edfc
rgb(210,237,252)
-
#e4f4fd
#e4f4fd
rgb(228,244,253)
-
#f6fbfe
#f6fbfe
rgb(246,251,254)
Tones of #52baf2
A tone is produced by adding gray to any pure hue. In this case, #a1a2a3 is the less saturated color, while #4bbcf9 is the most saturated one.
-
#a1a2a3
#a1a2a3
rgb(161,162,163)
-
#9aa5aa
#9aa5aa
rgb(154,165,170)
-
#92a7b2
#92a7b2
rgb(146,167,178)
-
#8ba9b9
#8ba9b9
rgb(139,169,185)
-
#84abc0
#84abc0
rgb(132,171,192)
-
#7dadc7
#7dadc7
rgb(125,173,199)
-
#76afce
#76afce
rgb(118,175,206)
-
#6fb1d5
#6fb1d5
rgb(111,177,213)
-
#67b4dd
#67b4dd
rgb(103,180,221)
-
#60b6e4
#60b6e4
rgb(96,182,228)
-
#59b8eb
#59b8eb
rgb(89,184,235)
-
#52baf2
#52baf2
rgb(82,186,242)
-
#4bbcf9
#4bbcf9
rgb(75,188,249)
Color Blindness Simulator
Below, you can see how #52baf2 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.