#55c7de hex color

In a RGB color space, hex #55c7de is composed of 33.3% red, 78% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 10.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 190.1 degrees, a saturation of 67.5% and a lightness of 60.2%. #55c7de color hex could be obtained by blending #aaffff with #008fbd. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 78
- B 87
RGB color chart
- C 62
- M 10
- Y 0
- K 13
CMYK color chart

● #55c7de color description : Soft cyan.

The hexadecimal color #55c7de has RGB values of R:85, G:199, B:222 and CMYK values of C:0.62, M:0.1, Y:0, K:0.13. Its decimal value is 5621726.

Hex triplet	55c7de	`#55c7de`
RGB Decimal	85, 199, 222	`rgb(85,199,222)`
RGB Percent	33.3, 78, 87.1	`rgb(33.3%,78%,87.1%)`
CMYK	62, 10, 0, 13
HSL	190.1°, 67.5, 60.2	`hsl(190.1,67.5%,60.2%)`
HSV (or HSB)	190.1°, 61.7, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.856, -25.387, -21.081
XYZ	37.351, 48.049, 76.409
xyY	0.231, 0.297, 48.049
CIE-LCH	74.856, 32.999, 219.706
CIE-LUV	74.856, -45.267, -29.523
Hunter-Lab	69.317, -25.123, -16.834
Binary	01010101, 11000111, 11011110

#55c7de
```
#55c7de rgb(85,199,222)
```
#de6c55
```
#de6c55 rgb(222,108,85)
```

Complementary Color

#55deb1
```
#55deb1 rgb(85,222,177)
```
#55c7de
```
#55c7de rgb(85,199,222)
```
#5583de
```
#5583de rgb(85,131,222)
```

Analogous Color

#deb155
```
#deb155 rgb(222,177,85)
```
#55c7de
```
#55c7de rgb(85,199,222)
```
#de5583
```
#de5583 rgb(222,85,131)
```

Split Complementary Color

#c7de55
```
#c7de55 rgb(199,222,85)
```
#55c7de
```
#55c7de rgb(85,199,222)
```
#de55c7
```
#de55c7 rgb(222,85,199)
```

Triadic Color

#55de6c
```
#55de6c rgb(85,222,108)
```
#55c7de
```
#55c7de rgb(85,199,222)
```
#de55c7
```
#de55c7 rgb(222,85,199)
```
#de6c55
```
#de6c55 rgb(222,108,85)
```

Tetradic Color

#25a7c1
```
#25a7c1 rgb(37,167,193)
```
#2ab9d6
```
#2ab9d6 rgb(42,185,214)
```
#40c0da
```
#40c0da rgb(64,192,218)
```
#55c7de
```
#55c7de rgb(85,199,222)
```
#6acee2
```
#6acee2 rgb(106,206,226)
```
#80d5e6
```
#80d5e6 rgb(128,213,230)
```
#95dcea
```
#95dcea rgb(149,220,234)
```

Monochromatic Color

Below, you can see some colors close to #55c7de. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#55ded3
```
#55ded3 rgb(85,222,211)
```
#55dede
```
#55dede rgb(85,222,222)
```
#55d2de
```
#55d2de rgb(85,210,222)
```
#55c7de
```
#55c7de rgb(85,199,222)
```
#55bcde
```
#55bcde rgb(85,188,222)
```
#55b0de
```
#55b0de rgb(85,176,222)
```
#55a5de
```
#55a5de rgb(85,165,222)
```

Similar Colors

Text with hexadecimal color #55c7de

This text has a font color of #55c7de.

<span style="color:#55c7de;">Text here</span>

#55c7de background color

This paragraph has a background color of #55c7de.

<p style="background-color:#55c7de;">Content here</p>

#55c7de border color

This element has a border color of #55c7de.

<div style="border:1px solid #55c7de;">Content here</div>

CSS codes

.text {color:#55c7de;}

.background {background-color:#55c7de;}

.border {border:1px solid #55c7de;}

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, #02090b is the darkest color, while #f9fdfe is the lightest one.

#02090b
```
#02090b rgb(2,9,11)
```
#05171b
```
#05171b rgb(5,23,27)
```
#08262c
```
#08262c rgb(8,38,44)
```
#0c343c
```
#0c343c rgb(12,52,60)
```
#0f424c
```
#0f424c rgb(15,66,76)
```
#12505d
```
#12505d rgb(18,80,93)
```
#155e6d
```
#155e6d rgb(21,94,109)
```
#186d7e
```
#186d7e rgb(24,109,126)
```
#1c7b8e
```
#1c7b8e rgb(28,123,142)
```
#1f899f
```
#1f899f rgb(31,137,159)
```
#2297af
```
#2297af rgb(34,151,175)
```
#25a5bf
```
#25a5bf rgb(37,165,191)
```
#28b4d0
```
#28b4d0 rgb(40,180,208)
```

Shade Color Variation

#34bcd8
```
#34bcd8 rgb(52,188,216)
```
#45c2db
```
#45c2db rgb(69,194,219)
```
#55c7de
```
#55c7de rgb(85,199,222)
```
#65cce1
```
#65cce1 rgb(101,204,225)
```
#76d2e4
```
#76d2e4 rgb(118,210,228)
```
#86d7e8
```
#86d7e8 rgb(134,215,232)
```
#97ddeb
```
#97ddeb rgb(151,221,235)
```
#a7e2ee
```
#a7e2ee rgb(167,226,238)
```
#b8e7f1
```
#b8e7f1 rgb(184,231,241)
```
#c8edf4
```
#c8edf4 rgb(200,237,244)
```
#d8f2f8
```
#d8f2f8 rgb(216,242,248)
```
#e9f8fb
```
#e9f8fb rgb(233,248,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939ea0 is the less saturated color, while #36dcfd is the most saturated one.

#939ea0
```
#939ea0 rgb(147,158,160)
```
#8ca3a7
```
#8ca3a7 rgb(140,163,167)
```
#84a8af
```
#84a8af rgb(132,168,175)
```
#7cadb7
```
#7cadb7 rgb(124,173,183)
```
#74b2bf
```
#74b2bf rgb(116,178,191)
```
#6cb7c7
```
#6cb7c7 rgb(108,183,199)
```
#65bdce
```
#65bdce rgb(101,189,206)
```
#5dc2d6
```
#5dc2d6 rgb(93,194,214)
```
#55c7de
```
#55c7de rgb(85,199,222)
```
#4dcce6
```
#4dcce6 rgb(77,204,230)
```
#45d1ee
```
#45d1ee rgb(69,209,238)
```
#3ed7f5
```
#3ed7f5 rgb(62,215,245)
```
#36dcfd
```
#36dcfd rgb(54,220,253)
```

Tone Color Variation

Below, you can see how #55c7de 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.

Monochromacy

#a8a8a8 Achromatopsia 0.005% of the population
#97aeb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bad6 Protanopia 1% of men
#b6b8e6 Deuteranopia 1% of men
#5acad9 Tritanopia 0.001% of the population

Trichromacy

#93bfd9 Protanomaly 1% of men, 0.01% of women
#92bde3 Deuteranomaly 6% of men, 0.4% of women
#58c9db Tritanomaly 0.01% of the population

#55c7de hex color

#55c7de Color Information

#55c7de Color Conversion

Color Schemes with #55c7de

Alternatives to #55c7de

#55c7de Preview

Shades and Tints of #55c7de

Tones of #55c7de

Color Blindness Simulator