#55b228 hex color

In a RGB color space, hex #55b228 is composed of 33.3% red, 69.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 0% magenta, 77.5% yellow and 30.2% black. It has a hue angle of 100.4 degrees, a saturation of 63.3% and a lightness of 42.7%. #55b228 color hex could be obtained by blending #aaff50 with #006500. Closest websafe color is: #669933.

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

● #55b228 color description : Dark green.

The hexadecimal color #55b228 has RGB values of R:85, G:178, B:40 and CMYK values of C:0.52, M:0, Y:0.78, K:0.3. Its decimal value is 5616168.

Hex triplet	55b228	`#55b228`
RGB Decimal	85, 178, 40	`rgb(85,178,40)`
RGB Percent	33.3, 69.8, 15.7	`rgb(33.3%,69.8%,15.7%)`
CMYK	52, 0, 78, 30
HSL	100.4°, 63.3, 42.7	`hsl(100.4,63.3%,42.7%)`
HSV (or HSB)	100.4°, 77.5, 69.8
Web Safe	669933	`#669933`

CIE-LAB	64.902, -51.079, 57.506
XYZ	20.049, 33.924, 7.499
xyY	0.326, 0.552, 33.924
CIE-LCH	64.902, 76.916, 131.612
CIE-LUV	64.902, -44.212, 72.028
Hunter-Lab	58.244, -40.484, 33.137
Binary	01010101, 10110010, 00101000

#55b228
```
#55b228 rgb(85,178,40)
```
#8528b2
```
#8528b2 rgb(133,40,178)
```

Complementary Color

#9ab228
```
#9ab228 rgb(154,178,40)
```
#55b228
```
#55b228 rgb(85,178,40)
```
#28b240
```
#28b240 rgb(40,178,64)
```

Analogous Color

#b2289a
```
#b2289a rgb(178,40,154)
```
#55b228
```
#55b228 rgb(85,178,40)
```
#4028b2
```
#4028b2 rgb(64,40,178)
```

Split Complementary Color

#b22855
```
#b22855 rgb(178,40,85)
```
#55b228
```
#55b228 rgb(85,178,40)
```
#2855b2
```
#2855b2 rgb(40,85,178)
```

Triadic Color

#b28528
```
#b28528 rgb(178,133,40)
```
#55b228
```
#55b228 rgb(85,178,40)
```
#2855b2
```
#2855b2 rgb(40,85,178)
```
#8528b2
```
#8528b2 rgb(133,40,178)
```

Tetradic Color

#37741a
```
#37741a rgb(55,116,26)
```
#41881f
```
#41881f rgb(65,136,31)
```
#4b9d23
```
#4b9d23 rgb(75,157,35)
```
#55b228
```
#55b228 rgb(85,178,40)
```
#5fc72d
```
#5fc72d rgb(95,199,45)
```
#6cd33a
```
#6cd33a rgb(108,211,58)
```
#7cd74f
```
#7cd74f rgb(124,215,79)
```

Monochromatic Color

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

#78b228
```
#78b228 rgb(120,178,40)
```
#6cb228
```
#6cb228 rgb(108,178,40)
```
#61b228
```
#61b228 rgb(97,178,40)
```
#55b228
```
#55b228 rgb(85,178,40)
```
#4ab228
```
#4ab228 rgb(74,178,40)
```
#3eb228
```
#3eb228 rgb(62,178,40)
```
#33b228
```
#33b228 rgb(51,178,40)
```

Similar Colors

Text with hexadecimal color #55b228

This text has a font color of #55b228.

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

#55b228 background color

This paragraph has a background color of #55b228.

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

#55b228 border color

This element has a border color of #55b228.

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

CSS codes

.text {color:#55b228;}

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

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

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

#010200
```
#010200 rgb(1,2,0)
```
#091204
```
#091204 rgb(9,18,4)
```
#102208
```
#102208 rgb(16,34,8)
```
#18320b
```
#18320b rgb(24,50,11)
```
#1f420f
```
#1f420f rgb(31,66,15)
```
#275212
```
#275212 rgb(39,82,18)
```
#2f6216
```
#2f6216 rgb(47,98,22)
```
#36721a
```
#36721a rgb(54,114,26)
```
#3e821d
```
#3e821d rgb(62,130,29)
```
#469221
```
#469221 rgb(70,146,33)
```
#4da224
```
#4da224 rgb(77,162,36)
```
#55b228
```
#55b228 rgb(85,178,40)
```
#5dc22c
```
#5dc22c rgb(93,194,44)
```

Shade Color Variation

#65d131
```
#65d131 rgb(101,209,49)
```
#71d441
```
#71d441 rgb(113,212,65)
```
#7dd851
```
#7dd851 rgb(125,216,81)
```
#89db61
```
#89db61 rgb(137,219,97)
```
#95df71
```
#95df71 rgb(149,223,113)
```
#a1e381
```
#a1e381 rgb(161,227,129)
```
#ade691
```
#ade691 rgb(173,230,145)
```
#b9eaa1
```
#b9eaa1 rgb(185,234,161)
```
#c5edb1
```
#c5edb1 rgb(197,237,177)
```
#d0f1c1
```
#d0f1c1 rgb(208,241,193)
```
#dcf5d1
```
#dcf5d1 rgb(220,245,209)
```
#e8f8e1
```
#e8f8e1 rgb(232,248,225)
```
#f4fcf1
```
#f4fcf1 rgb(244,252,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6f6b is the less saturated color, while #49d406 is the most saturated one.

#6c6f6b
```
#6c6f6b rgb(108,111,107)
```
#697763
```
#697763 rgb(105,119,99)
```
#66805a
```
#66805a rgb(102,128,90)
```
#648852
```
#648852 rgb(100,136,82)
```
#61904a
```
#61904a rgb(97,144,74)
```
#5e9941
```
#5e9941 rgb(94,153,65)
```
#5ba139
```
#5ba139 rgb(91,161,57)
```
#58aa30
```
#58aa30 rgb(88,170,48)
```
#55b228
```
#55b228 rgb(85,178,40)
```
#52ba20
```
#52ba20 rgb(82,186,32)
```
#4fc317
```
#4fc317 rgb(79,195,23)
```
#4ccb0f
```
#4ccb0f rgb(76,203,15)
```
#49d406
```
#49d406 rgb(73,212,6)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7c8f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a22e Protanopia 1% of men
#c89b41 Deuteranopia 1% of men
#78aab6 Tritanopia 0.001% of the population

Trichromacy

#92a82b Protanomaly 1% of men, 0.01% of women
#9ea338 Deuteranomaly 6% of men, 0.4% of women
#6bad82 Tritanomaly 0.01% of the population

#55b228 hex color

#55b228 Color Information

#55b228 Color Conversion

Color Schemes with #55b228

Alternatives to #55b228

#55b228 Preview

Shades and Tints of #55b228

Tones of #55b228

Color Blindness Simulator