#305f2f hex color

In a RGB color space, hex #305f2f is composed of 18.8% red, 37.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 0% magenta, 50.5% yellow and 62.7% black. It has a hue angle of 118.8 degrees, a saturation of 33.8% and a lightness of 27.8%. #305f2f color hex could be obtained by blending #60be5e with #000000. Closest websafe color is: #336633.

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

● #305f2f color description : Very dark desaturated lime green.

The hexadecimal color #305f2f has RGB values of R:48, G:95, B:47 and CMYK values of C:0.49, M:0, Y:0.51, K:0.63. Its decimal value is 3170095.

Hex triplet	305f2f	`#305f2f`
RGB Decimal	48, 95, 47	`rgb(48,95,47)`
RGB Percent	18.8, 37.3, 18.4	`rgb(18.8%,37.3%,18.4%)`
CMYK	49, 0, 51, 63
HSL	118.8°, 33.8, 27.8	`hsl(118.8,33.8%,27.8%)`
HSV (or HSB)	118.8°, 50.5, 37.3
Web Safe	336633	`#336633`

CIE-LAB	36.018, -27.097, 22.527
XYZ	5.824, 9.018, 4.123
xyY	0.307, 0.476, 9.018
CIE-LCH	36.018, 35.238, 140.262
CIE-LUV	36.018, -21.555, 28.344
Hunter-Lab	30.029, -17.933, 12.88
Binary	00110000, 01011111, 00101111

#305f2f
```
#305f2f rgb(48,95,47)
```
#5e2f5f
```
#5e2f5f rgb(94,47,95)
```

Complementary Color

#485f2f
```
#485f2f rgb(72,95,47)
```
#305f2f
```
#305f2f rgb(48,95,47)
```
#2f5f46
```
#2f5f46 rgb(47,95,70)
```

Analogous Color

#5f2f48
```
#5f2f48 rgb(95,47,72)
```
#305f2f
```
#305f2f rgb(48,95,47)
```
#462f5f
```
#462f5f rgb(70,47,95)
```

Split Complementary Color

#5f2f30
```
#5f2f30 rgb(95,47,48)
```
#305f2f
```
#305f2f rgb(48,95,47)
```
#2f305f
```
#2f305f rgb(47,48,95)
```

Triadic Color

#5f5e2f
```
#5f5e2f rgb(95,94,47)
```
#305f2f
```
#305f2f rgb(48,95,47)
```
#2f305f
```
#2f305f rgb(47,48,95)
```
#5e2f5f
```
#5e2f5f rgb(94,47,95)
```

Tetradic Color

#162c16
```
#162c16 rgb(22,44,22)
```
#1f3d1e
```
#1f3d1e rgb(31,61,30)
```
#274e27
```
#274e27 rgb(39,78,39)
```
#305f2f
```
#305f2f rgb(48,95,47)
```
#397037
```
#397037 rgb(57,112,55)
```
#418140
```
#418140 rgb(65,129,64)
```
#4a9248
```
#4a9248 rgb(74,146,72)
```

Monochromatic Color

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

#3c5f2f
```
#3c5f2f rgb(60,95,47)
```
#385f2f
```
#385f2f rgb(56,95,47)
```
#345f2f
```
#345f2f rgb(52,95,47)
```
#305f2f
```
#305f2f rgb(48,95,47)
```
#2f5f32
```
#2f5f32 rgb(47,95,50)
```
#2f5f36
```
#2f5f36 rgb(47,95,54)
```
#2f5f3a
```
#2f5f3a rgb(47,95,58)
```

Similar Colors

Text with hexadecimal color #305f2f

This text has a font color of #305f2f.

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

#305f2f background color

This paragraph has a background color of #305f2f.

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

#305f2f border color

This element has a border color of #305f2f.

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

CSS codes

.text {color:#305f2f;}

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

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

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

#020302
```
#020302 rgb(2,3,2)
```
#081008
```
#081008 rgb(8,16,8)
```
#0f1d0f
```
#0f1d0f rgb(15,29,15)
```
#152b15
```
#152b15 rgb(21,43,21)
```
#1c381c
```
#1c381c rgb(28,56,28)
```
#234522
```
#234522 rgb(35,69,34)
```
#295229
```
#295229 rgb(41,82,41)
```
#305f2f
```
#305f2f rgb(48,95,47)
```
#376c35
```
#376c35 rgb(55,108,53)
```
#3d793c
```
#3d793c rgb(61,121,60)
```
#448642
```
#448642 rgb(68,134,66)
```
#4b9349
```
#4b9349 rgb(75,147,73)
```
#51a14f
```
#51a14f rgb(81,161,79)
```

Shade Color Variation

#59ac58
```
#59ac58 rgb(89,172,88)
```
#66b365
```
#66b365 rgb(102,179,101)
```
#73b972
```
#73b972 rgb(115,185,114)
```
#80c07f
```
#80c07f rgb(128,192,127)
```
#8dc68c
```
#8dc68c rgb(141,198,140)
```
#9acd99
```
#9acd99 rgb(154,205,153)
```
#a7d3a6
```
#a7d3a6 rgb(167,211,166)
```
#b4dab3
```
#b4dab3 rgb(180,218,179)
```
#c1e0c1
```
#c1e0c1 rgb(193,224,193)
```
#cee7ce
```
#cee7ce rgb(206,231,206)
```
#dbeddb
```
#dbeddb rgb(219,237,219)
```
#e8f4e8
```
#e8f4e8 rgb(232,244,232)
```
#f5faf5
```
#f5faf5 rgb(245,250,245)
```

Tint Color Variation

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

#454945
```
#454945 rgb(69,73,69)
```
#404f3f
```
#404f3f rgb(64,79,63)
```
#3a543a
```
#3a543a rgb(58,84,58)
```
#355a34
```
#355a34 rgb(53,90,52)
```
#305f2f
```
#305f2f rgb(48,95,47)
```
#2b642a
```
#2b642a rgb(43,100,42)
```
#266a24
```
#266a24 rgb(38,106,36)
```
#206f1f
```
#206f1f rgb(32,111,31)
```
#1b7519
```
#1b7519 rgb(27,117,25)
```
#167a14
```
#167a14 rgb(22,122,20)
```
#11800e
```
#11800e rgb(17,128,14)
```
#0b8509
```
#0b8509 rgb(11,133,9)
```
#068b03
```
#068b03 rgb(6,139,3)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#464f45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#665d36 Protanopia 1% of men
#6f593e Deuteranopia 1% of men
#466169 Tritanopia 0.001% of the population

Trichromacy

#525e33 Protanomaly 1% of men, 0.01% of women
#585b38 Deuteranomaly 6% of men, 0.4% of women
#3e6053 Tritanomaly 0.01% of the population

#305f2f hex color

#305f2f Color Information

#305f2f Color Conversion

Color Schemes with #305f2f

Alternatives to #305f2f

#305f2f Preview

Shades and Tints of #305f2f

Tones of #305f2f

Color Blindness Simulator