#55b218 hex color

In a RGB color space, hex #55b218 is composed of 33.3% red, 69.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 0% magenta, 86.5% yellow and 30.2% black. It has a hue angle of 96.2 degrees, a saturation of 76.2% and a lightness of 39.6%. #55b218 color hex could be obtained by blending #aaff30 with #006500. Closest websafe color is: #669900.

♥
- f
- t
- g
- R 33
- G 70
- B 9
RGB color chart
- C 52
- M 0
- Y 87
- K 30
CMYK color chart

● #55b218 color description : Dark green.

The hexadecimal color #55b218 has RGB values of R:85, G:178, B:24 and CMYK values of C:0.52, M:0, Y:0.87, K:0.3. Its decimal value is 5616152.

Hex triplet	55b218	`#55b218`
RGB Decimal	85, 178, 24	`rgb(85,178,24)`
RGB Percent	33.3, 69.8, 9.4	`rgb(33.3%,69.8%,9.4%)`
CMYK	52, 0, 87, 30
HSL	96.2°, 76.2, 39.6	`hsl(96.2,76.2%,39.6%)`
HSV (or HSB)	96.2°, 86.5, 69.8
Web Safe	669900	`#669900`

CIE-LAB	64.833, -51.863, 61.806
XYZ	19.831, 33.837, 6.35
xyY	0.33, 0.564, 33.837
CIE-LCH	64.833, 80.683, 130.001
CIE-LUV	64.833, -44.395, 74.987
Hunter-Lab	58.169, -40.943, 34.246
Binary	01010101, 10110010, 00011000

#55b218
```
#55b218 rgb(85,178,24)
```
#7518b2
```
#7518b2 rgb(117,24,178)
```

Complementary Color

#a2b218
```
#a2b218 rgb(162,178,24)
```
#55b218
```
#55b218 rgb(85,178,24)
```
#18b228
```
#18b228 rgb(24,178,40)
```

Analogous Color

#b218a2
```
#b218a2 rgb(178,24,162)
```
#55b218
```
#55b218 rgb(85,178,24)
```
#2818b2
```
#2818b2 rgb(40,24,178)
```

Split Complementary Color

#b21855
```
#b21855 rgb(178,24,85)
```
#55b218
```
#55b218 rgb(85,178,24)
```
#1855b2
```
#1855b2 rgb(24,85,178)
```

Triadic Color

#b27518
```
#b27518 rgb(178,117,24)
```
#55b218
```
#55b218 rgb(85,178,24)
```
#1855b2
```
#1855b2 rgb(24,85,178)
```
#7518b2
```
#7518b2 rgb(117,24,178)
```

Tetradic Color

#356f0f
```
#356f0f rgb(53,111,15)
```
#408512
```
#408512 rgb(64,133,18)
```
#4a9c15
```
#4a9c15 rgb(74,156,21)
```
#55b218
```
#55b218 rgb(85,178,24)
```
#60c81b
```
#60c81b rgb(96,200,27)
```
#6adf1e
```
#6adf1e rgb(106,223,30)
```
#79e333
```
#79e333 rgb(121,227,51)
```

Monochromatic Color

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

#7cb218
```
#7cb218 rgb(124,178,24)
```
#6fb218
```
#6fb218 rgb(111,178,24)
```
#62b218
```
#62b218 rgb(98,178,24)
```
#55b218
```
#55b218 rgb(85,178,24)
```
#48b218
```
#48b218 rgb(72,178,24)
```
#3bb218
```
#3bb218 rgb(59,178,24)
```
#2fb218
```
#2fb218 rgb(47,178,24)
```

Similar Colors

Text with hexadecimal color #55b218

This text has a font color of #55b218.

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

#55b218 background color

This paragraph has a background color of #55b218.

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

#55b218 border color

This element has a border color of #55b218.

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

CSS codes

.text {color:#55b218;}

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

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

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

#020501
```
#020501 rgb(2,5,1)
```
#0b1603
```
#0b1603 rgb(11,22,3)
```
#132805
```
#132805 rgb(19,40,5)
```
#1b3908
```
#1b3908 rgb(27,57,8)
```
#234a0a
```
#234a0a rgb(35,74,10)
```
#2c5c0c
```
#2c5c0c rgb(44,92,12)
```
#346d0f
```
#346d0f rgb(52,109,15)
```
#3c7e11
```
#3c7e11 rgb(60,126,17)
```
#448f13
```
#448f13 rgb(68,143,19)
```
#4da116
```
#4da116 rgb(77,161,22)
```
#55b218
```
#55b218 rgb(85,178,24)
```
#5dc31a
```
#5dc31a rgb(93,195,26)
```
#66d51d
```
#66d51d rgb(102,213,29)
```

Shade Color Variation

#6fe123
```
#6fe123 rgb(111,225,35)
```
#7ae435
```
#7ae435 rgb(122,228,53)
```
#85e646
```
#85e646 rgb(133,230,70)
```
#91e857
```
#91e857 rgb(145,232,87)
```
#9ceb69
```
#9ceb69 rgb(156,235,105)
```
#a7ed7a
```
#a7ed7a rgb(167,237,122)
```
#b3ef8b
```
#b3ef8b rgb(179,239,139)
```
#bef29c
```
#bef29c rgb(190,242,156)
```
#caf4ae
```
#caf4ae rgb(202,244,174)
```
#d5f6bf
```
#d5f6bf rgb(213,246,191)
```
#e0f9d0
```
#e0f9d0 rgb(224,249,208)
```
#ecfbe2
```
#ecfbe2 rgb(236,251,226)
```
#f7fdf3
```
#f7fdf3 rgb(247,253,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646c5e is the less saturated color, while #50c901 is the most saturated one.

#646c5e
```
#646c5e rgb(100,108,94)
```
#627456
```
#627456 rgb(98,116,86)
```
#607c4e
```
#607c4e rgb(96,124,78)
```
#5f8347
```
#5f8347 rgb(95,131,71)
```
#5d8b3f
```
#5d8b3f rgb(93,139,63)
```
#5b9337
```
#5b9337 rgb(91,147,55)
```
#5a9b2f
```
#5a9b2f rgb(90,155,47)
```
#58a228
```
#58a228 rgb(88,162,40)
```
#57aa20
```
#57aa20 rgb(87,170,32)
```
#55b218
```
#55b218 rgb(85,178,24)
```
#53ba10
```
#53ba10 rgb(83,186,16)
```
#52c208
```
#52c208 rgb(82,194,8)
```
#50c901
```
#50c901 rgb(80,201,1)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7b8e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a21e Protanopia 1% of men
#c99a36 Deuteranopia 1% of men
#79aab6 Tritanopia 0.001% of the population

Trichromacy

#92a81c Protanomaly 1% of men, 0.01% of women
#9fa32b Deuteranomaly 6% of men, 0.4% of women
#6cac7c Tritanomaly 0.01% of the population

#55b218 hex color

#55b218 Color Information

#55b218 Color Conversion

Color Schemes with #55b218

Alternatives to #55b218

#55b218 Preview

Shades and Tints of #55b218

Tones of #55b218

Color Blindness Simulator