#305222 hex color

In a RGB color space, hex #305222 is composed of 18.8% red, 32.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 41.5% cyan, 0% magenta, 58.5% yellow and 67.8% black. It has a hue angle of 102.5 degrees, a saturation of 41.4% and a lightness of 22.7%. #305222 color hex could be obtained by blending #60a444 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 32
- B 13
RGB color chart
- C 41
- M 0
- Y 59
- K 68
CMYK color chart

● #305222 color description : Very dark desaturated green.

The hexadecimal color #305222 has RGB values of R:48, G:82, B:34 and CMYK values of C:0.41, M:0, Y:0.59, K:0.68. Its decimal value is 3166754.

Hex triplet	305222	`#305222`
RGB Decimal	48, 82, 34	`rgb(48,82,34)`
RGB Percent	18.8, 32.2, 13.3	`rgb(18.8%,32.2%,13.3%)`
CMYK	41, 0, 59, 68
HSL	102.5°, 41.4, 22.7	`hsl(102.5,41.4%,22.7%)`
HSV (or HSB)	102.5°, 58.5, 32.2
Web Safe	336633	`#336633`

CIE-LAB	31.297, -22.652, 24.078
XYZ	4.525, 6.778, 2.583
xyY	0.326, 0.488, 6.778
CIE-LCH	31.297, 33.058, 133.252
CIE-LUV	31.297, -15.869, 27.272
Hunter-Lab	26.035, -14.539, 12.342
Binary	00110000, 01010010, 00100010

#305222
```
#305222 rgb(48,82,34)
```
#442252
```
#442252 rgb(68,34,82)
```

Complementary Color

#485222
```
#485222 rgb(72,82,34)
```
#305222
```
#305222 rgb(48,82,34)
```
#22522c
```
#22522c rgb(34,82,44)
```

Analogous Color

#522248
```
#522248 rgb(82,34,72)
```
#305222
```
#305222 rgb(48,82,34)
```
#2c2252
```
#2c2252 rgb(44,34,82)
```

Split Complementary Color

#522230
```
#522230 rgb(82,34,48)
```
#305222
```
#305222 rgb(48,82,34)
```
#223052
```
#223052 rgb(34,48,82)
```

Triadic Color

#524422
```
#524422 rgb(82,68,34)
```
#305222
```
#305222 rgb(48,82,34)
```
#223052
```
#223052 rgb(34,48,82)
```
#442252
```
#442252 rgb(68,34,82)
```

Tetradic Color

#101c0c
```
#101c0c rgb(16,28,12)
```
#1b2e13
```
#1b2e13 rgb(27,46,19)
```
#25401b
```
#25401b rgb(37,64,27)
```
#305222
```
#305222 rgb(48,82,34)
```
#3b6429
```
#3b6429 rgb(59,100,41)
```
#457631
```
#457631 rgb(69,118,49)
```
#508838
```
#508838 rgb(80,136,56)
```

Monochromatic Color

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

#3c5222
```
#3c5222 rgb(60,82,34)
```
#385222
```
#385222 rgb(56,82,34)
```
#345222
```
#345222 rgb(52,82,34)
```
#305222
```
#305222 rgb(48,82,34)
```
#2c5222
```
#2c5222 rgb(44,82,34)
```
#285222
```
#285222 rgb(40,82,34)
```
#245222
```
#245222 rgb(36,82,34)
```

Similar Colors

Text with hexadecimal color #305222

This text has a font color of #305222.

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

#305222 background color

This paragraph has a background color of #305222.

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

#305222 border color

This element has a border color of #305222.

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

CSS codes

.text {color:#305222;}

.background {background-color:#305222;}

.border {border:1px solid #305222;}

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, #070d05 is the darkest color, while #fefffe is the lightest one.

#070d05
```
#070d05 rgb(7,13,5)
```
#101b0b
```
#101b0b rgb(16,27,11)
```
#182811
```
#182811 rgb(24,40,17)
```
#203617
```
#203617 rgb(32,54,23)
```
#28441c
```
#28441c rgb(40,68,28)
```
#305222
```
#305222 rgb(48,82,34)
```
#386028
```
#386028 rgb(56,96,40)
```
#406e2d
```
#406e2d rgb(64,110,45)
```
#487c33
```
#487c33 rgb(72,124,51)
```
#508939
```
#508939 rgb(80,137,57)
```
#59973f
```
#59973f rgb(89,151,63)
```
#61a544
```
#61a544 rgb(97,165,68)
```
#69b34a
```
#69b34a rgb(105,179,74)
```

Shade Color Variation

#74ba57
```
#74ba57 rgb(116,186,87)
```
#80bf65
```
#80bf65 rgb(128,191,101)
```
#8bc573
```
#8bc573 rgb(139,197,115)
```
#97cb81
```
#97cb81 rgb(151,203,129)
```
#a2d18f
```
#a2d18f rgb(162,209,143)
```
#aed69d
```
#aed69d rgb(174,214,157)
```
#b9dcab
```
#b9dcab rgb(185,220,171)
```
#c5e2b8
```
#c5e2b8 rgb(197,226,184)
```
#d0e8c6
```
#d0e8c6 rgb(208,232,198)
```
#dcedd4
```
#dcedd4 rgb(220,237,212)
```
#e7f3e2
```
#e7f3e2 rgb(231,243,226)
```
#f3f9f0
```
#f3f9f0 rgb(243,249,240)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#393c38
```
#393c38 rgb(57,60,56)
```
#374034
```
#374034 rgb(55,64,52)
```
#36452f
```
#36452f rgb(54,69,47)
```
#34492b
```
#34492b rgb(52,73,43)
```
#324e26
```
#324e26 rgb(50,78,38)
```
#305222
```
#305222 rgb(48,82,34)
```
#2e561e
```
#2e561e rgb(46,86,30)
```
#2c5b19
```
#2c5b19 rgb(44,91,25)
```
#2a5f15
```
#2a5f15 rgb(42,95,21)
```
#296410
```
#296410 rgb(41,100,16)
```
#27680c
```
#27680c rgb(39,104,12)
```
#256d07
```
#256d07 rgb(37,109,7)
```
#237103
```
#237103 rgb(35,113,3)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3e453c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b532b Protanopia 1% of men
#644f31 Deuteranopia 1% of men
#44555c Tritanopia 0.001% of the population

Trichromacy

#4b5227 Protanomaly 1% of men, 0.01% of women
#51502b Deuteranomaly 6% of men, 0.4% of women
#3c5447 Tritanomaly 0.01% of the population

#305222 hex color

#305222 Color Information

#305222 Color Conversion

Color Schemes with #305222

Alternatives to #305222

#305222 Preview

Shades and Tints of #305222

Tones of #305222

Color Blindness Simulator