#53caf2 Color Information
In a RGB color space, hex #53caf2 is composed of 32.5% red, 79.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 16.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 195.1 degrees, a saturation of 85.9% and a lightness of 63.7%. #53caf2 color hex could be obtained by blending #a6ffff with #0095e5. Closest websafe color is: #66ccff.
-
- R 33
- G 79
- B 95
-
- C 66
- M 17
- Y 0
- K 5
● #53caf2 color description : Soft blue.
#53caf2 Color Conversion
The hexadecimal color #53caf2 has RGB values of R:83, G:202, B:242 and CMYK values of C:0.66, M:0.17, Y:0, K:0.05. Its decimal value is 5491442.
Hex triplet | 53caf2 | #53caf2 |
---|---|---|
RGB Decimal | 83, 202, 242 | rgb(83,202,242) |
RGB Percent | 32.5, 79.2, 94.9 | rgb(32.5%,79.2%,94.9%) |
CMYK | 66, 17, 0, 5 | |
HSL | 195.1°, 85.9, 63.7 | hsl(195.1,85.9%,63.7%) |
HSV (or HSB) | 195.1°, 65.7, 94.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 76.368, -21.236, -29.548 |
---|---|
XYZ | 40.711, 50.488, 91.599 |
xyY | 0.223, 0.276, 50.488 |
CIE-LCH | 76.368, 36.387, 234.295 |
CIE-LUV | 76.368, -45.718, -44.468 |
Hunter-Lab | 71.055, -22.074, -26.695 |
Binary | 01010011, 11001010, 11110010 |
Color Schemes with #53caf2
Alternatives to #53caf2
Below, you can see some colors close to #53caf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#53caf2 Preview
This text has a font color of #53caf2.
<span style="color:#53caf2;">Text here</span>
This paragraph has a background color of #53caf2.
<p style="background-color:#53caf2;">Content here</p>
This element has a border color of #53caf2.
<div style="border:1px solid #53caf2;">Content here</div>
.text {color:#53caf2;}
.background {background-color:#53caf2;}
.border {border:1px solid #53caf2;}
Shades and Tints of #53caf2
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, #01080a is the darkest color, while #f7fdfe is the lightest one.
-
#01080a
#01080a
rgb(1,8,10)
-
#02161d
#02161d
rgb(2,22,29)
-
#04242f
#04242f
rgb(4,36,47)
-
#053241
#053241
rgb(5,50,65)
-
#064053
#064053
rgb(6,64,83)
-
#084e66
#084e66
rgb(8,78,102)
-
#095c78
#095c78
rgb(9,92,120)
-
#0a6a8a
#0a6a8a
rgb(10,106,138)
-
#0c789c
#0c789c
rgb(12,120,156)
-
#0d86af
#0d86af
rgb(13,134,175)
-
#0f94c1
#0f94c1
rgb(15,148,193)
-
#10a2d3
#10a2d3
rgb(16,162,211)
-
#11b0e5
#11b0e5
rgb(17,176,229)
-
#1cb9ee
#1cb9ee
rgb(28,185,238)
-
#2fbfef
#2fbfef
rgb(47,191,239)
-
#41c4f1
#41c4f1
rgb(65,196,241)
-
#53caf2
#53caf2
rgb(83,202,242)
-
#65d0f3
#65d0f3
rgb(101,208,243)
-
#77d5f5
#77d5f5
rgb(119,213,245)
-
#8adbf6
#8adbf6
rgb(138,219,246)
-
#9ce0f8
#9ce0f8
rgb(156,224,248)
-
#aee6f9
#aee6f9
rgb(174,230,249)
-
#c0ecfa
#c0ecfa
rgb(192,236,250)
-
#d3f1fc
#d3f1fc
rgb(211,241,252)
-
#e5f7fd
#e5f7fd
rgb(229,247,253)
-
#f7fdfe
#f7fdfe
rgb(247,253,254)
Tones of #53caf2
A tone is produced by adding gray to any pure hue. In this case, #a1a3a4 is the less saturated color, while #4ccef9 is the most saturated one.
-
#a1a3a4
#a1a3a4
rgb(161,163,164)
-
#9aa7ab
#9aa7ab
rgb(154,167,171)
-
#93aab2
#93aab2
rgb(147,170,178)
-
#8caeb9
#8caeb9
rgb(140,174,185)
-
#85b1c0
#85b1c0
rgb(133,177,192)
-
#7eb5c7
#7eb5c7
rgb(126,181,199)
-
#77b8ce
#77b8ce
rgb(119,184,206)
-
#6fbcd6
#6fbcd6
rgb(111,188,214)
-
#68bfdd
#68bfdd
rgb(104,191,221)
-
#61c3e4
#61c3e4
rgb(97,195,228)
-
#5ac6eb
#5ac6eb
rgb(90,198,235)
-
#53caf2
#53caf2
rgb(83,202,242)
-
#4ccef9
#4ccef9
rgb(76,206,249)
Color Blindness Simulator
Below, you can see how #53caf2 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.