#22b14f hex color

In a RGB color space, hex #22b14f is composed of 13.3% red, 69.4% green and 31% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 0% magenta, 55.4% yellow and 30.6% black. It has a hue angle of 138.9 degrees, a saturation of 67.8% and a lightness of 41.4%. #22b14f color hex could be obtained by blending #44ff9e with #006300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 13
- G 69
- B 31
RGB color chart
- C 81
- M 0
- Y 55
- K 31
CMYK color chart

● #22b14f color description : Dark cyan - lime green.

The hexadecimal color #22b14f has RGB values of R:34, G:177, B:79 and CMYK values of C:0.81, M:0, Y:0.55, K:0.31. Its decimal value is 2273615.

Hex triplet	22b14f	`#22b14f`
RGB Decimal	34, 177, 79	`rgb(34,177,79)`
RGB Percent	13.3, 69.4, 31	`rgb(13.3%,69.4%,31%)`
CMYK	81, 0, 55, 31
HSL	138.9°, 67.8, 41.4	`hsl(138.9,67.8%,41.4%)`
HSV (or HSB)	138.9°, 80.8, 69.4
Web Safe	339966	`#339966`

CIE-LAB	63.629, -57.206, 39.565
XYZ	17.792, 32.347, 12.703
xyY	0.283, 0.515, 32.347
CIE-LCH	63.629, 69.555, 145.331
CIE-LUV	63.629, -54.855, 57.637
Hunter-Lab	56.874, -43.69, 26.57
Binary	00100010, 10110001, 01001111

#22b14f
```
#22b14f rgb(34,177,79)
```
#b12284
```
#b12284 rgb(177,34,132)
```

Complementary Color

#3db122
```
#3db122 rgb(61,177,34)
```
#22b14f
```
#22b14f rgb(34,177,79)
```
#22b197
```
#22b197 rgb(34,177,151)
```

Analogous Color

#b1223c
```
#b1223c rgb(177,34,60)
```
#22b14f
```
#22b14f rgb(34,177,79)
```
#9722b1
```
#9722b1 rgb(151,34,177)
```

Split Complementary Color

#b14f22
```
#b14f22 rgb(177,79,34)
```
#22b14f
```
#22b14f rgb(34,177,79)
```
#4f22b1
```
#4f22b1 rgb(79,34,177)
```

Triadic Color

#84b122
```
#84b122 rgb(132,177,34)
```
#22b14f
```
#22b14f rgb(34,177,79)
```
#4f22b1
```
#4f22b1 rgb(79,34,177)
```
#b12284
```
#b12284 rgb(177,34,132)
```

Tetradic Color

#167132
```
#167132 rgb(22,113,50)
```
#1a863c
```
#1a863c rgb(26,134,60)
```
#1e9c45
```
#1e9c45 rgb(30,156,69)
```
#22b14f
```
#22b14f rgb(34,177,79)
```
#26c659
```
#26c659 rgb(38,198,89)
```
#2fd764
```
#2fd764 rgb(47,215,100)
```
#44db74
```
#44db74 rgb(68,219,116)
```

Monochromatic Color

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

#22b12b
```
#22b12b rgb(34,177,43)
```
#22b137
```
#22b137 rgb(34,177,55)
```
#22b143
```
#22b143 rgb(34,177,67)
```
#22b14f
```
#22b14f rgb(34,177,79)
```
#22b15b
```
#22b15b rgb(34,177,91)
```
#22b167
```
#22b167 rgb(34,177,103)
```
#22b173
```
#22b173 rgb(34,177,115)
```

Similar Colors

Text with hexadecimal color #22b14f

This text has a font color of #22b14f.

<span style="color:#22b14f;">Text here</span>

#22b14f background color

This paragraph has a background color of #22b14f.

<p style="background-color:#22b14f;">Content here</p>

#22b14f border color

This element has a border color of #22b14f.

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

CSS codes

.text {color:#22b14f;}

.background {background-color:#22b14f;}

.border {border:1px solid #22b14f;}

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

#020c06
```
#020c06 rgb(2,12,6)
```
#061d0d
```
#061d0d rgb(6,29,13)
```
#092d14
```
#092d14 rgb(9,45,20)
```
#0c3e1c
```
#0c3e1c rgb(12,62,28)
```
#0f4e23
```
#0f4e23 rgb(15,78,35)
```
#125f2a
```
#125f2a rgb(18,95,42)
```
#156f32
```
#156f32 rgb(21,111,50)
```
#198039
```
#198039 rgb(25,128,57)
```
#1c9040
```
#1c9040 rgb(28,144,64)
```
#1fa148
```
#1fa148 rgb(31,161,72)
```
#22b14f
```
#22b14f rgb(34,177,79)
```
#25c156
```
#25c156 rgb(37,193,86)
```
#28d25e
```
#28d25e rgb(40,210,94)
```

Shade Color Variation

#36d869
```
#36d869 rgb(54,216,105)
```
#46db75
```
#46db75 rgb(70,219,117)
```
#56df81
```
#56df81 rgb(86,223,129)
```
#67e28e
```
#67e28e rgb(103,226,142)
```
#77e59a
```
#77e59a rgb(119,229,154)
```
#88e8a6
```
#88e8a6 rgb(136,232,166)
```
#98ebb2
```
#98ebb2 rgb(152,235,178)
```
#a9eebf
```
#a9eebf rgb(169,238,191)
```
#b9f2cb
```
#b9f2cb rgb(185,242,203)
```
#caf5d7
```
#caf5d7 rgb(202,245,215)
```
#daf8e3
```
#daf8e3 rgb(218,248,227)
```
#ebfbf0
```
#ebfbf0 rgb(235,251,240)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#637067
```
#637067 rgb(99,112,103)
```
#5b7864
```
#5b7864 rgb(91,120,100)
```
#538061
```
#538061 rgb(83,128,97)
```
#4b885e
```
#4b885e rgb(75,136,94)
```
#42915b
```
#42915b rgb(66,145,91)
```
#3a9958
```
#3a9958 rgb(58,153,88)
```
#32a155
```
#32a155 rgb(50,161,85)
```
#2aa952
```
#2aa952 rgb(42,169,82)
```
#22b14f
```
#22b14f rgb(34,177,79)
```
#1ab94c
```
#1ab94c rgb(26,185,76)
```
#12c149
```
#12c149 rgb(18,193,73)
```
#0ac946
```
#0ac946 rgb(10,201,70)
```
#02d143
```
#02d143 rgb(2,209,67)
```

Tone Color Variation

Below, you can see how #22b14f 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

#7b7b7b Achromatopsia 0.005% of the population
#698672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9f51 Protanopia 1% of men
#bf9862 Deuteranopia 1% of men
#59aab7 Tritanopia 0.001% of the population

Trichromacy

#7ca550 Protanomaly 1% of men, 0.01% of women
#86a15b Deuteranomaly 6% of men, 0.4% of women
#45ad91 Tritanomaly 0.01% of the population

#22b14f hex color

#22b14f Color Information

#22b14f Color Conversion

Color Schemes with #22b14f

Alternatives to #22b14f

#22b14f Preview

Shades and Tints of #22b14f

Tones of #22b14f

Color Blindness Simulator