#305f1f hex color

In a RGB color space, hex #305f1f is composed of 18.8% red, 37.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 0% magenta, 67.4% yellow and 62.7% black. It has a hue angle of 104.1 degrees, a saturation of 50.8% and a lightness of 24.7%. #305f1f color hex could be obtained by blending #60be3e with #000000. Closest websafe color is: #336633.

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

● #305f1f color description : Very dark green.

The hexadecimal color #305f1f has RGB values of R:48, G:95, B:31 and CMYK values of C:0.49, M:0, Y:0.67, K:0.63. Its decimal value is 3170079.

Hex triplet	305f1f	`#305f1f`
RGB Decimal	48, 95, 31	`rgb(48,95,31)`
RGB Percent	18.8, 37.3, 12.2	`rgb(18.8%,37.3%,12.2%)`
CMYK	49, 0, 67, 63
HSL	104.1°, 50.8, 24.7	`hsl(104.1,50.8%,24.7%)`
HSV (or HSB)	104.1°, 67.4, 37.3
Web Safe	336633	`#336633`

CIE-LAB	35.813, -29.257, 30.843
XYZ	5.558, 8.911, 2.723
xyY	0.323, 0.518, 8.911
CIE-LCH	35.813, 42.512, 133.489
CIE-LUV	35.813, -21.884, 35.281
Hunter-Lab	29.852, -19.005, 15.487
Binary	00110000, 01011111, 00011111

#305f1f
```
#305f1f rgb(48,95,31)
```
#4e1f5f
```
#4e1f5f rgb(78,31,95)
```

Complementary Color

#505f1f
```
#505f1f rgb(80,95,31)
```
#305f1f
```
#305f1f rgb(48,95,31)
```
#1f5f2e
```
#1f5f2e rgb(31,95,46)
```

Analogous Color

#5f1f50
```
#5f1f50 rgb(95,31,80)
```
#305f1f
```
#305f1f rgb(48,95,31)
```
#2e1f5f
```
#2e1f5f rgb(46,31,95)
```

Split Complementary Color

#5f1f30
```
#5f1f30 rgb(95,31,48)
```
#305f1f
```
#305f1f rgb(48,95,31)
```
#1f305f
```
#1f305f rgb(31,48,95)
```

Triadic Color

#5f4e1f
```
#5f4e1f rgb(95,78,31)
```
#305f1f
```
#305f1f rgb(48,95,31)
```
#1f305f
```
#1f305f rgb(31,48,95)
```
#4e1f5f
```
#4e1f5f rgb(78,31,95)
```

Tetradic Color

#13250c
```
#13250c rgb(19,37,12)
```
#1d3912
```
#1d3912 rgb(29,57,18)
```
#264c19
```
#264c19 rgb(38,76,25)
```
#305f1f
```
#305f1f rgb(48,95,31)
```
#3a7225
```
#3a7225 rgb(58,114,37)
```
#43852c
```
#43852c rgb(67,133,44)
```
#4d9932
```
#4d9932 rgb(77,153,50)
```

Monochromatic Color

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

#405f1f
```
#405f1f rgb(64,95,31)
```
#3b5f1f
```
#3b5f1f rgb(59,95,31)
```
#355f1f
```
#355f1f rgb(53,95,31)
```
#305f1f
```
#305f1f rgb(48,95,31)
```
#2b5f1f
```
#2b5f1f rgb(43,95,31)
```
#255f1f
```
#255f1f rgb(37,95,31)
```
#205f1f
```
#205f1f rgb(32,95,31)
```

Similar Colors

Text with hexadecimal color #305f1f

This text has a font color of #305f1f.

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

#305f1f background color

This paragraph has a background color of #305f1f.

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

#305f1f border color

This element has a border color of #305f1f.

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

CSS codes

.text {color:#305f1f;}

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

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

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

#030602
```
#030602 rgb(3,6,2)
```
#0b1507
```
#0b1507 rgb(11,21,7)
```
#12240c
```
#12240c rgb(18,36,12)
```
#1a3311
```
#1a3311 rgb(26,51,17)
```
#214115
```
#214115 rgb(33,65,21)
```
#29501a
```
#29501a rgb(41,80,26)
```
#305f1f
```
#305f1f rgb(48,95,31)
```
#376e24
```
#376e24 rgb(55,110,36)
```
#3f7d29
```
#3f7d29 rgb(63,125,41)
```
#468b2d
```
#468b2d rgb(70,139,45)
```
#4e9a32
```
#4e9a32 rgb(78,154,50)
```
#55a937
```
#55a937 rgb(85,169,55)
```
#5db83c
```
#5db83c rgb(93,184,60)
```

Shade Color Variation

#66c245
```
#66c245 rgb(102,194,69)
```
#72c754
```
#72c754 rgb(114,199,84)
```
#7fcc63
```
#7fcc63 rgb(127,204,99)
```
#8bd171
```
#8bd171 rgb(139,209,113)
```
#97d680
```
#97d680 rgb(151,214,128)
```
#a3da8f
```
#a3da8f rgb(163,218,143)
```
#afdf9e
```
#afdf9e rgb(175,223,158)
```
#bbe4ad
```
#bbe4ad rgb(187,228,173)
```
#c7e9bb
```
#c7e9bb rgb(199,233,187)
```
#d4eeca
```
#d4eeca rgb(212,238,202)
```
#e0f3d9
```
#e0f3d9 rgb(224,243,217)
```
#ecf7e8
```
#ecf7e8 rgb(236,247,232)
```
#f8fcf6
```
#f8fcf6 rgb(248,252,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3e423c is the less saturated color, while #227c02 is the most saturated one.

#3e423c
```
#3e423c rgb(62,66,60)
```
#3b4737
```
#3b4737 rgb(59,71,55)
```
#394c32
```
#394c32 rgb(57,76,50)
```
#37502e
```
#37502e rgb(55,80,46)
```
#355529
```
#355529 rgb(53,85,41)
```
#325a24
```
#325a24 rgb(50,90,36)
```
#305f1f
```
#305f1f rgb(48,95,31)
```
#2e641a
```
#2e641a rgb(46,100,26)
```
#2b6915
```
#2b6915 rgb(43,105,21)
```
#296e10
```
#296e10 rgb(41,110,16)
```
#27720c
```
#27720c rgb(39,114,12)
```
#257707
```
#257707 rgb(37,119,7)
```
#227c02
```
#227c02 rgb(34,124,2)
```

Tone Color Variation

Below, you can see how #305f1f 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
#454e41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#675d27 Protanopia 1% of men
#715830 Deuteranopia 1% of men
#476168 Tritanopia 0.001% of the population

Trichromacy

#535d24 Protanomaly 1% of men, 0.01% of women
#595b2a Deuteranomaly 6% of men, 0.4% of women
#3f604d Tritanomaly 0.01% of the population

#305f1f hex color

#305f1f Color Information

#305f1f Color Conversion

Color Schemes with #305f1f

Alternatives to #305f1f

#305f1f Preview

Shades and Tints of #305f1f

Tones of #305f1f

Color Blindness Simulator