#55c7dd hex color

In a RGB color space, hex #55c7dd is composed of 33.3% red, 78% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 10% magenta, 0% yellow and 13.3% black. It has a hue angle of 189.7 degrees, a saturation of 66.7% and a lightness of 60%. #55c7dd color hex could be obtained by blending #aaffff with #008fbb. 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

● #55c7dd color description : Soft cyan.

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

Hex triplet	55c7dd	`#55c7dd`
RGB Decimal	85, 199, 221	`rgb(85,199,221)`
RGB Percent	33.3, 78, 86.7	`rgb(33.3%,78%,86.7%)`
CMYK	62, 10, 0, 13
HSL	189.7°, 66.7, 60	`hsl(189.7,66.7%,60%)`
HSV (or HSB)	189.7°, 61.5, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.822, -25.679, -20.592
XYZ	37.217, 47.996, 75.705
xyY	0.231, 0.298, 47.996
CIE-LCH	74.822, 32.916, 218.726
CIE-LUV	74.822, -45.319, -28.666
Hunter-Lab	69.279, -25.346, -16.295
Binary	01010101, 11000111, 11011101

#55c7dd
```
#55c7dd rgb(85,199,221)
```
#dd6b55
```
#dd6b55 rgb(221,107,85)
```

Complementary Color

#55ddaf
```
#55ddaf rgb(85,221,175)
```
#55c7dd
```
#55c7dd rgb(85,199,221)
```
#5583dd
```
#5583dd rgb(85,131,221)
```

Analogous Color

#ddaf55
```
#ddaf55 rgb(221,175,85)
```
#55c7dd
```
#55c7dd rgb(85,199,221)
```
#dd5583
```
#dd5583 rgb(221,85,131)
```

Split Complementary Color

#c7dd55
```
#c7dd55 rgb(199,221,85)
```
#55c7dd
```
#55c7dd rgb(85,199,221)
```
#dd55c7
```
#dd55c7 rgb(221,85,199)
```

Triadic Color

#55dd6b
```
#55dd6b rgb(85,221,107)
```
#55c7dd
```
#55c7dd rgb(85,199,221)
```
#dd55c7
```
#dd55c7 rgb(221,85,199)
```
#dd6b55
```
#dd6b55 rgb(221,107,85)
```

Tetradic Color

#26a7bf
```
#26a7bf rgb(38,167,191)
```
#2bb9d5
```
#2bb9d5 rgb(43,185,213)
```
#40c0d9
```
#40c0d9 rgb(64,192,217)
```
#55c7dd
```
#55c7dd rgb(85,199,221)
```
#6acee1
```
#6acee1 rgb(106,206,225)
```
#80d5e6
```
#80d5e6 rgb(128,213,230)
```
#95dcea
```
#95dcea rgb(149,220,234)
```

Monochromatic Color

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

#55ddd1
```
#55ddd1 rgb(85,221,209)
```
#55dddc
```
#55dddc rgb(85,221,220)
```
#55d2dd
```
#55d2dd rgb(85,210,221)
```
#55c7dd
```
#55c7dd rgb(85,199,221)
```
#55bcdd
```
#55bcdd rgb(85,188,221)
```
#55b0dd
```
#55b0dd rgb(85,176,221)
```
#55a5dd
```
#55a5dd rgb(85,165,221)
```

Similar Colors

Text with hexadecimal color #55c7dd

This text has a font color of #55c7dd.

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

#55c7dd background color

This paragraph has a background color of #55c7dd.

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

#55c7dd border color

This element has a border color of #55c7dd.

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

CSS codes

.text {color:#55c7dd;}

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

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

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

#02090a
```
#02090a rgb(2,9,10)
```
#05171a
```
#05171a rgb(5,23,26)
```
#08252b
```
#08252b rgb(8,37,43)
```
#0c333b
```
#0c333b rgb(12,51,59)
```
#0f414b
```
#0f414b rgb(15,65,75)
```
#12505c
```
#12505c rgb(18,80,92)
```
#165e6c
```
#165e6c rgb(22,94,108)
```
#196c7c
```
#196c7c rgb(25,108,124)
```
#1c7a8d
```
#1c7a8d rgb(28,122,141)
```
#1f899d
```
#1f899d rgb(31,137,157)
```
#2397ad
```
#2397ad rgb(35,151,173)
```
#26a5be
```
#26a5be rgb(38,165,190)
```
#29b3ce
```
#29b3ce rgb(41,179,206)
```

Shade Color Variation

#34bcd6
```
#34bcd6 rgb(52,188,214)
```
#45c2da
```
#45c2da rgb(69,194,218)
```
#55c7dd
```
#55c7dd rgb(85,199,221)
```
#65cce0
```
#65cce0 rgb(101,204,224)
```
#76d2e4
```
#76d2e4 rgb(118,210,228)
```
#86d7e7
```
#86d7e7 rgb(134,215,231)
```
#96ddea
```
#96ddea rgb(150,221,234)
```
#a7e2ed
```
#a7e2ed rgb(167,226,237)
```
#b7e7f1
```
#b7e7f1 rgb(183,231,241)
```
#c7edf4
```
#c7edf4 rgb(199,237,244)
```
#d8f2f7
```
#d8f2f7 rgb(216,242,247)
```
#e8f7fa
```
#e8f7fa rgb(232,247,250)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

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

#949d9e
```
#949d9e rgb(148,157,158)
```
#8ca2a6
```
#8ca2a6 rgb(140,162,166)
```
#84a7ae
```
#84a7ae rgb(132,167,174)
```
#7cacb6
```
#7cacb6 rgb(124,172,182)
```
#74b2be
```
#74b2be rgb(116,178,190)
```
#6db7c5
```
#6db7c5 rgb(109,183,197)
```
#65bccd
```
#65bccd rgb(101,188,205)
```
#5dc2d5
```
#5dc2d5 rgb(93,194,213)
```
#55c7dd
```
#55c7dd rgb(85,199,221)
```
#4dcce5
```
#4dcce5 rgb(77,204,229)
```
#45d2ed
```
#45d2ed rgb(69,210,237)
```
#3dd7f5
```
#3dd7f5 rgb(61,215,245)
```
#36dcfc
```
#36dcfc rgb(54,220,252)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#97adb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bad5 Protanopia 1% of men
#b6b8e5 Deuteranopia 1% of men
#5acad9 Tritanopia 0.001% of the population

Trichromacy

#93bed8 Protanomaly 1% of men, 0.01% of women
#93bde2 Deuteranomaly 6% of men, 0.4% of women
#58c9da Tritanomaly 0.01% of the population

#55c7dd hex color

#55c7dd Color Information

#55c7dd Color Conversion

Color Schemes with #55c7dd

Alternatives to #55c7dd

#55c7dd Preview

Shades and Tints of #55c7dd

Tones of #55c7dd

Color Blindness Simulator