#55e6f3 Color Information
In a RGB color space, hex #55e6f3 is composed of 33.3% red, 90.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 5.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 184.9 degrees, a saturation of 86.8% and a lightness of 64.3%. #55e6f3 color hex could be obtained by blending #aaffff with #00cde7. Closest websafe color is: #66ffff.
-
- R 33
- G 90
- B 95
-
- C 65
- M 5
- Y 0
- K 5
● #55e6f3 color description : Soft cyan.
#55e6f3 Color Conversion
The hexadecimal color #55e6f3 has RGB values of R:85, G:230, B:243 and CMYK values of C:0.65, M:0.05, Y:0, K:0.05. Its decimal value is 5629683.
| Hex triplet | 55e6f3 | #55e6f3 |
|---|---|---|
| RGB Decimal | 85, 230, 243 | rgb(85,230,243) |
| RGB Percent | 33.3, 90.2, 95.3 | rgb(33.3%,90.2%,95.3%) |
| CMYK | 65, 5, 0, 5 | |
| HSL | 184.9°, 86.8, 64.3 | hsl(184.9,86.8%,64.3%) |
| HSV (or HSB) | 184.9°, 65, 95.3 | |
| Web Safe | 66ffff | #66ffff |
| CIE-LAB | 84.48, -34.333, -17.731 |
|---|---|
| XYZ | 48.216, 64.992, 94.793 |
| xyY | 0.232, 0.312, 64.992 |
| CIE-LCH | 84.48, 38.641, 207.314 |
| CIE-LUV | 84.48, -55.275, -23.023 |
| Hunter-Lab | 80.618, -34.323, -13.283 |
| Binary | 01010101, 11100110, 11110011 |
Color Schemes with #55e6f3
Alternatives to #55e6f3
Below, you can see some colors close to #55e6f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#55e6f3 Preview
This text has a font color of #55e6f3.
<span style="color:#55e6f3;">Text here</span>
This paragraph has a background color of #55e6f3.
<p style="background-color:#55e6f3;">Content here</p>
This element has a border color of #55e6f3.
<div style="border:1px solid #55e6f3;">Content here</div>
.text {color:#55e6f3;}
.background {background-color:#55e6f3;}
.border {border:1px solid #55e6f3;}
Shades and Tints of #55e6f3
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, #010c0d is the darkest color, while #fafeff is the lightest one.
-
#010c0d
#010c0drgb(1,12,13) -
#021d20
#021d20rgb(2,29,32) -
#042e32
#042e32rgb(4,46,50) -
#053f44
#053f44rgb(5,63,68) -
#065057
#065057rgb(6,80,87) -
#076169
#076169rgb(7,97,105) -
#09727b
#09727brgb(9,114,123) -
#0a838d
#0a838drgb(10,131,141) -
#0b94a0
#0b94a0rgb(11,148,160) -
#0da4b2
#0da4b2rgb(13,164,178) -
#0eb5c4
#0eb5c4rgb(14,181,196) -
#0fc6d7
#0fc6d7rgb(15,198,215) -
#10d7e9
#10d7e9rgb(16,215,233)
-
#1edeef
#1edeefrgb(30,222,239) -
#30e1f0
#30e1f0rgb(48,225,240) -
#43e3f2
#43e3f2rgb(67,227,242) -
#55e6f3
#55e6f3rgb(85,230,243) -
#67e9f4
#67e9f4rgb(103,233,244) -
#7aebf6
#7aebf6rgb(122,235,246) -
#8ceef7
#8ceef7rgb(140,238,247) -
#9ef1f8
#9ef1f8rgb(158,241,248) -
#b1f3f9
#b1f3f9rgb(177,243,249) -
#c3f6fb
#c3f6fbrgb(195,246,251) -
#d5f9fc
#d5f9fcrgb(213,249,252) -
#e8fcfd
#e8fcfdrgb(232,252,253) -
#fafeff
#fafeffrgb(250,254,255)
Tones of #55e6f3
A tone is produced by adding gray to any pure hue. In this case, #a2a6a6 is the less saturated color, while #4eecfa is the most saturated one.
-
#a2a6a6
#a2a6a6rgb(162,166,166) -
#9bacad
#9bacadrgb(155,172,173) -
#94b1b4
#94b1b4rgb(148,177,180) -
#8db7bb
#8db7bbrgb(141,183,187) -
#86bdc2
#86bdc2rgb(134,189,194) -
#7fc3c9
#7fc3c9rgb(127,195,201) -
#78c9d0
#78c9d0rgb(120,201,208) -
#71cfd7
#71cfd7rgb(113,207,215) -
#6ad4de
#6ad4dergb(106,212,222) -
#63dae5
#63dae5rgb(99,218,229) -
#5ce0ec
#5ce0ecrgb(92,224,236) -
#55e6f3
#55e6f3rgb(85,230,243) -
#4eecfa
#4eecfargb(78,236,250)
Color Blindness Simulator
Below, you can see how #55e6f3 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.
