#305f22 hex color

In a RGB color space, hex #305f22 is composed of 18.8% red, 37.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 0% magenta, 64.2% yellow and 62.7% black. It has a hue angle of 106.2 degrees, a saturation of 47.3% and a lightness of 25.3%. #305f22 color hex could be obtained by blending #60be44 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 37
- B 13
RGB color chart
- C 49
- M 0
- Y 64
- K 63
CMYK color chart

● #305f22 color description : Very dark lime green.

The hexadecimal color #305f22 has RGB values of R:48, G:95, B:34 and CMYK values of C:0.49, M:0, Y:0.64, K:0.63. Its decimal value is 3170082.

Hex triplet	305f22	`#305f22`
RGB Decimal	48, 95, 34	`rgb(48,95,34)`
RGB Percent	18.8, 37.3, 13.3	`rgb(18.8%,37.3%,13.3%)`
CMYK	49, 0, 64, 63
HSL	106.2°, 47.3, 25.3	`hsl(106.2,47.3%,25.3%)`
HSV (or HSB)	106.2°, 64.2, 37.3
Web Safe	336633	`#336633`

CIE-LAB	35.845, -28.915, 29.377
XYZ	5.6, 8.928, 2.941
xyY	0.321, 0.511, 8.928
CIE-LCH	35.845, 41.22, 134.546
CIE-LUV	35.845, -21.831, 34.168
Hunter-Lab	29.88, -18.837, 15.079
Binary	00110000, 01011111, 00100010

#305f22
```
#305f22 rgb(48,95,34)
```
#51225f
```
#51225f rgb(81,34,95)
```

Complementary Color

#4f5f22
```
#4f5f22 rgb(79,95,34)
```
#305f22
```
#305f22 rgb(48,95,34)
```
#225f33
```
#225f33 rgb(34,95,51)
```

Analogous Color

#5f224f
```
#5f224f rgb(95,34,79)
```
#305f22
```
#305f22 rgb(48,95,34)
```
#33225f
```
#33225f rgb(51,34,95)
```

Split Complementary Color

#5f2230
```
#5f2230 rgb(95,34,48)
```
#305f22
```
#305f22 rgb(48,95,34)
```
#22305f
```
#22305f rgb(34,48,95)
```

Triadic Color

#5f5122
```
#5f5122 rgb(95,81,34)
```
#305f22
```
#305f22 rgb(48,95,34)
```
#22305f
```
#22305f rgb(34,48,95)
```
#51225f
```
#51225f rgb(81,34,95)
```

Tetradic Color

#14270e
```
#14270e rgb(20,39,14)
```
#1d3915
```
#1d3915 rgb(29,57,21)
```
#274c1b
```
#274c1b rgb(39,76,27)
```
#305f22
```
#305f22 rgb(48,95,34)
```
#397229
```
#397229 rgb(57,114,41)
```
#43852f
```
#43852f rgb(67,133,47)
```
#4c9736
```
#4c9736 rgb(76,151,54)
```

Monochromatic Color

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

#3f5f22
```
#3f5f22 rgb(63,95,34)
```
#3a5f22
```
#3a5f22 rgb(58,95,34)
```
#355f22
```
#355f22 rgb(53,95,34)
```
#305f22
```
#305f22 rgb(48,95,34)
```
#2b5f22
```
#2b5f22 rgb(43,95,34)
```
#265f22
```
#265f22 rgb(38,95,34)
```
#225f23
```
#225f23 rgb(34,95,35)
```

Similar Colors

Text with hexadecimal color #305f22

This text has a font color of #305f22.

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

#305f22 background color

This paragraph has a background color of #305f22.

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

#305f22 border color

This element has a border color of #305f22.

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

CSS codes

.text {color:#305f22;}

.background {background-color:#305f22;}

.border {border:1px solid #305f22;}

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

#040803
```
#040803 rgb(4,8,3)
```
#0c1708
```
#0c1708 rgb(12,23,8)
```
#13250d
```
#13250d rgb(19,37,13)
```
#1a3412
```
#1a3412 rgb(26,52,18)
```
#214218
```
#214218 rgb(33,66,24)
```
#29511d
```
#29511d rgb(41,81,29)
```
#305f22
```
#305f22 rgb(48,95,34)
```
#376d27
```
#376d27 rgb(55,109,39)
```
#3f7c2c
```
#3f7c2c rgb(63,124,44)
```
#468a32
```
#468a32 rgb(70,138,50)
```
#4d9937
```
#4d9937 rgb(77,153,55)
```
#54a73c
```
#54a73c rgb(84,167,60)
```
#5cb641
```
#5cb641 rgb(92,182,65)
```

Shade Color Variation

#66bf4c
```
#66bf4c rgb(102,191,76)
```
#72c45a
```
#72c45a rgb(114,196,90)
```
#7fc968
```
#7fc968 rgb(127,201,104)
```
#8bce77
```
#8bce77 rgb(139,206,119)
```
#97d385
```
#97d385 rgb(151,211,133)
```
#a4d994
```
#a4d994 rgb(164,217,148)
```
#b0dea2
```
#b0dea2 rgb(176,222,162)
```
#bce3b1
```
#bce3b1 rgb(188,227,177)
```
#c9e8bf
```
#c9e8bf rgb(201,232,191)
```
#d5edce
```
#d5edce rgb(213,237,206)
```
#e1f2dc
```
#e1f2dc rgb(225,242,220)
```
#edf8ea
```
#edf8ea rgb(237,248,234)
```
#fafdf9
```
#fafdf9 rgb(250,253,249)
```

Tint Color Variation

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

#404140
```
#404140 rgb(64,65,64)
```
#3d463b
```
#3d463b rgb(61,70,59)
```
#3b4b36
```
#3b4b36 rgb(59,75,54)
```
#385031
```
#385031 rgb(56,80,49)
```
#35552c
```
#35552c rgb(53,85,44)
```
#335a27
```
#335a27 rgb(51,90,39)
```
#305f22
```
#305f22 rgb(48,95,34)
```
#2d641d
```
#2d641d rgb(45,100,29)
```
#2b6918
```
#2b6918 rgb(43,105,24)
```
#286e13
```
#286e13 rgb(40,110,19)
```
#25730e
```
#25730e rgb(37,115,14)
```
#237809
```
#237809 rgb(35,120,9)
```
#207d04
```
#207d04 rgb(32,125,4)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#454e42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#675d2a Protanopia 1% of men
#715932 Deuteranopia 1% of men
#476168 Tritanopia 0.001% of the population

Trichromacy

#535d27 Protanomaly 1% of men, 0.01% of women
#595b2c Deuteranomaly 6% of men, 0.4% of women
#3e604e Tritanomaly 0.01% of the population

#305f22 hex color

#305f22 Color Information

#305f22 Color Conversion

Color Schemes with #305f22

Alternatives to #305f22

#305f22 Preview

Shades and Tints of #305f22

Tones of #305f22

Color Blindness Simulator