#55bcc6 hex color

In a RGB color space, hex #55bcc6 is composed of 33.3% red, 73.7% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 5.1% magenta, 0% yellow and 22.4% black. It has a hue angle of 185.3 degrees, a saturation of 49.8% and a lightness of 55.5%. #55bcc6 color hex could be obtained by blending #aaffff with #00798d. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 74
- B 78
RGB color chart
- C 57
- M 5
- Y 0
- K 22
CMYK color chart

● #55bcc6 color description : Moderate cyan.

The hexadecimal color #55bcc6 has RGB values of R:85, G:188, B:198 and CMYK values of C:0.57, M:0.05, Y:0, K:0.22. Its decimal value is 5618886.

Hex triplet	55bcc6	`#55bcc6`
RGB Decimal	85, 188, 198	`rgb(85,188,198)`
RGB Percent	33.3, 73.7, 77.6	`rgb(33.3%,73.7%,77.6%)`
CMYK	57, 5, 0, 22
HSL	185.3°, 49.8, 55.5	`hsl(185.3,49.8%,55.5%)`
HSV (or HSB)	185.3°, 57.1, 77.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.852, -26.818, -14.08
XYZ	31.92, 41.973, 59.842
xyY	0.239, 0.314, 41.973
CIE-LCH	70.852, 30.289, 207.701
CIE-LUV	70.852, -42.395, -17.67
Hunter-Lab	64.786, -25.43, -9.415
Binary	01010101, 10111100, 11000110

#55bcc6
```
#55bcc6 rgb(85,188,198)
```
#c65f55
```
#c65f55 rgb(198,95,85)
```

Complementary Color

#55c698
```
#55c698 rgb(85,198,152)
```
#55bcc6
```
#55bcc6 rgb(85,188,198)
```
#5584c6
```
#5584c6 rgb(85,132,198)
```

Analogous Color

#c69855
```
#c69855 rgb(198,152,85)
```
#55bcc6
```
#55bcc6 rgb(85,188,198)
```
#c65584
```
#c65584 rgb(198,85,132)
```

Split Complementary Color

#bcc655
```
#bcc655 rgb(188,198,85)
```
#55bcc6
```
#55bcc6 rgb(85,188,198)
```
#c655bc
```
#c655bc rgb(198,85,188)
```

Triadic Color

#55c65f
```
#55c65f rgb(85,198,95)
```
#55bcc6
```
#55bcc6 rgb(85,188,198)
```
#c655bc
```
#c655bc rgb(198,85,188)
```
#c65f55
```
#c65f55 rgb(198,95,85)
```

Tetradic Color

#34929b
```
#34929b rgb(52,146,155)
```
#3aa4ae
```
#3aa4ae rgb(58,164,174)
```
#42b4c0
```
#42b4c0 rgb(66,180,192)
```
#55bcc6
```
#55bcc6 rgb(85,188,198)
```
#68c4cc
```
#68c4cc rgb(104,196,204)
```
#7bcbd3
```
#7bcbd3 rgb(123,203,211)
```
#8ed3d9
```
#8ed3d9 rgb(142,211,217)
```

Monochromatic Color

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

#55c6b4
```
#55c6b4 rgb(85,198,180)
```
#55c6bd
```
#55c6bd rgb(85,198,189)
```
#55c5c6
```
#55c5c6 rgb(85,197,198)
```
#55bcc6
```
#55bcc6 rgb(85,188,198)
```
#55b3c6
```
#55b3c6 rgb(85,179,198)
```
#55a9c6
```
#55a9c6 rgb(85,169,198)
```
#55a0c6
```
#55a0c6 rgb(85,160,198)
```

Similar Colors

Text with hexadecimal color #55bcc6

This text has a font color of #55bcc6.

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

#55bcc6 background color

This paragraph has a background color of #55bcc6.

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

#55bcc6 border color

This element has a border color of #55bcc6.

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

CSS codes

.text {color:#55bcc6;}

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

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

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, #020606 is the darkest color, while #f7fcfc is the lightest one.

#020606
```
#020606 rgb(2,6,6)
```
#071415
```
#071415 rgb(7,20,21)
```
#0c2224
```
#0c2224 rgb(12,34,36)
```
#112f32
```
#112f32 rgb(17,47,50)
```
#163d41
```
#163d41 rgb(22,61,65)
```
#1b4b50
```
#1b4b50 rgb(27,75,80)
```
#20595e
```
#20595e rgb(32,89,94)
```
#25676d
```
#25676d rgb(37,103,109)
```
#2a757c
```
#2a757c rgb(42,117,124)
```
#2e828a
```
#2e828a rgb(46,130,138)
```
#339099
```
#339099 rgb(51,144,153)
```
#389ea8
```
#389ea8 rgb(56,158,168)
```
#3dacb7
```
#3dacb7 rgb(61,172,183)
```

Shade Color Variation

#46b6c1
```
#46b6c1 rgb(70,182,193)
```
#55bcc6
```
#55bcc6 rgb(85,188,198)
```
#64c2cb
```
#64c2cb rgb(100,194,203)
```
#72c8d0
```
#72c8d0 rgb(114,200,208)
```
#81cdd5
```
#81cdd5 rgb(129,205,213)
```
#90d3da
```
#90d3da rgb(144,211,218)
```
#9ed9df
```
#9ed9df rgb(158,217,223)
```
#addfe4
```
#addfe4 rgb(173,223,228)
```
#bce5e8
```
#bce5e8 rgb(188,229,232)
```
#cbeaed
```
#cbeaed rgb(203,234,237)
```
#d9f0f2
```
#d9f0f2 rgb(217,240,242)
```
#e8f6f7
```
#e8f6f7 rgb(232,246,247)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #899192 is the less saturated color, while #21e7fa is the most saturated one.

#899192
```
#899192 rgb(137,145,146)
```
#81989a
```
#81989a rgb(129,152,154)
```
#789fa3
```
#789fa3 rgb(120,159,163)
```
#6fa6ac
```
#6fa6ac rgb(111,166,172)
```
#66aeb5
```
#66aeb5 rgb(102,174,181)
```
#5eb5bd
```
#5eb5bd rgb(94,181,189)
```
#55bcc6
```
#55bcc6 rgb(85,188,198)
```
#4cc3cf
```
#4cc3cf rgb(76,195,207)
```
#44cad7
```
#44cad7 rgb(68,202,215)
```
#3bd2e0
```
#3bd2e0 rgb(59,210,224)
```
#32d9e9
```
#32d9e9 rgb(50,217,233)
```
#29e0f2
```
#29e0f2 rgb(41,224,242)
```
#21e7fa
```
#21e7fa rgb(33,231,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8fa4a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b0c0 Protanopia 1% of men
#b2adcf Deuteranopia 1% of men
#5fbecc Tritanopia 0.001% of the population

Trichromacy

#8eb4c2 Protanomaly 1% of men, 0.01% of women
#90b2cc Deuteranomaly 6% of men, 0.4% of women
#5bbdca Tritanomaly 0.01% of the population

#55bcc6 hex color

#55bcc6 Color Information

#55bcc6 Color Conversion

Color Schemes with #55bcc6

Alternatives to #55bcc6

#55bcc6 Preview

Shades and Tints of #55bcc6

Tones of #55bcc6

Color Blindness Simulator