#55b685 hex color

In a RGB color space, hex #55b685 is composed of 33.3% red, 71.4% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 0% magenta, 26.9% yellow and 28.6% black. It has a hue angle of 149.7 degrees, a saturation of 39.9% and a lightness of 52.4%. #55b685 color hex could be obtained by blending #aaffff with #006d0b. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 71
- B 52
RGB color chart
- C 53
- M 0
- Y 27
- K 29
CMYK color chart

● #55b685 color description : Moderate cyan - lime green.

The hexadecimal color #55b685 has RGB values of R:85, G:182, B:133 and CMYK values of C:0.53, M:0, Y:0.27, K:0.29. Its decimal value is 5617285.

Hex triplet	55b685	`#55b685`
RGB Decimal	85, 182, 133	`rgb(85,182,133)`
RGB Percent	33.3, 71.4, 52.2	`rgb(33.3%,71.4%,52.2%)`
CMYK	53, 0, 27, 29
HSL	149.7°, 39.9, 52.4	`hsl(149.7,39.9%,52.4%)`
HSV (or HSB)	149.7°, 53.3, 71.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	67.336, -40.108, 16.433
XYZ	24.706, 37.079, 28.044
xyY	0.275, 0.413, 37.079
CIE-LCH	67.336, 43.344, 157.72
CIE-LUV	67.336, -43.099, 29.296
Hunter-Lab	60.892, -34.138, 15.319
Binary	01010101, 10110110, 10000101

#55b685
```
#55b685 rgb(85,182,133)
```
#b65586
```
#b65586 rgb(182,85,134)
```

Complementary Color

#56b655
```
#56b655 rgb(86,182,85)
```
#55b685
```
#55b685 rgb(85,182,133)
```
#55b6b6
```
#55b6b6 rgb(85,182,182)
```

Analogous Color

#b65556
```
#b65556 rgb(182,85,86)
```
#55b685
```
#55b685 rgb(85,182,133)
```
#b655b6
```
#b655b6 rgb(182,85,182)
```

Split Complementary Color

#b68555
```
#b68555 rgb(182,133,85)
```
#55b685
```
#55b685 rgb(85,182,133)
```
#8555b6
```
#8555b6 rgb(133,85,182)
```

Triadic Color

#86b655
```
#86b655 rgb(134,182,85)
```
#55b685
```
#55b685 rgb(85,182,133)
```
#8555b6
```
#8555b6 rgb(133,85,182)
```
#b65586
```
#b65586 rgb(182,85,134)
```

Tetradic Color

#39855f
```
#39855f rgb(57,133,95)
```
#41976c
```
#41976c rgb(65,151,108)
```
#49a978
```
#49a978 rgb(73,169,120)
```
#55b685
```
#55b685 rgb(85,182,133)
```
#67be92
```
#67be92 rgb(103,190,146)
```
#79c59f
```
#79c59f rgb(121,197,159)
```
#8bcdab
```
#8bcdab rgb(139,205,171)
```

Monochromatic Color

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

#55b66d
```
#55b66d rgb(85,182,109)
```
#55b675
```
#55b675 rgb(85,182,117)
```
#55b67d
```
#55b67d rgb(85,182,125)
```
#55b685
```
#55b685 rgb(85,182,133)
```
#55b68d
```
#55b68d rgb(85,182,141)
```
#55b695
```
#55b695 rgb(85,182,149)
```
#55b69d
```
#55b69d rgb(85,182,157)
```

Similar Colors

Text with hexadecimal color #55b685

This text has a font color of #55b685.

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

#55b685 background color

This paragraph has a background color of #55b685.

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

#55b685 border color

This element has a border color of #55b685.

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

CSS codes

.text {color:#55b685;}

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

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

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

#040806
```
#040806 rgb(4,8,6)
```
#091610
```
#091610 rgb(9,22,16)
```
#0f241a
```
#0f241a rgb(15,36,26)
```
#153223
```
#153223 rgb(21,50,35)
```
#1b3f2d
```
#1b3f2d rgb(27,63,45)
```
#214d37
```
#214d37 rgb(33,77,55)
```
#275b41
```
#275b41 rgb(39,91,65)
```
#2d684a
```
#2d684a rgb(45,104,74)
```
#337654
```
#337654 rgb(51,118,84)
```
#39845e
```
#39845e rgb(57,132,94)
```
#3f9268
```
#3f9268 rgb(63,146,104)
```
#449f71
```
#449f71 rgb(68,159,113)
```
#4aad7b
```
#4aad7b rgb(74,173,123)
```

Shade Color Variation

#55b685
```
#55b685 rgb(85,182,133)
```
#63bc8f
```
#63bc8f rgb(99,188,143)
```
#70c299
```
#70c299 rgb(112,194,153)
```
#7ec8a3
```
#7ec8a3 rgb(126,200,163)
```
#8cceac
```
#8cceac rgb(140,206,172)
```
#9ad3b6
```
#9ad3b6 rgb(154,211,182)
```
#a7d9c0
```
#a7d9c0 rgb(167,217,192)
```
#b5dfca
```
#b5dfca rgb(181,223,202)
```
#c3e5d4
```
#c3e5d4 rgb(195,229,212)
```
#d1ebde
```
#d1ebde rgb(209,235,222)
```
#def1e7
```
#def1e7 rgb(222,241,231)
```
#ecf7f1
```
#ecf7f1 rgb(236,247,241)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

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

#848785
```
#848785 rgb(132,135,133)
```
#7a9185
```
#7a9185 rgb(122,145,133)
```
#719a85
```
#719a85 rgb(113,154,133)
```
#68a385
```
#68a385 rgb(104,163,133)
```
#5ead85
```
#5ead85 rgb(94,173,133)
```
#55b685
```
#55b685 rgb(85,182,133)
```
#4cbf85
```
#4cbf85 rgb(76,191,133)
```
#42c985
```
#42c985 rgb(66,201,133)
```
#39d285
```
#39d285 rgb(57,210,133)
```
#30db85
```
#30db85 rgb(48,219,133)
```
#26e585
```
#26e585 rgb(38,229,133)
```
#1dee84
```
#1dee84 rgb(29,238,132)
```
#14f784
```
#14f784 rgb(20,247,132)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#879a90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a883 Protanopia 1% of men
#c0a293 Deuteranopia 1% of men
#6fb2bf Tritanopia 0.001% of the population

Trichromacy

#91ad84 Protanomaly 1% of men, 0.01% of women
#99a98e Deuteranomaly 6% of men, 0.4% of women
#66b3aa Tritanomaly 0.01% of the population

#55b685 hex color

#55b685 Color Information

#55b685 Color Conversion

Color Schemes with #55b685

Alternatives to #55b685

#55b685 Preview

Shades and Tints of #55b685

Tones of #55b685

Color Blindness Simulator