#55caf8 Color Information
In a RGB color space, hex #55caf8 is composed of 33.3% red, 79.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 18.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 196.9 degrees, a saturation of 92.1% and a lightness of 65.3%. #55caf8 color hex could be obtained by blending #aaffff with #0095f1. Closest websafe color is: #66ccff.
-
- R 33
- G 79
- B 97
-
- C 66
- M 19
- Y 0
- K 3
● #55caf8 color description : Soft blue.
#55caf8 Color Conversion
The hexadecimal color #55caf8 has RGB values of R:85, G:202, B:248 and CMYK values of C:0.66, M:0.19, Y:0, K:0.03. Its decimal value is 5622520.
Hex triplet | 55caf8 | #55caf8 |
---|---|---|
RGB Decimal | 85, 202, 248 | rgb(85,202,248) |
RGB Percent | 33.3, 79.2, 97.3 | rgb(33.3%,79.2%,97.3%) |
CMYK | 66, 19, 0, 3 | |
HSL | 196.9°, 92.1, 65.3 | hsl(196.9,92.1%,65.3%) |
HSV (or HSB) | 196.9°, 65.7, 97.3 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 76.646, -19.088, -32.331 |
---|---|
XYZ | 41.806, 50.946, 96.432 |
xyY | 0.221, 0.269, 50.946 |
CIE-LCH | 76.646, 37.545, 239.442 |
CIE-LUV | 76.646, -45.004, -49.534 |
Hunter-Lab | 71.377, -20.361, -30.139 |
Binary | 01010101, 11001010, 11111000 |
Color Schemes with #55caf8
Alternatives to #55caf8
Below, you can see some colors close to #55caf8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#55caf8 Preview
This text has a font color of #55caf8.
<span style="color:#55caf8;">Text here</span>
This paragraph has a background color of #55caf8.
<p style="background-color:#55caf8;">Content here</p>
This element has a border color of #55caf8.
<div style="border:1px solid #55caf8;">Content here</div>
.text {color:#55caf8;}
.background {background-color:#55caf8;}
.border {border:1px solid #55caf8;}
Shades and Tints of #55caf8
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, #010d12 is the darkest color, while #ffffff is the lightest one.
-
#010d12
#010d12
rgb(1,13,18)
-
#021b25
#021b25
rgb(2,27,37)
-
#022938
#022938
rgb(2,41,56)
-
#03374b
#03374b
rgb(3,55,75)
-
#04445e
#04445e
rgb(4,68,94)
-
#055271
#055271
rgb(5,82,113)
-
#056083
#056083
rgb(5,96,131)
-
#066e96
#066e96
rgb(6,110,150)
-
#077ba9
#077ba9
rgb(7,123,169)
-
#0889bc
#0889bc
rgb(8,137,188)
-
#0997cf
#0997cf
rgb(9,151,207)
-
#09a5e2
#09a5e2
rgb(9,165,226)
-
#0ab2f4
#0ab2f4
rgb(10,178,244)
-
#1cb8f6
#1cb8f6
rgb(28,184,246)
-
#2fbef6
#2fbef6
rgb(47,190,246)
-
#42c4f7
#42c4f7
rgb(66,196,247)
-
#55caf8
#55caf8
rgb(85,202,248)
-
#68d0f9
#68d0f9
rgb(104,208,249)
-
#7bd6fa
#7bd6fa
rgb(123,214,250)
-
#8edcfa
#8edcfa
rgb(142,220,250)
-
#a0e1fb
#a0e1fb
rgb(160,225,251)
-
#b3e7fc
#b3e7fc
rgb(179,231,252)
-
#c6edfd
#c6edfd
rgb(198,237,253)
-
#d9f3fd
#d9f3fd
rgb(217,243,253)
-
#ecf9fe
#ecf9fe
rgb(236,249,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #55caf8
A tone is produced by adding gray to any pure hue. In this case, #a0a9ad is the less saturated color, while #4ecdff is the most saturated one.
-
#a0a9ad
#a0a9ad
rgb(160,169,173)
-
#99acb4
#99acb4
rgb(153,172,180)
-
#92afbb
#92afbb
rgb(146,175,187)
-
#8bb2c2
#8bb2c2
rgb(139,178,194)
-
#85b5c8
#85b5c8
rgb(133,181,200)
-
#7eb8cf
#7eb8cf
rgb(126,184,207)
-
#77bbd6
#77bbd6
rgb(119,187,214)
-
#70bedd
#70bedd
rgb(112,190,221)
-
#69c1e4
#69c1e4
rgb(105,193,228)
-
#63c4ea
#63c4ea
rgb(99,196,234)
-
#5cc7f1
#5cc7f1
rgb(92,199,241)
-
#55caf8
#55caf8
rgb(85,202,248)
-
#4ecdff
#4ecdff
rgb(78,205,255)
Color Blindness Simulator
Below, you can see how #55caf8 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.