#55afe2 Color Information
In a RGB color space, hex #55afe2 is composed of 33.3% red, 68.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 22.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 201.7 degrees, a saturation of 70.9% and a lightness of 61%. #55afe2 color hex could be obtained by blending #aaffff with #005fc5. Closest websafe color is: #6699cc.
-
- R 33
- G 69
- B 89
-
- C 62
- M 23
- Y 0
- K 11
● #55afe2 color description : Soft blue.
#55afe2 Color Conversion
The hexadecimal color #55afe2 has RGB values of R:85, G:175, B:226 and CMYK values of C:0.62, M:0.23, Y:0, K:0.11. Its decimal value is 5615586.
Hex triplet | 55afe2 | #55afe2 |
---|---|---|
RGB Decimal | 85, 175, 226 | rgb(85,175,226) |
RGB Percent | 33.3, 68.6, 88.6 | rgb(33.3%,68.6%,88.6%) |
CMYK | 62, 23, 0, 11 | |
HSL | 201.7°, 70.9, 61 | hsl(201.7,70.9%,61%) |
HSV (or HSB) | 201.7°, 62.4, 88.6 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 68.079, -11.7, -33.659 |
---|---|
XYZ | 32.8, 38.08, 77.569 |
xyY | 0.221, 0.257, 38.08 |
CIE-LCH | 68.079, 35.635, 250.833 |
CIE-LUV | 68.079, -36.315, -51.979 |
Hunter-Lab | 61.709, -13.112, -31.332 |
Binary | 01010101, 10101111, 11100010 |
Color Schemes with #55afe2
Alternatives to #55afe2
Below, you can see some colors close to #55afe2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#55afe2 Preview
This text has a font color of #55afe2.
<span style="color:#55afe2;">Text here</span>
This paragraph has a background color of #55afe2.
<p style="background-color:#55afe2;">Content here</p>
This element has a border color of #55afe2.
<div style="border:1px solid #55afe2;">Content here</div>
.text {color:#55afe2;}
.background {background-color:#55afe2;}
.border {border:1px solid #55afe2;}
Shades and Tints of #55afe2
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, #020a0e is the darkest color, while #fdfeff is the lightest one.
-
#020a0e
#020a0e
rgb(2,10,14)
-
#05161f
#05161f
rgb(5,22,31)
-
#082130
#082130
rgb(8,33,48)
-
#0b2d41
#0b2d41
rgb(11,45,65)
-
#0e3951
#0e3951
rgb(14,57,81)
-
#114562
#114562
rgb(17,69,98)
-
#145073
#145073
rgb(20,80,115)
-
#165c84
#165c84
rgb(22,92,132)
-
#196894
#196894
rgb(25,104,148)
-
#1c74a5
#1c74a5
rgb(28,116,165)
-
#1f7fb6
#1f7fb6
rgb(31,127,182)
-
#228bc7
#228bc7
rgb(34,139,199)
-
#2597d7
#2597d7
rgb(37,151,215)
-
#339fdc
#339fdc
rgb(51,159,220)
-
#44a7df
#44a7df
rgb(68,167,223)
-
#55afe2
#55afe2
rgb(85,175,226)
-
#66b7e5
#66b7e5
rgb(102,183,229)
-
#77bfe8
#77bfe8
rgb(119,191,232)
-
#87c7eb
#87c7eb
rgb(135,199,235)
-
#98cfed
#98cfed
rgb(152,207,237)
-
#a9d6f0
#a9d6f0
rgb(169,214,240)
-
#badef3
#badef3
rgb(186,222,243)
-
#cae6f6
#cae6f6
rgb(202,230,246)
-
#dbeef9
#dbeef9
rgb(219,238,249)
-
#ecf6fc
#ecf6fc
rgb(236,246,252)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #55afe2
A tone is produced by adding gray to any pure hue. In this case, #9a9c9d is the less saturated color, while #3eb5f9 is the most saturated one.
-
#9a9c9d
#9a9c9d
rgb(154,156,157)
-
#929ea5
#929ea5
rgb(146,158,165)
-
#8ba0ac
#8ba0ac
rgb(139,160,172)
-
#83a2b4
#83a2b4
rgb(131,162,180)
-
#7ba4bc
#7ba4bc
rgb(123,164,188)
-
#74a7c3
#74a7c3
rgb(116,167,195)
-
#6ca9cb
#6ca9cb
rgb(108,169,203)
-
#64abd3
#64abd3
rgb(100,171,211)
-
#5dadda
#5dadda
rgb(93,173,218)
-
#55afe2
#55afe2
rgb(85,175,226)
-
#4db1ea
#4db1ea
rgb(77,177,234)
-
#46b3f1
#46b3f1
rgb(70,179,241)
-
#3eb5f9
#3eb5f9
rgb(62,181,249)
Color Blindness Simulator
Below, you can see how #55afe2 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.