#55b676 hex color

In a RGB color space, hex #55b676 is composed of 33.3% red, 71.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 0% magenta, 35.2% yellow and 28.6% black. It has a hue angle of 140.4 degrees, a saturation of 39.9% and a lightness of 52.4%. #55b676 color hex could be obtained by blending #aaffec with #006d00. Closest websafe color is: #66cc66.

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

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

The hexadecimal color #55b676 has RGB values of R:85, G:182, B:118 and CMYK values of C:0.53, M:0, Y:0.35, K:0.29. Its decimal value is 5617270.

Hex triplet	55b676	`#55b676`
RGB Decimal	85, 182, 118	`rgb(85,182,118)`
RGB Percent	33.3, 71.4, 46.3	`rgb(33.3%,71.4%,46.3%)`
CMYK	53, 0, 35, 29
HSL	140.4°, 39.9, 52.4	`hsl(140.4,39.9%,52.4%)`
HSV (or HSB)	140.4°, 53.3, 71.4
Web Safe	66cc66	`#66cc66`

CIE-LAB	67.046, -43.062, 24.124
XYZ	23.743, 36.693, 22.97
xyY	0.285, 0.44, 36.693
CIE-LCH	67.046, 49.359, 150.742
CIE-LUV	67.046, -43.713, 39.409
Hunter-Lab	60.575, -36.042, 19.92
Binary	01010101, 10110110, 01110110

#55b676
```
#55b676 rgb(85,182,118)
```
#b65595
```
#b65595 rgb(182,85,149)
```

Complementary Color

#65b655
```
#65b655 rgb(101,182,85)
```
#55b676
```
#55b676 rgb(85,182,118)
```
#55b6a7
```
#55b6a7 rgb(85,182,167)
```

Analogous Color

#b65565
```
#b65565 rgb(182,85,101)
```
#55b676
```
#55b676 rgb(85,182,118)
```
#a755b6
```
#a755b6 rgb(167,85,182)
```

Split Complementary Color

#b67655
```
#b67655 rgb(182,118,85)
```
#55b676
```
#55b676 rgb(85,182,118)
```
#7655b6
```
#7655b6 rgb(118,85,182)
```

Triadic Color

#95b655
```
#95b655 rgb(149,182,85)
```
#55b676
```
#55b676 rgb(85,182,118)
```
#7655b6
```
#7655b6 rgb(118,85,182)
```
#b65595
```
#b65595 rgb(182,85,149)
```

Tetradic Color

#398553
```
#398553 rgb(57,133,83)
```
#41975e
```
#41975e rgb(65,151,94)
```
#49a969
```
#49a969 rgb(73,169,105)
```
#55b676
```
#55b676 rgb(85,182,118)
```
#67be84
```
#67be84 rgb(103,190,132)
```
#79c593
```
#79c593 rgb(121,197,147)
```
#8bcda1
```
#8bcda1 rgb(139,205,161)
```

Monochromatic Color

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

#55b65e
```
#55b65e rgb(85,182,94)
```
#55b666
```
#55b666 rgb(85,182,102)
```
#55b66e
```
#55b66e rgb(85,182,110)
```
#55b676
```
#55b676 rgb(85,182,118)
```
#55b67e
```
#55b67e rgb(85,182,126)
```
#55b686
```
#55b686 rgb(85,182,134)
```
#55b68e
```
#55b68e rgb(85,182,142)
```

Similar Colors

Text with hexadecimal color #55b676

This text has a font color of #55b676.

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

#55b676 background color

This paragraph has a background color of #55b676.

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

#55b676 border color

This element has a border color of #55b676.

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

CSS codes

.text {color:#55b676;}

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

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

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

#040805
```
#040805 rgb(4,8,5)
```
#09160e
```
#09160e rgb(9,22,14)
```
#0f2416
```
#0f2416 rgb(15,36,22)
```
#15321f
```
#15321f rgb(21,50,31)
```
#1b3f27
```
#1b3f27 rgb(27,63,39)
```
#214d30
```
#214d30 rgb(33,77,48)
```
#275b39
```
#275b39 rgb(39,91,57)
```
#2d6841
```
#2d6841 rgb(45,104,65)
```
#33764a
```
#33764a rgb(51,118,74)
```
#398452
```
#398452 rgb(57,132,82)
```
#3f925b
```
#3f925b rgb(63,146,91)
```
#449f63
```
#449f63 rgb(68,159,99)
```
#4aad6c
```
#4aad6c rgb(74,173,108)
```

Shade Color Variation

#55b676
```
#55b676 rgb(85,182,118)
```
#63bc81
```
#63bc81 rgb(99,188,129)
```
#70c28c
```
#70c28c rgb(112,194,140)
```
#7ec897
```
#7ec897 rgb(126,200,151)
```
#8ccea2
```
#8ccea2 rgb(140,206,162)
```
#9ad3ad
```
#9ad3ad rgb(154,211,173)
```
#a7d9b8
```
#a7d9b8 rgb(167,217,184)
```
#b5dfc3
```
#b5dfc3 rgb(181,223,195)
```
#c3e5ce
```
#c3e5ce rgb(195,229,206)
```
#d1ebda
```
#d1ebda rgb(209,235,218)
```
#def1e5
```
#def1e5 rgb(222,241,229)
```
#ecf7f0
```
#ecf7f0 rgb(236,247,240)
```
#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 #14f761 is the most saturated one.

#848785
```
#848785 rgb(132,135,133)
```
#7a9182
```
#7a9182 rgb(122,145,130)
```
#719a7f
```
#719a7f rgb(113,154,127)
```
#68a37c
```
#68a37c rgb(104,163,124)
```
#5ead79
```
#5ead79 rgb(94,173,121)
```
#55b676
```
#55b676 rgb(85,182,118)
```
#4cbf73
```
#4cbf73 rgb(76,191,115)
```
#42c970
```
#42c970 rgb(66,201,112)
```
#39d26d
```
#39d26d rgb(57,210,109)
```
#30db6a
```
#30db6a rgb(48,219,106)
```
#26e567
```
#26e567 rgb(38,229,103)
```
#1dee64
```
#1dee64 rgb(29,238,100)
```
#14f761
```
#14f761 rgb(20,247,97)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#86998c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a775 Protanopia 1% of men
#c3a185 Deuteranopia 1% of men
#72b1be Tritanopia 0.001% of the population

Trichromacy

#92ac75 Protanomaly 1% of men, 0.01% of women
#9ba97f Deuteranomaly 6% of men, 0.4% of women
#67b3a4 Tritanomaly 0.01% of the population

#55b676 hex color

#55b676 Color Information

#55b676 Color Conversion

Color Schemes with #55b676

Alternatives to #55b676

#55b676 Preview

Shades and Tints of #55b676

Tones of #55b676

Color Blindness Simulator