#55bccb hex color

In a RGB color space, hex #55bccb is composed of 33.3% red, 73.7% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 7.4% magenta, 0% yellow and 20.4% black. It has a hue angle of 187.6 degrees, a saturation of 53.2% and a lightness of 56.5%. #55bccb color hex could be obtained by blending #aaffff with #007997. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 74
- B 80
RGB color chart
- C 58
- M 7
- Y 0
- K 20
CMYK color chart

● #55bccb color description : Moderate cyan.

The hexadecimal color #55bccb has RGB values of R:85, G:188, B:203 and CMYK values of C:0.58, M:0.07, Y:0, K:0.2. Its decimal value is 5618891.

Hex triplet	55bccb	`#55bccb`
RGB Decimal	85, 188, 203	`rgb(85,188,203)`
RGB Percent	33.3, 73.7, 79.6	`rgb(33.3%,73.7%,79.6%)`
CMYK	58, 7, 0, 20
HSL	187.6°, 53.2, 56.5	`hsl(187.6,53.2%,56.5%)`
HSV (or HSB)	187.6°, 58.1, 79.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.013, -25.399, -16.572
XYZ	32.506, 42.207, 62.93
xyY	0.236, 0.307, 42.207
CIE-LCH	71.013, 30.327, 213.124
CIE-LUV	71.013, -42.151, -21.917
Hunter-Lab	64.967, -24.38, -11.954
Binary	01010101, 10111100, 11001011

#55bccb
```
#55bccb rgb(85,188,203)
```
#cb6455
```
#cb6455 rgb(203,100,85)
```

Complementary Color

#55cb9f
```
#55cb9f rgb(85,203,159)
```
#55bccb
```
#55bccb rgb(85,188,203)
```
#5581cb
```
#5581cb rgb(85,129,203)
```

Analogous Color

#cb9f55
```
#cb9f55 rgb(203,159,85)
```
#55bccb
```
#55bccb rgb(85,188,203)
```
#cb5581
```
#cb5581 rgb(203,85,129)
```

Split Complementary Color

#bccb55
```
#bccb55 rgb(188,203,85)
```
#55bccb
```
#55bccb rgb(85,188,203)
```
#cb55bc
```
#cb55bc rgb(203,85,188)
```

Triadic Color

#55cb64
```
#55cb64 rgb(85,203,100)
```
#55bccb
```
#55bccb rgb(85,188,203)
```
#cb55bc
```
#cb55bc rgb(203,85,188)
```
#cb6455
```
#cb6455 rgb(203,100,85)
```

Tetradic Color

#3294a2
```
#3294a2 rgb(50,148,162)
```
#38a5b5
```
#38a5b5 rgb(56,165,181)
```
#41b4c5
```
#41b4c5 rgb(65,180,197)
```
#55bccb
```
#55bccb rgb(85,188,203)
```
#69c4d1
```
#69c4d1 rgb(105,196,209)
```
#7ccbd7
```
#7ccbd7 rgb(124,203,215)
```
#90d3dd
```
#90d3dd rgb(144,211,221)
```

Monochromatic Color

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

#55cbbd
```
#55cbbd rgb(85,203,189)
```
#55cbc6
```
#55cbc6 rgb(85,203,198)
```
#55c6cb
```
#55c6cb rgb(85,198,203)
```
#55bccb
```
#55bccb rgb(85,188,203)
```
#55b2cb
```
#55b2cb rgb(85,178,203)
```
#55a8cb
```
#55a8cb rgb(85,168,203)
```
#559fcb
```
#559fcb rgb(85,159,203)
```

Similar Colors

Text with hexadecimal color #55bccb

This text has a font color of #55bccb.

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

#55bccb background color

This paragraph has a background color of #55bccb.

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

#55bccb border color

This element has a border color of #55bccb.

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

CSS codes

.text {color:#55bccb;}

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

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

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

#03090a
```
#03090a rgb(3,9,10)
```
#081719
```
#081719 rgb(8,23,25)
```
#0c2528
```
#0c2528 rgb(12,37,40)
```
#113237
```
#113237 rgb(17,50,55)
```
#164046
```
#164046 rgb(22,64,70)
```
#1a4e55
```
#1a4e55 rgb(26,78,85)
```
#1f5c64
```
#1f5c64 rgb(31,92,100)
```
#236973
```
#236973 rgb(35,105,115)
```
#287782
```
#287782 rgb(40,119,130)
```
#2c8591
```
#2c8591 rgb(44,133,145)
```
#3192a0
```
#3192a0 rgb(49,146,160)
```
#36a0af
```
#36a0af rgb(54,160,175)
```
#3aaebe
```
#3aaebe rgb(58,174,190)
```

Shade Color Variation

#46b6c6
```
#46b6c6 rgb(70,182,198)
```
#55bccb
```
#55bccb rgb(85,188,203)
```
#64c2d0
```
#64c2d0 rgb(100,194,208)
```
#73c8d4
```
#73c8d4 rgb(115,200,212)
```
#82ced9
```
#82ced9 rgb(130,206,217)
```
#91d4dd
```
#91d4dd rgb(145,212,221)
```
#a0dae2
```
#a0dae2 rgb(160,218,226)
```
#afe0e7
```
#afe0e7 rgb(175,224,231)
```
#bee5eb
```
#bee5eb rgb(190,229,235)
```
#cdebf0
```
#cdebf0 rgb(205,235,240)
```
#dcf1f4
```
#dcf1f4 rgb(220,241,244)
```
#ebf7f9
```
#ebf7f9 rgb(235,247,249)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#889698
```
#889698 rgb(136,150,152)
```
#809ca0
```
#809ca0 rgb(128,156,160)
```
#77a3a9
```
#77a3a9 rgb(119,163,169)
```
#6fa9b1
```
#6fa9b1 rgb(111,169,177)
```
#66afba
```
#66afba rgb(102,175,186)
```
#5eb6c2
```
#5eb6c2 rgb(94,182,194)
```
#55bccb
```
#55bccb rgb(85,188,203)
```
#4cc2d4
```
#4cc2d4 rgb(76,194,212)
```
#44c9dc
```
#44c9dc rgb(68,201,220)
```
#3bcfe5
```
#3bcfe5 rgb(59,207,229)
```
#33d5ed
```
#33d5ed rgb(51,213,237)
```
#2adcf6
```
#2adcf6 rgb(42,220,246)
```
#22e2fe
```
#22e2fe rgb(34,226,254)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#90a5a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb0c5 Protanopia 1% of men
#b0aed4 Deuteranopia 1% of men
#5dbfcd Tritanopia 0.001% of the population

Trichromacy

#8eb4c7 Protanomaly 1% of men, 0.01% of women
#8fb3d0 Deuteranomaly 6% of men, 0.4% of women
#5abecc Tritanomaly 0.01% of the population

#55bccb hex color

#55bccb Color Information

#55bccb Color Conversion

Color Schemes with #55bccb

Alternatives to #55bccb

#55bccb Preview

Shades and Tints of #55bccb

Tones of #55bccb

Color Blindness Simulator