#55bec4 hex color

In a RGB color space, hex #55bec4 is composed of 33.3% red, 74.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 3.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 183.2 degrees, a saturation of 48.5% and a lightness of 55.1%. #55bec4 color hex could be obtained by blending #aaffff with #007d89. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 75
- B 77
RGB color chart
- C 57
- M 3
- Y 0
- K 23
CMYK color chart

● #55bec4 color description : Moderate cyan.

The hexadecimal color #55bec4 has RGB values of R:85, G:190, B:196 and CMYK values of C:0.57, M:0.03, Y:0, K:0.23. Its decimal value is 5619396.

Hex triplet	55bec4	`#55bec4`
RGB Decimal	85, 190, 196	`rgb(85,190,196)`
RGB Percent	33.3, 74.5, 76.9	`rgb(33.3%,74.5%,76.9%)`
CMYK	57, 3, 0, 23
HSL	183.2°, 48.5, 55.1	`hsl(183.2,48.5%,55.1%)`
HSV (or HSB)	183.2°, 56.6, 76.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.379, -28.361, -12.195
XYZ	32.121, 42.741, 58.779
xyY	0.24, 0.32, 42.741
CIE-LCH	71.379, 30.872, 203.267
CIE-LUV	71.379, -43.249, -14.435
Hunter-Lab	65.377, -26.709, -7.542
Binary	01010101, 10111110, 11000100

#55bec4
```
#55bec4 rgb(85,190,196)
```
#c45b55
```
#c45b55 rgb(196,91,85)
```

Complementary Color

#55c493
```
#55c493 rgb(85,196,147)
```
#55bec4
```
#55bec4 rgb(85,190,196)
```
#5587c4
```
#5587c4 rgb(85,135,196)
```

Analogous Color

#c49355
```
#c49355 rgb(196,147,85)
```
#55bec4
```
#55bec4 rgb(85,190,196)
```
#c45587
```
#c45587 rgb(196,85,135)
```

Split Complementary Color

#bec455
```
#bec455 rgb(190,196,85)
```
#55bec4
```
#55bec4 rgb(85,190,196)
```
#c455be
```
#c455be rgb(196,85,190)
```

Triadic Color

#55c45b
```
#55c45b rgb(85,196,91)
```
#55bec4
```
#55bec4 rgb(85,190,196)
```
#c455be
```
#c455be rgb(196,85,190)
```
#c45b55
```
#c45b55 rgb(196,91,85)
```

Tetradic Color

#359298
```
#359298 rgb(53,146,152)
```
#3ba5ab
```
#3ba5ab rgb(59,165,171)
```
#42b7bd
```
#42b7bd rgb(66,183,189)
```
#55bec4
```
#55bec4 rgb(85,190,196)
```
#68c5cb
```
#68c5cb rgb(104,197,203)
```
#7bccd1
```
#7bccd1 rgb(123,204,209)
```
#8ed4d8
```
#8ed4d8 rgb(142,212,216)
```

Monochromatic Color

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

#55c4ae
```
#55c4ae rgb(85,196,174)
```
#55c4b8
```
#55c4b8 rgb(85,196,184)
```
#55c4c1
```
#55c4c1 rgb(85,196,193)
```
#55bec4
```
#55bec4 rgb(85,190,196)
```
#55b5c4
```
#55b5c4 rgb(85,181,196)
```
#55acc4
```
#55acc4 rgb(85,172,196)
```
#55a2c4
```
#55a2c4 rgb(85,162,196)
```

Similar Colors

Text with hexadecimal color #55bec4

This text has a font color of #55bec4.

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

#55bec4 background color

This paragraph has a background color of #55bec4.

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

#55bec4 border color

This element has a border color of #55bec4.

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

CSS codes

.text {color:#55bec4;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#071313
```
#071313 rgb(7,19,19)
```
#0c2122
```
#0c2122 rgb(12,33,34)
```
#112f30
```
#112f30 rgb(17,47,48)
```
#163d3f
```
#163d3f rgb(22,61,63)
```
#1b4b4e
```
#1b4b4e rgb(27,75,78)
```
#20595c
```
#20595c rgb(32,89,92)
```
#25676b
```
#25676b rgb(37,103,107)
```
#2a7579
```
#2a7579 rgb(42,117,121)
```
#2f8388
```
#2f8388 rgb(47,131,136)
```
#349196
```
#349196 rgb(52,145,150)
```
#399fa5
```
#399fa5 rgb(57,159,165)
```
#3eadb3
```
#3eadb3 rgb(62,173,179)
```

Shade Color Variation

#46b8bf
```
#46b8bf rgb(70,184,191)
```
#55bec4
```
#55bec4 rgb(85,190,196)
```
#64c4c9
```
#64c4c9 rgb(100,196,201)
```
#72c9ce
```
#72c9ce rgb(114,201,206)
```
#81cfd3
```
#81cfd3 rgb(129,207,211)
```
#8fd4d8
```
#8fd4d8 rgb(143,212,216)
```
#9edadd
```
#9edadd rgb(158,218,221)
```
#acdfe2
```
#acdfe2 rgb(172,223,226)
```
#bbe5e7
```
#bbe5e7 rgb(187,229,231)
```
#c9ebec
```
#c9ebec rgb(201,235,236)
```
#d8f0f1
```
#d8f0f1 rgb(216,240,241)
```
#e7f6f7
```
#e7f6f7 rgb(231,246,247)
```
#f5fbfc
```
#f5fbfc rgb(245,251,252)
```

Tint Color Variation

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

#8a8f8f
```
#8a8f8f rgb(138,143,143)
```
#819798
```
#819798 rgb(129,151,152)
```
#789fa1
```
#789fa1 rgb(120,159,161)
```
#6fa6aa
```
#6fa6aa rgb(111,166,170)
```
#67aeb2
```
#67aeb2 rgb(103,174,178)
```
#5eb6bb
```
#5eb6bb rgb(94,182,187)
```
#55bec4
```
#55bec4 rgb(85,190,196)
```
#4cc6cd
```
#4cc6cd rgb(76,198,205)
```
#43ced6
```
#43ced6 rgb(67,206,214)
```
#3bd6de
```
#3bd6de rgb(59,214,222)
```
#32dde7
```
#32dde7 rgb(50,221,231)
```
#29e5f0
```
#29e5f0 rgb(41,229,240)
```
#20edf9
```
#20edf9 rgb(32,237,249)
```

Tone Color Variation

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

Dichromacy

#b2b1be Protanopia 1% of men
#b5aecd Deuteranopia 1% of men
#61c0ce Tritanopia 0.001% of the population

Trichromacy

#90b6c0 Protanomaly 1% of men, 0.01% of women
#92b4ca Deuteranomaly 6% of men, 0.4% of women
#5cbfca Tritanomaly 0.01% of the population

#55bec4 hex color

#55bec4 Color Information

#55bec4 Color Conversion

Color Schemes with #55bec4

Alternatives to #55bec4

#55bec4 Preview

Shades and Tints of #55bec4

Tones of #55bec4

Color Blindness Simulator