#55b2cd hex color

In a RGB color space, hex #55b2cd is composed of 33.3% red, 69.8% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 13.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 193.5 degrees, a saturation of 54.5% and a lightness of 56.9%. #55b2cd color hex could be obtained by blending #aaffff with #00659b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 70
- B 80
RGB color chart
- C 59
- M 13
- Y 0
- K 20
CMYK color chart

● #55b2cd color description : Moderate cyan.

The hexadecimal color #55b2cd has RGB values of R:85, G:178, B:205 and CMYK values of C:0.59, M:0.13, Y:0, K:0.2. Its decimal value is 5616333.

Hex triplet	55b2cd	`#55b2cd`
RGB Decimal	85, 178, 205	`rgb(85,178,205)`
RGB Percent	33.3, 69.8, 80.4	`rgb(33.3%,69.8%,80.4%)`
CMYK	59, 13, 0, 20
HSL	193.5°, 54.5, 56.9	`hsl(193.5,54.5%,56.9%)`
HSV (or HSB)	193.5°, 58.5, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.151, -19.724, -22.014
XYZ	30.683, 38.178, 63.506
xyY	0.232, 0.288, 38.178
CIE-LCH	68.151, 29.557, 228.14
CIE-LUV	68.151, -38.308, -31.469
Hunter-Lab	61.788, -19.488, -17.687
Binary	01010101, 10110010, 11001101

#55b2cd
```
#55b2cd rgb(85,178,205)
```
#cd7055
```
#cd7055 rgb(205,112,85)
```

Complementary Color

#55cdac
```
#55cdac rgb(85,205,172)
```
#55b2cd
```
#55b2cd rgb(85,178,205)
```
#5576cd
```
#5576cd rgb(85,118,205)
```

Analogous Color

#cdac55
```
#cdac55 rgb(205,172,85)
```
#55b2cd
```
#55b2cd rgb(85,178,205)
```
#cd5576
```
#cd5576 rgb(205,85,118)
```

Split Complementary Color

#b2cd55
```
#b2cd55 rgb(178,205,85)
```
#55b2cd
```
#55b2cd rgb(85,178,205)
```
#cd55b2
```
#cd55b2 rgb(205,85,178)
```

Triadic Color

#55cd70
```
#55cd70 rgb(85,205,112)
```
#55b2cd
```
#55b2cd rgb(85,178,205)
```
#cd55b2
```
#cd55b2 rgb(205,85,178)
```
#cd7055
```
#cd7055 rgb(205,112,85)
```

Tetradic Color

#318ba5
```
#318ba5 rgb(49,139,165)
```
#369bb9
```
#369bb9 rgb(54,155,185)
```
#41a9c7
```
#41a9c7 rgb(65,169,199)
```
#55b2cd
```
#55b2cd rgb(85,178,205)
```
#69bbd3
```
#69bbd3 rgb(105,187,211)
```
#7cc4d9
```
#7cc4d9 rgb(124,196,217)
```
#90cdde
```
#90cdde rgb(144,205,222)
```

Monochromatic Color

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

#55cdca
```
#55cdca rgb(85,205,202)
```
#55c6cd
```
#55c6cd rgb(85,198,205)
```
#55bccd
```
#55bccd rgb(85,188,205)
```
#55b2cd
```
#55b2cd rgb(85,178,205)
```
#55a8cd
```
#55a8cd rgb(85,168,205)
```
#559ecd
```
#559ecd rgb(85,158,205)
```
#5594cd
```
#5594cd rgb(85,148,205)
```

Similar Colors

Text with hexadecimal color #55b2cd

This text has a font color of #55b2cd.

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

#55b2cd background color

This paragraph has a background color of #55b2cd.

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

#55b2cd border color

This element has a border color of #55b2cd.

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

CSS codes

.text {color:#55b2cd;}

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

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

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, #030a0c is the darkest color, while #fcfefe is the lightest one.

#030a0c
```
#030a0c rgb(3,10,12)
```
#08171b
```
#08171b rgb(8,23,27)
```
#0c242a
```
#0c242a rgb(12,36,42)
```
#113039
```
#113039 rgb(17,48,57)
```
#153d49
```
#153d49 rgb(21,61,73)
```
#1a4a58
```
#1a4a58 rgb(26,74,88)
```
#1e5767
```
#1e5767 rgb(30,87,103)
```
#236376
```
#236376 rgb(35,99,118)
```
#277085
```
#277085 rgb(39,112,133)
```
#2c7d94
```
#2c7d94 rgb(44,125,148)
```
#308aa3
```
#308aa3 rgb(48,138,163)
```
#3596b3
```
#3596b3 rgb(53,150,179)
```
#39a3c2
```
#39a3c2 rgb(57,163,194)
```

Shade Color Variation

#46abc9
```
#46abc9 rgb(70,171,201)
```
#55b2cd
```
#55b2cd rgb(85,178,205)
```
#64b9d1
```
#64b9d1 rgb(100,185,209)
```
#73c0d6
```
#73c0d6 rgb(115,192,214)
```
#82c7da
```
#82c7da rgb(130,199,218)
```
#92cddf
```
#92cddf rgb(146,205,223)
```
#a1d4e3
```
#a1d4e3 rgb(161,212,227)
```
#b0dbe8
```
#b0dbe8 rgb(176,219,232)
```
#bfe2ec
```
#bfe2ec rgb(191,226,236)
```
#cee9f1
```
#cee9f1 rgb(206,233,241)
```
#ddf0f5
```
#ddf0f5 rgb(221,240,245)
```
#edf7fa
```
#edf7fa rgb(237,247,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#909192
```
#909192 rgb(144,145,146)
```
#88969a
```
#88969a rgb(136,150,154)
```
#7f9ba3
```
#7f9ba3 rgb(127,155,163)
```
#779fab
```
#779fab rgb(119,159,171)
```
#6ea4b4
```
#6ea4b4 rgb(110,164,180)
```
#66a9bc
```
#66a9bc rgb(102,169,188)
```
#5dadc5
```
#5dadc5 rgb(93,173,197)
```
#55b2cd
```
#55b2cd rgb(85,178,205)
```
#4db7d5
```
#4db7d5 rgb(77,183,213)
```
#44bbde
```
#44bbde rgb(68,187,222)
```
#3cc0e6
```
#3cc0e6 rgb(60,192,230)
```
#33c5ef
```
#33c5ef rgb(51,197,239)
```
#2bc9f7
```
#2bc9f7 rgb(43,201,247)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8b9ea3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a9c7 Protanopia 1% of men
#a3a7d4 Deuteranopia 1% of men
#58b7c5 Tritanopia 0.001% of the population

Trichromacy

#87acc9 Protanomaly 1% of men, 0.01% of women
#86abd2 Deuteranomaly 6% of men, 0.4% of women
#57b5c8 Tritanomaly 0.01% of the population

#55b2cd hex color

#55b2cd Color Information

#55b2cd Color Conversion

Color Schemes with #55b2cd

Alternatives to #55b2cd

#55b2cd Preview

Shades and Tints of #55b2cd

Tones of #55b2cd

Color Blindness Simulator