#55c7df Color Information
In a RGB color space, hex #55c7df is composed of 33.3% red, 78% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 10.8% magenta, 0% yellow and 12.5% black. It has a hue angle of 190.4 degrees, a saturation of 68.3% and a lightness of 60.4%. #55c7df color hex could be obtained by blending #aaffff with #008fbf. Closest websafe color is: #66cccc.
-
- R 33
- G 78
- B 87
-
- C 62
- M 11
- Y 0
- K 13
● #55c7df color description : Soft cyan.
#55c7df Color Conversion
The hexadecimal color #55c7df has RGB values of R:85, G:199, B:223 and CMYK values of C:0.62, M:0.11, Y:0, K:0.13. Its decimal value is 5621727.
| Hex triplet | 55c7df | #55c7df |
|---|---|---|
| RGB Decimal | 85, 199, 223 | rgb(85,199,223) |
| RGB Percent | 33.3, 78, 87.5 | rgb(33.3%,78%,87.5%) |
| CMYK | 62, 11, 0, 13 | |
| HSL | 190.4°, 68.3, 60.4 | hsl(190.4,68.3%,60.4%) |
| HSV (or HSB) | 190.4°, 61.9, 87.5 | |
| Web Safe | 66cccc | #66cccc |
| CIE-LAB | 74.89, -25.094, -21.57 |
|---|---|
| XYZ | 37.485, 48.103, 77.117 |
| xyY | 0.23, 0.296, 48.103 |
| CIE-LCH | 74.89, 33.09, 220.681 |
| CIE-LUV | 74.89, -45.214, -30.38 |
| Hunter-Lab | 69.356, -24.899, -17.375 |
| Binary | 01010101, 11000111, 11011111 |
Color Schemes with #55c7df
Alternatives to #55c7df
Below, you can see some colors close to #55c7df. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#55c7df Preview
This text has a font color of #55c7df.
<span style="color:#55c7df;">Text here</span>
This paragraph has a background color of #55c7df.
<p style="background-color:#55c7df;">Content here</p>
This element has a border color of #55c7df.
<div style="border:1px solid #55c7df;">Content here</div>
.text {color:#55c7df;}
.background {background-color:#55c7df;}
.border {border:1px solid #55c7df;}
Shades and Tints of #55c7df
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, #020a0c is the darkest color, while #fafdfe is the lightest one.
-
#020a0c
#020a0crgb(2,10,12) -
#05181c
#05181crgb(5,24,28) -
#08262d
#08262drgb(8,38,45) -
#0c343d
#0c343drgb(12,52,61) -
#0f434e
#0f434ergb(15,67,78) -
#12515e
#12515ergb(18,81,94) -
#155f6f
#155f6frgb(21,95,111) -
#186d7f
#186d7frgb(24,109,127) -
#1b7b90
#1b7b90rgb(27,123,144) -
#1e8aa0
#1e8aa0rgb(30,138,160) -
#2198b1
#2198b1rgb(33,152,177) -
#24a6c1
#24a6c1rgb(36,166,193) -
#27b4d2
#27b4d2rgb(39,180,210)
-
#34bcd9
#34bcd9rgb(52,188,217) -
#44c2dc
#44c2dcrgb(68,194,220) -
#55c7df
#55c7dfrgb(85,199,223) -
#66cce2
#66cce2rgb(102,204,226) -
#76d2e5
#76d2e5rgb(118,210,229) -
#87d7e8
#87d7e8rgb(135,215,232) -
#97ddeb
#97ddebrgb(151,221,235) -
#a8e2ef
#a8e2efrgb(168,226,239) -
#b8e8f2
#b8e8f2rgb(184,232,242) -
#c9edf5
#c9edf5rgb(201,237,245) -
#d9f3f8
#d9f3f8rgb(217,243,248) -
#eaf8fb
#eaf8fbrgb(234,248,251) -
#fafdfe
#fafdfergb(250,253,254)
Tones of #55c7df
A tone is produced by adding gray to any pure hue. In this case, #939ea1 is the less saturated color, while #36dbfe is the most saturated one.
-
#939ea1
#939ea1rgb(147,158,161) -
#8ba4a9
#8ba4a9rgb(139,164,169) -
#84a9b0
#84a9b0rgb(132,169,176) -
#7caeb8
#7caeb8rgb(124,174,184) -
#74b3c0
#74b3c0rgb(116,179,192) -
#6cb8c8
#6cb8c8rgb(108,184,200) -
#65bdcf
#65bdcfrgb(101,189,207) -
#5dc2d7
#5dc2d7rgb(93,194,215) -
#55c7df
#55c7dfrgb(85,199,223) -
#4dcce7
#4dcce7rgb(77,204,231) -
#45d1ef
#45d1efrgb(69,209,239) -
#3ed6f6
#3ed6f6rgb(62,214,246) -
#36dbfe
#36dbfergb(54,219,254)
Color Blindness Simulator
Below, you can see how #55c7df 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.
