#55bcd0 hex color

In a RGB color space, hex #55bcd0 is composed of 33.3% red, 73.7% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 9.6% magenta, 0% yellow and 18.4% black. It has a hue angle of 189.8 degrees, a saturation of 56.7% and a lightness of 57.5%. #55bcd0 color hex could be obtained by blending #aaffff with #0079a1. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 74
- B 82
RGB color chart
- C 59
- M 10
- Y 0
- K 18
CMYK color chart

● #55bcd0 color description : Moderate cyan.

The hexadecimal color #55bcd0 has RGB values of R:85, G:188, B:208 and CMYK values of C:0.59, M:0.1, Y:0, K:0.18. Its decimal value is 5618896.

Hex triplet	55bcd0	`#55bcd0`
RGB Decimal	85, 188, 208	`rgb(85,188,208)`
RGB Percent	33.3, 73.7, 81.6	`rgb(33.3%,73.7%,81.6%)`
CMYK	59, 10, 0, 18
HSL	189.8°, 56.7, 57.5	`hsl(189.8,56.7%,57.5%)`
HSV (or HSB)	189.8°, 59.1, 81.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.18, -23.957, -19.054
XYZ	33.112, 42.449, 66.12
xyY	0.234, 0.3, 42.449
CIE-LCH	71.18, 30.61, 218.497
CIE-LUV	71.18, -41.907, -26.187
Hunter-Lab	65.153, -23.302, -14.562
Binary	01010101, 10111100, 11010000

#55bcd0
```
#55bcd0 rgb(85,188,208)
```
#d06955
```
#d06955 rgb(208,105,85)
```

Complementary Color

#55d0a7
```
#55d0a7 rgb(85,208,167)
```
#55bcd0
```
#55bcd0 rgb(85,188,208)
```
#557fd0
```
#557fd0 rgb(85,127,208)
```

Analogous Color

#d0a755
```
#d0a755 rgb(208,167,85)
```
#55bcd0
```
#55bcd0 rgb(85,188,208)
```
#d0557f
```
#d0557f rgb(208,85,127)
```

Split Complementary Color

#bcd055
```
#bcd055 rgb(188,208,85)
```
#55bcd0
```
#55bcd0 rgb(85,188,208)
```
#d055bc
```
#d055bc rgb(208,85,188)
```

Triadic Color

#55d069
```
#55d069 rgb(85,208,105)
```
#55bcd0
```
#55bcd0 rgb(85,188,208)
```
#d055bc
```
#d055bc rgb(208,85,188)
```
#d06955
```
#d06955 rgb(208,105,85)
```

Tetradic Color

#2f96aa
```
#2f96aa rgb(47,150,170)
```
#34a7be
```
#34a7be rgb(52,167,190)
```
#41b4ca
```
#41b4ca rgb(65,180,202)
```
#55bcd0
```
#55bcd0 rgb(85,188,208)
```
#69c4d6
```
#69c4d6 rgb(105,196,214)
```
#7dccdb
```
#7dccdb rgb(125,204,219)
```
#91d4e1
```
#91d4e1 rgb(145,212,225)
```

Monochromatic Color

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

#55d0c5
```
#55d0c5 rgb(85,208,197)
```
#55d0d0
```
#55d0d0 rgb(85,208,208)
```
#55c6d0
```
#55c6d0 rgb(85,198,208)
```
#55bcd0
```
#55bcd0 rgb(85,188,208)
```
#55b2d0
```
#55b2d0 rgb(85,178,208)
```
#55a8d0
```
#55a8d0 rgb(85,168,208)
```
#559dd0
```
#559dd0 rgb(85,157,208)
```

Similar Colors

Text with hexadecimal color #55bcd0

This text has a font color of #55bcd0.

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

#55bcd0 background color

This paragraph has a background color of #55bcd0.

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

#55bcd0 border color

This element has a border color of #55bcd0.

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

CSS codes

.text {color:#55bcd0;}

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

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

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, #040d0e is the darkest color, while #feffff is the lightest one.

#040d0e
```
#040d0e rgb(4,13,14)
```
#081a1e
```
#081a1e rgb(8,26,30)
```
#0c282d
```
#0c282d rgb(12,40,45)
```
#11353d
```
#11353d rgb(17,53,61)
```
#15434c
```
#15434c rgb(21,67,76)
```
#19515b
```
#19515b rgb(25,81,91)
```
#1d5e6b
```
#1d5e6b rgb(29,94,107)
```
#226c7a
```
#226c7a rgb(34,108,122)
```
#267989
```
#267989 rgb(38,121,137)
```
#2a8799
```
#2a8799 rgb(42,135,153)
```
#2e94a8
```
#2e94a8 rgb(46,148,168)
```
#33a2b7
```
#33a2b7 rgb(51,162,183)
```
#37afc7
```
#37afc7 rgb(55,175,199)
```

Shade Color Variation

#46b6cc
```
#46b6cc rgb(70,182,204)
```
#55bcd0
```
#55bcd0 rgb(85,188,208)
```
#64c2d4
```
#64c2d4 rgb(100,194,212)
```
#74c8d8
```
#74c8d8 rgb(116,200,216)
```
#83cedd
```
#83cedd rgb(131,206,221)
```
#92d4e1
```
#92d4e1 rgb(146,212,225)
```
#a2dae5
```
#a2dae5 rgb(162,218,229)
```
#b1e0e9
```
#b1e0e9 rgb(177,224,233)
```
#c1e6ee
```
#c1e6ee rgb(193,230,238)
```
#d0ecf2
```
#d0ecf2 rgb(208,236,242)
```
#dff3f6
```
#dff3f6 rgb(223,243,246)
```
#eff9fa
```
#eff9fa rgb(239,249,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9596 is the less saturated color, while #2bd8fa is the most saturated one.

#8f9596
```
#8f9596 rgb(143,149,150)
```
#879a9e
```
#879a9e rgb(135,154,158)
```
#7fa0a6
```
#7fa0a6 rgb(127,160,166)
```
#76a5af
```
#76a5af rgb(118,165,175)
```
#6eabb7
```
#6eabb7 rgb(110,171,183)
```
#66b1bf
```
#66b1bf rgb(102,177,191)
```
#5db6c8
```
#5db6c8 rgb(93,182,200)
```
#55bcd0
```
#55bcd0 rgb(85,188,208)
```
#4dc2d8
```
#4dc2d8 rgb(77,194,216)
```
#44c7e1
```
#44c7e1 rgb(68,199,225)
```
#3ccde9
```
#3ccde9 rgb(60,205,233)
```
#34d3f1
```
#34d3f1 rgb(52,211,241)
```
#2bd8fa
```
#2bd8fa rgb(43,216,250)
```

Tone Color Variation

Below, you can see how #55bcd0 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
#90a5a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb1c9 Protanopia 1% of men
#aeafd8 Deuteranopia 1% of men
#5bc0ce Tritanopia 0.001% of the population

Trichromacy

#8db5cc Protanomaly 1% of men, 0.01% of women
#8db3d5 Deuteranomaly 6% of men, 0.4% of women
#59bece Tritanomaly 0.01% of the population

#55bcd0 hex color

#55bcd0 Color Information

#55bcd0 Color Conversion

Color Schemes with #55bcd0

Alternatives to #55bcd0

#55bcd0 Preview

Shades and Tints of #55bcd0

Tones of #55bcd0

Color Blindness Simulator