#228a1f hex color

In a RGB color space, hex #228a1f is composed of 13.3% red, 54.1% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 0% magenta, 77.5% yellow and 45.9% black. It has a hue angle of 118.3 degrees, a saturation of 63.3% and a lightness of 33.1%. #228a1f color hex could be obtained by blending #44ff3e with #001500. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 13
- G 54
- B 12
RGB color chart
- C 75
- M 0
- Y 78
- K 46
CMYK color chart

● #228a1f color description : Dark lime green.

The hexadecimal color #228a1f has RGB values of R:34, G:138, B:31 and CMYK values of C:0.75, M:0, Y:0.78, K:0.46. Its decimal value is 2263583.

Hex triplet	228a1f	`#228a1f`
RGB Decimal	34, 138, 31	`rgb(34,138,31)`
RGB Percent	13.3, 54.1, 12.2	`rgb(13.3%,54.1%,12.2%)`
CMYK	75, 0, 78, 46
HSL	118.3°, 63.3, 33.1	`hsl(118.3,63.3%,33.1%)`
HSV (or HSB)	118.3°, 77.5, 54.1
Web Safe	339933	`#339933`

CIE-LAB	50.234, -49.487, 45.759
XYZ	9.995, 18.615, 4.363
xyY	0.303, 0.565, 18.615
CIE-LCH	50.234, 67.401, 137.241
CIE-LUV	50.234, -42.833, 56.064
Hunter-Lab	43.145, -34.153, 24.207
Binary	00100010, 10001010, 00011111

#228a1f
```
#228a1f rgb(34,138,31)
```
#871f8a
```
#871f8a rgb(135,31,138)
```

Complementary Color

#588a1f
```
#588a1f rgb(88,138,31)
```
#228a1f
```
#228a1f rgb(34,138,31)
```
#1f8a51
```
#1f8a51 rgb(31,138,81)
```

Analogous Color

#8a1f58
```
#8a1f58 rgb(138,31,88)
```
#228a1f
```
#228a1f rgb(34,138,31)
```
#511f8a
```
#511f8a rgb(81,31,138)
```

Split Complementary Color

#8a1f22
```
#8a1f22 rgb(138,31,34)
```
#228a1f
```
#228a1f rgb(34,138,31)
```
#1f228a
```
#1f228a rgb(31,34,138)
```

Triadic Color

#8a871f
```
#8a871f rgb(138,135,31)
```
#228a1f
```
#228a1f rgb(34,138,31)
```
#1f228a
```
#1f228a rgb(31,34,138)
```
#871f8a
```
#871f8a rgb(135,31,138)
```

Tetradic Color

#134c11
```
#134c11 rgb(19,76,17)
```
#186016
```
#186016 rgb(24,96,22)
```
#1d751a
```
#1d751a rgb(29,117,26)
```
#228a1f
```
#228a1f rgb(34,138,31)
```
#279f24
```
#279f24 rgb(39,159,36)
```
#2cb428
```
#2cb428 rgb(44,180,40)
```
#31c82d
```
#31c82d rgb(49,200,45)
```

Monochromatic Color

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

#3d8a1f
```
#3d8a1f rgb(61,138,31)
```
#348a1f
```
#348a1f rgb(52,138,31)
```
#2b8a1f
```
#2b8a1f rgb(43,138,31)
```
#228a1f
```
#228a1f rgb(34,138,31)
```
#1f8a25
```
#1f8a25 rgb(31,138,37)
```
#1f8a2e
```
#1f8a2e rgb(31,138,46)
```
#1f8a37
```
#1f8a37 rgb(31,138,55)
```

Similar Colors

Text with hexadecimal color #228a1f

This text has a font color of #228a1f.

<span style="color:#228a1f;">Text here</span>

#228a1f background color

This paragraph has a background color of #228a1f.

<p style="background-color:#228a1f;">Content here</p>

#228a1f border color

This element has a border color of #228a1f.

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

CSS codes

.text {color:#228a1f;}

.background {background-color:#228a1f;}

.border {border:1px solid #228a1f;}

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, #020a02 is the darkest color, while #f9fef9 is the lightest one.

#020a02
```
#020a02 rgb(2,10,2)
```
#061a06
```
#061a06 rgb(6,26,6)
```
#0a2a09
```
#0a2a09 rgb(10,42,9)
```
#0e3a0d
```
#0e3a0d rgb(14,58,13)
```
#124a11
```
#124a11 rgb(18,74,17)
```
#165a14
```
#165a14 rgb(22,90,20)
```
#1a6a18
```
#1a6a18 rgb(26,106,24)
```
#1e7a1b
```
#1e7a1b rgb(30,122,27)
```
#228a1f
```
#228a1f rgb(34,138,31)
```
#269a23
```
#269a23 rgb(38,154,35)
```
#2aaa26
```
#2aaa26 rgb(42,170,38)
```
#2eba2a
```
#2eba2a rgb(46,186,42)
```
#32ca2d
```
#32ca2d rgb(50,202,45)
```

Shade Color Variation

#3dd239
```
#3dd239 rgb(61,210,57)
```
#4dd649
```
#4dd649 rgb(77,214,73)
```
#5cda59
```
#5cda59 rgb(92,218,89)
```
#6cdd69
```
#6cdd69 rgb(108,221,105)
```
#7ce179
```
#7ce179 rgb(124,225,121)
```
#8be489
```
#8be489 rgb(139,228,137)
```
#9be899
```
#9be899 rgb(155,232,153)
```
#abeca9
```
#abeca9 rgb(171,236,169)
```
#baefb9
```
#baefb9 rgb(186,239,185)
```
#caf3c9
```
#caf3c9 rgb(202,243,201)
```
#daf6d9
```
#daf6d9 rgb(218,246,217)
```
#e9fae9
```
#e9fae9 rgb(233,250,233)
```
#f9fef9
```
#f9fef9 rgb(249,254,249)
```

Tint Color Variation

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

#535653
```
#535653 rgb(83,86,83)
```
#4d5d4d
```
#4d5d4d rgb(77,93,77)
```
#476346
```
#476346 rgb(71,99,70)
```
#416a40
```
#416a40 rgb(65,106,64)
```
#3b7039
```
#3b7039 rgb(59,112,57)
```
#347733
```
#347733 rgb(52,119,51)
```
#2e7d2c
```
#2e7d2c rgb(46,125,44)
```
#288426
```
#288426 rgb(40,132,38)
```
#228a1f
```
#228a1f rgb(34,138,31)
```
#1c9119
```
#1c9119 rgb(28,145,25)
```
#169712
```
#169712 rgb(22,151,18)
```
#109e0c
```
#109e0c rgb(16,158,12)
```
#09a405
```
#09a405 rgb(9,164,5)
```

Tone Color Variation

Below, you can see how #228a1f 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

#5f5f5f Achromatopsia 0.005% of the population
#536852 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7e26 Protanopia 1% of men
#9c7836 Deuteranopia 1% of men
#4e8690 Tritanopia 0.001% of the population

Trichromacy

#668223 Protanomaly 1% of men, 0.01% of women
#6f7f2d Deuteranomaly 6% of men, 0.4% of women
#3e8867 Tritanomaly 0.01% of the population

#228a1f hex color

#228a1f Color Information

#228a1f Color Conversion

Color Schemes with #228a1f

Alternatives to #228a1f

#228a1f Preview

Shades and Tints of #228a1f

Tones of #228a1f

Color Blindness Simulator