#55c0f3 Color Information
In a RGB color space, hex #55c0f3 is composed of 33.3% red, 75.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 21% magenta, 0% yellow and 4.7% black. It has a hue angle of 199.4 degrees, a saturation of 86.8% and a lightness of 64.3%. #55c0f3 color hex could be obtained by blending #aaffff with #0081e7. Closest websafe color is: #66ccff.
-
- R 33
- G 75
- B 95
-
- C 65
- M 21
- Y 0
- K 5
● #55c0f3 color description : Soft blue.
#55c0f3 Color Conversion
The hexadecimal color #55c0f3 has RGB values of R:85, G:192, B:243 and CMYK values of C:0.65, M:0.21, Y:0, K:0.05. Its decimal value is 5619955.
| Hex triplet | 55c0f3 | #55c0f3 |
|---|---|---|
| RGB Decimal | 85, 192, 243 | rgb(85,192,243) |
| RGB Percent | 33.3, 75.3, 95.3 | rgb(33.3%,75.3%,95.3%) |
| CMYK | 65, 21, 0, 5 | |
| HSL | 199.4°, 86.8, 64.3 | hsl(199.4,86.8%,64.3%) |
| HSV (or HSB) | 199.4°, 65, 95.3 | |
| Web Safe | 66ccff | #66ccff |
| CIE-LAB | 73.609, -15.436, -34.334 |
|---|---|
| XYZ | 38.769, 46.099, 91.644 |
| xyY | 0.22, 0.261, 46.099 |
| CIE-LCH | 73.609, 37.644, 245.792 |
| CIE-LUV | 73.609, -41.685, -53.192 |
| Hunter-Lab | 67.896, -16.892, -32.501 |
| Binary | 01010101, 11000000, 11110011 |
Color Schemes with #55c0f3
Alternatives to #55c0f3
Below, you can see some colors close to #55c0f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#55c0f3 Preview
This text has a font color of #55c0f3.
<span style="color:#55c0f3;">Text here</span>
This paragraph has a background color of #55c0f3.
<p style="background-color:#55c0f3;">Content here</p>
This element has a border color of #55c0f3.
<div style="border:1px solid #55c0f3;">Content here</div>
.text {color:#55c0f3;}
.background {background-color:#55c0f3;}
.border {border:1px solid #55c0f3;}
Shades and Tints of #55c0f3
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, #01090d is the darkest color, while #fafdff is the lightest one.
-
#01090d
#01090drgb(1,9,13) -
#021620
#021620rgb(2,22,32) -
#042332
#042332rgb(4,35,50) -
#053044
#053044rgb(5,48,68) -
#063d57
#063d57rgb(6,61,87) -
#074969
#074969rgb(7,73,105) -
#09567b
#09567brgb(9,86,123) -
#0a638d
#0a638drgb(10,99,141) -
#0b70a0
#0b70a0rgb(11,112,160) -
#0d7db2
#0d7db2rgb(13,125,178) -
#0e8ac4
#0e8ac4rgb(14,138,196) -
#0f96d7
#0f96d7rgb(15,150,215) -
#10a3e9
#10a3e9rgb(16,163,233)
-
#1eacef
#1eacefrgb(30,172,239) -
#30b2f0
#30b2f0rgb(48,178,240) -
#43b9f2
#43b9f2rgb(67,185,242) -
#55c0f3
#55c0f3rgb(85,192,243) -
#67c7f4
#67c7f4rgb(103,199,244) -
#7acef6
#7acef6rgb(122,206,246) -
#8cd4f7
#8cd4f7rgb(140,212,247) -
#9edbf8
#9edbf8rgb(158,219,248) -
#b1e2f9
#b1e2f9rgb(177,226,249) -
#c3e9fb
#c3e9fbrgb(195,233,251) -
#d5f0fc
#d5f0fcrgb(213,240,252) -
#e8f6fd
#e8f6fdrgb(232,246,253) -
#fafdff
#fafdffrgb(250,253,255)
Tones of #55c0f3
A tone is produced by adding gray to any pure hue. In this case, #a2a5a6 is the less saturated color, while #4ec2fa is the most saturated one.
-
#a2a5a6
#a2a5a6rgb(162,165,166) -
#9ba7ad
#9ba7adrgb(155,167,173) -
#94aab4
#94aab4rgb(148,170,180) -
#8dacbb
#8dacbbrgb(141,172,187) -
#86afc2
#86afc2rgb(134,175,194) -
#7fb1c9
#7fb1c9rgb(127,177,201) -
#78b4d0
#78b4d0rgb(120,180,208) -
#71b6d7
#71b6d7rgb(113,182,215) -
#6ab9de
#6ab9dergb(106,185,222) -
#63bbe5
#63bbe5rgb(99,187,229) -
#5cbeec
#5cbeecrgb(92,190,236) -
#55c0f3
#55c0f3rgb(85,192,243) -
#4ec2fa
#4ec2fargb(78,194,250)
Color Blindness Simulator
Below, you can see how #55c0f3 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.
