#55b7a4 hex color

In a RGB color space, hex #55b7a4 is composed of 33.3% red, 71.8% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 0% magenta, 10.4% yellow and 28.2% black. It has a hue angle of 168.4 degrees, a saturation of 40.5% and a lightness of 52.5%. #55b7a4 color hex could be obtained by blending #aaffff with #006f49. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 72
- B 64
RGB color chart
- C 54
- M 0
- Y 10
- K 28
CMYK color chart

● #55b7a4 color description : Moderate cyan.

The hexadecimal color #55b7a4 has RGB values of R:85, G:183, B:164 and CMYK values of C:0.54, M:0, Y:0.1, K:0.28. Its decimal value is 5617572.

Hex triplet	55b7a4	`#55b7a4`
RGB Decimal	85, 183, 164	`rgb(85,183,164)`
RGB Percent	33.3, 71.8, 64.3	`rgb(33.3%,71.8%,64.3%)`
CMYK	54, 0, 10, 28
HSL	168.4°, 40.5, 52.5	`hsl(168.4,40.5%,52.5%)`
HSV (or HSB)	168.4°, 53.6, 71.8
Web Safe	66cc99	`#66cc99`

CIE-LAB	68.37, -33.453, 0.921
XYZ	27.379, 38.477, 41.104
xyY	0.256, 0.36, 38.477
CIE-LCH	68.37, 33.465, 178.423
CIE-LUV	68.37, -42.108, 6.614
Hunter-Lab	62.03, -29.765, 4.132
Binary	01010101, 10110111, 10100100

#55b7a4
```
#55b7a4 rgb(85,183,164)
```
#b75568
```
#b75568 rgb(183,85,104)
```

Complementary Color

#55b773
```
#55b773 rgb(85,183,115)
```
#55b7a4
```
#55b7a4 rgb(85,183,164)
```
#5599b7
```
#5599b7 rgb(85,153,183)
```

Analogous Color

#b77355
```
#b77355 rgb(183,115,85)
```
#55b7a4
```
#55b7a4 rgb(85,183,164)
```
#b75599
```
#b75599 rgb(183,85,153)
```

Split Complementary Color

#b7a455
```
#b7a455 rgb(183,164,85)
```
#55b7a4
```
#55b7a4 rgb(85,183,164)
```
#a455b7
```
#a455b7 rgb(164,85,183)
```

Triadic Color

#68b755
```
#68b755 rgb(104,183,85)
```
#55b7a4
```
#55b7a4 rgb(85,183,164)
```
#a455b7
```
#a455b7 rgb(164,85,183)
```
#b75568
```
#b75568 rgb(183,85,104)
```

Tetradic Color

#398777
```
#398777 rgb(57,135,119)
```
#419887
```
#419887 rgb(65,152,135)
```
#48aa97
```
#48aa97 rgb(72,170,151)
```
#55b7a4
```
#55b7a4 rgb(85,183,164)
```
#67bfae
```
#67bfae rgb(103,191,174)
```
#79c6b7
```
#79c6b7 rgb(121,198,183)
```
#8bcec1
```
#8bcec1 rgb(139,206,193)
```

Monochromatic Color

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

#55b78c
```
#55b78c rgb(85,183,140)
```
#55b794
```
#55b794 rgb(85,183,148)
```
#55b79c
```
#55b79c rgb(85,183,156)
```
#55b7a4
```
#55b7a4 rgb(85,183,164)
```
#55b7ac
```
#55b7ac rgb(85,183,172)
```
#55b7b4
```
#55b7b4 rgb(85,183,180)
```
#55b2b7
```
#55b2b7 rgb(85,178,183)
```

Similar Colors

Text with hexadecimal color #55b7a4

This text has a font color of #55b7a4.

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

#55b7a4 background color

This paragraph has a background color of #55b7a4.

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

#55b7a4 border color

This element has a border color of #55b7a4.

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

CSS codes

.text {color:#55b7a4;}

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

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

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

#040908
```
#040908 rgb(4,9,8)
```
#0a1714
```
#0a1714 rgb(10,23,20)
```
#102521
```
#102521 rgb(16,37,33)
```
#15322d
```
#15322d rgb(21,50,45)
```
#1b4039
```
#1b4039 rgb(27,64,57)
```
#214e45
```
#214e45 rgb(33,78,69)
```
#275c52
```
#275c52 rgb(39,92,82)
```
#2d6a5e
```
#2d6a5e rgb(45,106,94)
```
#33776a
```
#33776a rgb(51,119,106)
```
#388576
```
#388576 rgb(56,133,118)
```
#3e9383
```
#3e9383 rgb(62,147,131)
```
#44a18f
```
#44a18f rgb(68,161,143)
```
#4aae9b
```
#4aae9b rgb(74,174,155)
```

Shade Color Variation

#55b7a4
```
#55b7a4 rgb(85,183,164)
```
#63bdab
```
#63bdab rgb(99,189,171)
```
#71c3b3
```
#71c3b3 rgb(113,195,179)
```
#7ec9ba
```
#7ec9ba rgb(126,201,186)
```
#8ccec2
```
#8ccec2 rgb(140,206,194)
```
#9ad4c9
```
#9ad4c9 rgb(154,212,201)
```
#a8dad0
```
#a8dad0 rgb(168,218,208)
```
#b5e0d8
```
#b5e0d8 rgb(181,224,216)
```
#c3e6df
```
#c3e6df rgb(195,230,223)
```
#d1ece6
```
#d1ece6 rgb(209,236,230)
```
#dff1ee
```
#dff1ee rgb(223,241,238)
```
#edf7f5
```
#edf7f5 rgb(237,247,245)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#848888
```
#848888 rgb(132,136,136)
```
#7a928d
```
#7a928d rgb(122,146,141)
```
#719b93
```
#719b93 rgb(113,155,147)
```
#68a499
```
#68a499 rgb(104,164,153)
```
#5eae9e
```
#5eae9e rgb(94,174,158)
```
#55b7a4
```
#55b7a4 rgb(85,183,164)
```
#4cc0aa
```
#4cc0aa rgb(76,192,170)
```
#42caaf
```
#42caaf rgb(66,202,175)
```
#39d3b5
```
#39d3b5 rgb(57,211,181)
```
#30dcbb
```
#30dcbb rgb(48,220,187)
```
#26e6c0
```
#26e6c0 rgb(38,230,192)
```
#1defc6
```
#1defc6 rgb(29,239,198)
```
#14f8cc
```
#14f8cc rgb(20,248,204)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8b9e9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0aaa0 Protanopia 1% of men
#b8a6af Deuteranopia 1% of men
#69b6c3 Tritanopia 0.001% of the population

Trichromacy

#8fafa1 Protanomaly 1% of men, 0.01% of women
#94acab Deuteranomaly 6% of men, 0.4% of women
#61b6b8 Tritanomaly 0.01% of the population

#55b7a4 hex color

#55b7a4 Color Information

#55b7a4 Color Conversion

Color Schemes with #55b7a4

Alternatives to #55b7a4

#55b7a4 Preview

Shades and Tints of #55b7a4

Tones of #55b7a4

Color Blindness Simulator