#55bac4 hex color

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

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

● #55bac4 color description : Moderate cyan.

The hexadecimal color #55bac4 has RGB values of R:85, G:186, B:196 and CMYK values of C:0.57, M:0.05, Y:0, K:0.23. Its decimal value is 5618372.

Hex triplet	55bac4	`#55bac4`
RGB Decimal	85, 186, 196	`rgb(85,186,196)`
RGB Percent	33.3, 72.9, 76.9	`rgb(33.3%,72.9%,76.9%)`
CMYK	57, 5, 0, 23
HSL	185.4°, 48.5, 55.1	`hsl(185.4,48.5%,55.1%)`
HSV (or HSB)	185.4°, 56.6, 76.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.199, -26.389, -13.967
XYZ	31.266, 41.032, 58.494
xyY	0.239, 0.314, 41.032
CIE-LCH	70.199, 29.857, 207.89
CIE-LUV	70.199, -41.737, -17.526
Hunter-Lab	64.056, -24.972, -9.302
Binary	01010101, 10111010, 11000100

#55bac4
```
#55bac4 rgb(85,186,196)
```
#c45f55
```
#c45f55 rgb(196,95,85)
```

Complementary Color

#55c497
```
#55c497 rgb(85,196,151)
```
#55bac4
```
#55bac4 rgb(85,186,196)
```
#5583c4
```
#5583c4 rgb(85,131,196)
```

Analogous Color

#c49755
```
#c49755 rgb(196,151,85)
```
#55bac4
```
#55bac4 rgb(85,186,196)
```
#c45583
```
#c45583 rgb(196,85,131)
```

Split Complementary Color

#bac455
```
#bac455 rgb(186,196,85)
```
#55bac4
```
#55bac4 rgb(85,186,196)
```
#c455ba
```
#c455ba rgb(196,85,186)
```

Triadic Color

#55c45f
```
#55c45f rgb(85,196,95)
```
#55bac4
```
#55bac4 rgb(85,186,196)
```
#c455ba
```
#c455ba rgb(196,85,186)
```
#c45f55
```
#c45f55 rgb(196,95,85)
```

Tetradic Color

#358f98
```
#358f98 rgb(53,143,152)
```
#3ba1ab
```
#3ba1ab rgb(59,161,171)
```
#42b2bd
```
#42b2bd rgb(66,178,189)
```
#55bac4
```
#55bac4 rgb(85,186,196)
```
#68c2cb
```
#68c2cb rgb(104,194,203)
```
#7bc9d1
```
#7bc9d1 rgb(123,201,209)
```
#8ed1d8
```
#8ed1d8 rgb(142,209,216)
```

Monochromatic Color

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

#55c4b2
```
#55c4b2 rgb(85,196,178)
```
#55c4bc
```
#55c4bc rgb(85,196,188)
```
#55c3c4
```
#55c3c4 rgb(85,195,196)
```
#55bac4
```
#55bac4 rgb(85,186,196)
```
#55b1c4
```
#55b1c4 rgb(85,177,196)
```
#55a8c4
```
#55a8c4 rgb(85,168,196)
```
#559ec4
```
#559ec4 rgb(85,158,196)
```

Similar Colors

Text with hexadecimal color #55bac4

This text has a font color of #55bac4.

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

#55bac4 background color

This paragraph has a background color of #55bac4.

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

#55bac4 border color

This element has a border color of #55bac4.

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

CSS codes

.text {color:#55bac4;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#071213
```
#071213 rgb(7,18,19)
```
#0c2022
```
#0c2022 rgb(12,32,34)
```
#112e30
```
#112e30 rgb(17,46,48)
```
#163b3f
```
#163b3f rgb(22,59,63)
```
#1b494e
```
#1b494e rgb(27,73,78)
```
#20575c
```
#20575c rgb(32,87,92)
```
#25646b
```
#25646b rgb(37,100,107)
```
#2a7279
```
#2a7279 rgb(42,114,121)
```
#2f8088
```
#2f8088 rgb(47,128,136)
```
#348e96
```
#348e96 rgb(52,142,150)
```
#399ba5
```
#399ba5 rgb(57,155,165)
```
#3ea9b3
```
#3ea9b3 rgb(62,169,179)
```

Shade Color Variation

#46b4bf
```
#46b4bf rgb(70,180,191)
```
#55bac4
```
#55bac4 rgb(85,186,196)
```
#64c0c9
```
#64c0c9 rgb(100,192,201)
```
#72c6ce
```
#72c6ce rgb(114,198,206)
```
#81ccd3
```
#81ccd3 rgb(129,204,211)
```
#8fd2d8
```
#8fd2d8 rgb(143,210,216)
```
#9ed8dd
```
#9ed8dd rgb(158,216,221)
```
#acdde2
```
#acdde2 rgb(172,221,226)
```
#bbe3e7
```
#bbe3e7 rgb(187,227,231)
```
#c9e9ec
```
#c9e9ec rgb(201,233,236)
```
#d8eff1
```
#d8eff1 rgb(216,239,241)
```
#e7f5f7
```
#e7f5f7 rgb(231,245,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 #20e5f9 is the most saturated one.

#8a8f8f
```
#8a8f8f rgb(138,143,143)
```
#819698
```
#819698 rgb(129,150,152)
```
#789da1
```
#789da1 rgb(120,157,161)
```
#6fa4aa
```
#6fa4aa rgb(111,164,170)
```
#67acb2
```
#67acb2 rgb(103,172,178)
```
#5eb3bb
```
#5eb3bb rgb(94,179,187)
```
#55bac4
```
#55bac4 rgb(85,186,196)
```
#4cc1cd
```
#4cc1cd rgb(76,193,205)
```
#43c8d6
```
#43c8d6 rgb(67,200,214)
```
#3bd0de
```
#3bd0de rgb(59,208,222)
```
#32d7e7
```
#32d7e7 rgb(50,215,231)
```
#29def0
```
#29def0 rgb(41,222,240)
```
#20e5f9
```
#20e5f9 rgb(32,229,249)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8fa3a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeaebe Protanopia 1% of men
#b1accd Deuteranopia 1% of men
#5fbcca Tritanopia 0.001% of the population

Trichromacy

#8db2c0 Protanomaly 1% of men, 0.01% of women
#8fb1ca Deuteranomaly 6% of men, 0.4% of women
#5bbbc8 Tritanomaly 0.01% of the population

#55bac4 hex color

#55bac4 Color Information

#55bac4 Color Conversion

Color Schemes with #55bac4

Alternatives to #55bac4

#55bac4 Preview

Shades and Tints of #55bac4

Tones of #55bac4

Color Blindness Simulator