#55c6ff Color Information
In a RGB color space, hex #55c6ff is composed of 33.3% red, 77.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 22.4% magenta, 0% yellow and 0% black. It has a hue angle of 200.1 degrees, a saturation of 100% and a lightness of 66.7%. #55c6ff color hex could be obtained by blending #aaffff with #008dff. Closest websafe color is: #66ccff.
-
- R 33
- G 78
- B 100
-
- C 67
- M 22
- Y 0
- K 0
● #55c6ff color description : Light blue.
#55c6ff Color Conversion
The hexadecimal color #55c6ff has RGB values of R:85, G:198, B:255 and CMYK values of C:0.67, M:0.22, Y:0, K:0. Its decimal value is 5621503.
| Hex triplet | 55c6ff | #55c6ff |
|---|---|---|
| RGB Decimal | 85, 198, 255 | rgb(85,198,255) |
| RGB Percent | 33.3, 77.6, 100 | rgb(33.3%,77.6%,100%) |
| CMYK | 67, 22, 0, 0 | |
| HSL | 200.1°, 100, 66.7 | hsl(200.1,100%,66.7%) |
| HSV (or HSB) | 200.1°, 66.7, 100 | |
| Web Safe | 66ccff | #66ccff |
| CIE-LAB | 75.784, -14.824, -37.415 |
|---|---|
| XYZ | 41.986, 49.536, 101.951 |
| xyY | 0.217, 0.256, 49.536 |
| CIE-LCH | 75.784, 40.244, 248.386 |
| CIE-LUV | 75.784, -43.238, -58.769 |
| Hunter-Lab | 70.382, -16.685, -36.617 |
| Binary | 01010101, 11000110, 11111111 |
Color Schemes with #55c6ff
Alternatives to #55c6ff
Below, you can see some colors close to #55c6ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#55c6ff Preview
This text has a font color of #55c6ff.
<span style="color:#55c6ff;">Text here</span>
This paragraph has a background color of #55c6ff.
<p style="background-color:#55c6ff;">Content here</p>
This element has a border color of #55c6ff.
<div style="border:1px solid #55c6ff;">Content here</div>
.text {color:#55c6ff;}
.background {background-color:#55c6ff;}
.border {border:1px solid #55c6ff;}
Shades and Tints of #55c6ff
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, #000407 is the darkest color, while #f2fbff is the lightest one.
-
#000407
#000407rgb(0,4,7) -
#00111a
#00111argb(0,17,26) -
#001e2e
#001e2ergb(0,30,46) -
#002b41
#002b41rgb(0,43,65) -
#003955
#003955rgb(0,57,85) -
#004669
#004669rgb(0,70,105) -
#00537c
#00537crgb(0,83,124) -
#006090
#006090rgb(0,96,144) -
#006da3
#006da3rgb(0,109,163) -
#007ab7
#007ab7rgb(0,122,183) -
#0087cb
#0087cbrgb(0,135,203) -
#0094de
#0094dergb(0,148,222) -
#00a1f2
#00a1f2rgb(0,161,242)
-
#07acff
#07acffrgb(7,172,255) -
#1ab2ff
#1ab2ffrgb(26,178,255) -
#2eb9ff
#2eb9ffrgb(46,185,255) -
#41bfff
#41bfffrgb(65,191,255) -
#55c6ff
#55c6ffrgb(85,198,255) -
#69cdff
#69cdffrgb(105,205,255) -
#7cd3ff
#7cd3ffrgb(124,211,255) -
#90daff
#90daffrgb(144,218,255) -
#a3e0ff
#a3e0ffrgb(163,224,255) -
#b7e7ff
#b7e7ffrgb(183,231,255) -
#cbedff
#cbedffrgb(203,237,255) -
#def4ff
#def4ffrgb(222,244,255) -
#f2fbff
#f2fbffrgb(242,251,255)
Tones of #55c6ff
A tone is produced by adding gray to any pure hue. In this case, #a3acb1 is the less saturated color, while #55c6ff is the most saturated one.
-
#a3acb1
#a3acb1rgb(163,172,177) -
#9daeb7
#9daeb7rgb(157,174,183) -
#96b0be
#96b0bergb(150,176,190) -
#90b3c4
#90b3c4rgb(144,179,196) -
#89b5cb
#89b5cbrgb(137,181,203) -
#83b7d1
#83b7d1rgb(131,183,209) -
#7cb9d8
#7cb9d8rgb(124,185,216) -
#76bbde
#76bbdergb(118,187,222) -
#6fbde5
#6fbde5rgb(111,189,229) -
#69c0eb
#69c0ebrgb(105,192,235) -
#62c2f2
#62c2f2rgb(98,194,242) -
#5cc4f8
#5cc4f8rgb(92,196,248) -
#55c6ff
#55c6ffrgb(85,198,255)
Color Blindness Simulator
Below, you can see how #55c6ff 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.
