#55b5d4 hex color

In a RGB color space, hex #55b5d4 is composed of 33.3% red, 71% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 14.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 194.6 degrees, a saturation of 59.6% and a lightness of 58.2%. #55b5d4 color hex could be obtained by blending #aaffff with #006ba9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 71
- B 83
RGB color chart
- C 60
- M 15
- Y 0
- K 17
CMYK color chart

● #55b5d4 color description : Moderate cyan.

The hexadecimal color #55b5d4 has RGB values of R:85, G:181, B:212 and CMYK values of C:0.6, M:0.15, Y:0, K:0.17. Its decimal value is 5617108.

Hex triplet	55b5d4	`#55b5d4`
RGB Decimal	85, 181, 212	`rgb(85,181,212)`
RGB Percent	33.3, 71, 83.1	`rgb(33.3%,71%,83.1%)`
CMYK	60, 15, 0, 17
HSL	194.6°, 59.6, 58.2	`hsl(194.6,59.6%,58.2%)`
HSV (or HSB)	194.6°, 59.9, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.277, -19.192, -24.141
XYZ	32.151, 39.73, 68.258
xyY	0.229, 0.284, 39.73
CIE-LCH	69.277, 30.84, 231.515
CIE-LUV	69.277, -39.115, -35.138
Hunter-Lab	63.032, -19.258, -20.084
Binary	01010101, 10110101, 11010100

#55b5d4
```
#55b5d4 rgb(85,181,212)
```
#d47455
```
#d47455 rgb(212,116,85)
```

Complementary Color

#55d4b4
```
#55d4b4 rgb(85,212,180)
```
#55b5d4
```
#55b5d4 rgb(85,181,212)
```
#5576d4
```
#5576d4 rgb(85,118,212)
```

Analogous Color

#d4b455
```
#d4b455 rgb(212,180,85)
```
#55b5d4
```
#55b5d4 rgb(85,181,212)
```
#d45576
```
#d45576 rgb(212,85,118)
```

Split Complementary Color

#b5d455
```
#b5d455 rgb(181,212,85)
```
#55b5d4
```
#55b5d4 rgb(85,181,212)
```
#d455b5
```
#d455b5 rgb(212,85,181)
```

Triadic Color

#55d474
```
#55d474 rgb(85,212,116)
```
#55b5d4
```
#55b5d4 rgb(85,181,212)
```
#d455b5
```
#d455b5 rgb(212,85,181)
```
#d47455
```
#d47455 rgb(212,116,85)
```

Tetradic Color

#2d90b0
```
#2d90b0 rgb(45,144,176)
```
#32a1c4
```
#32a1c4 rgb(50,161,196)
```
#41accf
```
#41accf rgb(65,172,207)
```
#55b5d4
```
#55b5d4 rgb(85,181,212)
```
#69bed9
```
#69bed9 rgb(105,190,217)
```
#7ec7de
```
#7ec7de rgb(126,199,222)
```
#92d0e3
```
#92d0e3 rgb(146,208,227)
```

Monochromatic Color

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

#55d4d3
```
#55d4d3 rgb(85,212,211)
```
#55cad4
```
#55cad4 rgb(85,202,212)
```
#55c0d4
```
#55c0d4 rgb(85,192,212)
```
#55b5d4
```
#55b5d4 rgb(85,181,212)
```
#55aad4
```
#55aad4 rgb(85,170,212)
```
#55a0d4
```
#55a0d4 rgb(85,160,212)
```
#5595d4
```
#5595d4 rgb(85,149,212)
```

Similar Colors

Text with hexadecimal color #55b5d4

This text has a font color of #55b5d4.

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

#55b5d4 background color

This paragraph has a background color of #55b5d4.

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

#55b5d4 border color

This element has a border color of #55b5d4.

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

CSS codes

.text {color:#55b5d4;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#050f12
```
#050f12 rgb(5,15,18)
```
#081b22
```
#081b22 rgb(8,27,34)
```
#0c2831
```
#0c2831 rgb(12,40,49)
```
#103541
```
#103541 rgb(16,53,65)
```
#144250
```
#144250 rgb(20,66,80)
```
#184f60
```
#184f60 rgb(24,79,96)
```
#1c5b70
```
#1c5b70 rgb(28,91,112)
```
#20687f
```
#20687f rgb(32,104,127)
```
#24758f
```
#24758f rgb(36,117,143)
```
#28829f
```
#28829f rgb(40,130,159)
```
#2c8fae
```
#2c8fae rgb(44,143,174)
```
#309bbe
```
#309bbe rgb(48,155,190)
```

Shade Color Variation

#36a7cc
```
#36a7cc rgb(54,167,204)
```
#45aed0
```
#45aed0 rgb(69,174,208)
```
#55b5d4
```
#55b5d4 rgb(85,181,212)
```
#65bcd8
```
#65bcd8 rgb(101,188,216)
```
#74c3dc
```
#74c3dc rgb(116,195,220)
```
#84c9e0
```
#84c9e0 rgb(132,201,224)
```
#94d0e4
```
#94d0e4 rgb(148,208,228)
```
#a3d7e8
```
#a3d7e8 rgb(163,215,232)
```
#b3deec
```
#b3deec rgb(179,222,236)
```
#c3e5f0
```
#c3e5f0 rgb(195,229,240)
```
#d2ecf4
```
#d2ecf4 rgb(210,236,244)
```
#e2f2f8
```
#e2f2f8 rgb(226,242,248)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#8e989b
```
#8e989b rgb(142,152,155)
```
#869ca3
```
#869ca3 rgb(134,156,163)
```
#7ea0ab
```
#7ea0ab rgb(126,160,171)
```
#76a4b3
```
#76a4b3 rgb(118,164,179)
```
#6ea8bb
```
#6ea8bb rgb(110,168,187)
```
#65adc4
```
#65adc4 rgb(101,173,196)
```
#5db1cc
```
#5db1cc rgb(93,177,204)
```
#55b5d4
```
#55b5d4 rgb(85,181,212)
```
#4db9dc
```
#4db9dc rgb(77,185,220)
```
#45bde4
```
#45bde4 rgb(69,189,228)
```
#3cc2ed
```
#3cc2ed rgb(60,194,237)
```
#34c6f5
```
#34c6f5 rgb(52,198,245)
```
#2ccafd
```
#2ccafd rgb(44,202,253)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ea1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5acce Protanopia 1% of men
#a3aadb Deuteranopia 1% of men
#56bbc8 Tritanopia 0.001% of the population

Trichromacy

#88afd0 Protanomaly 1% of men, 0.01% of women
#87aed8 Deuteranomaly 6% of men, 0.4% of women
#55b8cc Tritanomaly 0.01% of the population

#55b5d4 hex color

#55b5d4 Color Information

#55b5d4 Color Conversion

Color Schemes with #55b5d4

Alternatives to #55b5d4

#55b5d4 Preview

Shades and Tints of #55b5d4

Tones of #55b5d4

Color Blindness Simulator