#304a18 hex color

In a RGB color space, hex #304a18 is composed of 18.8% red, 29% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 67.6% yellow and 71% black. It has a hue angle of 91.2 degrees, a saturation of 51% and a lightness of 19.2%. #304a18 color hex could be obtained by blending #609430 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 19
- G 29
- B 9
RGB color chart
- C 35
- M 0
- Y 68
- K 71
CMYK color chart

● #304a18 color description : Very dark green.

The hexadecimal color #304a18 has RGB values of R:48, G:74, B:24 and CMYK values of C:0.35, M:0, Y:0.68, K:0.71. Its decimal value is 3164696.

Hex triplet	304a18	`#304a18`
RGB Decimal	48, 74, 24	`rgb(48,74,24)`
RGB Percent	18.8, 29, 9.4	`rgb(18.8%,29%,9.4%)`
CMYK	35, 0, 68, 71
HSL	91.2°, 51, 19.2	`hsl(91.2,51%,19.2%)`
HSV (or HSB)	91.2°, 67.6, 29
Web Safe	333300	`#333300`

CIE-LAB	28.358, -19.744, 26.089
XYZ	3.832, 5.592, 1.741
xyY	0.343, 0.501, 5.592
CIE-LCH	28.358, 32.718, 127.119
CIE-LUV	28.358, -12.123, 26.982
Hunter-Lab	23.647, -12.452, 12.186
Binary	00110000, 01001010, 00011000

#304a18
```
#304a18 rgb(48,74,24)
```
#32184a
```
#32184a rgb(50,24,74)
```

Complementary Color

#494a18
```
#494a18 rgb(73,74,24)
```
#304a18
```
#304a18 rgb(48,74,24)
```
#184a19
```
#184a19 rgb(24,74,25)
```

Analogous Color

#4a1849
```
#4a1849 rgb(74,24,73)
```
#304a18
```
#304a18 rgb(48,74,24)
```
#19184a
```
#19184a rgb(25,24,74)
```

Split Complementary Color

#4a1830
```
#4a1830 rgb(74,24,48)
```
#304a18
```
#304a18 rgb(48,74,24)
```
#18304a
```
#18304a rgb(24,48,74)
```

Triadic Color

#4a3218
```
#4a3218 rgb(74,50,24)
```
#304a18
```
#304a18 rgb(48,74,24)
```
#18304a
```
#18304a rgb(24,48,74)
```
#32184a
```
#32184a rgb(50,24,74)
```

Tetradic Color

#0b1005
```
#0b1005 rgb(11,16,5)
```
#17230c
```
#17230c rgb(23,35,12)
```
#243712
```
#243712 rgb(36,55,18)
```
#304a18
```
#304a18 rgb(48,74,24)
```
#3c5d1e
```
#3c5d1e rgb(60,93,30)
```
#497124
```
#497124 rgb(73,113,36)
```
#55842b
```
#55842b rgb(85,132,43)
```

Monochromatic Color

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

#3d4a18
```
#3d4a18 rgb(61,74,24)
```
#384a18
```
#384a18 rgb(56,74,24)
```
#344a18
```
#344a18 rgb(52,74,24)
```
#304a18
```
#304a18 rgb(48,74,24)
```
#2c4a18
```
#2c4a18 rgb(44,74,24)
```
#284a18
```
#284a18 rgb(40,74,24)
```
#244a18
```
#244a18 rgb(36,74,24)
```

Similar Colors

Text with hexadecimal color #304a18

This text has a font color of #304a18.

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

#304a18 background color

This paragraph has a background color of #304a18.

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

#304a18 border color

This element has a border color of #304a18.

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

CSS codes

.text {color:#304a18;}

.background {background-color:#304a18;}

.border {border:1px solid #304a18;}

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, #0a0f05 is the darkest color, while #ffffff is the lightest one.

#0a0f05
```
#0a0f05 rgb(10,15,5)
```
#131e0a
```
#131e0a rgb(19,30,10)
```
#1d2c0e
```
#1d2c0e rgb(29,44,14)
```
#263b13
```
#263b13 rgb(38,59,19)
```
#304a18
```
#304a18 rgb(48,74,24)
```
#3a591d
```
#3a591d rgb(58,89,29)
```
#436822
```
#436822 rgb(67,104,34)
```
#4d7626
```
#4d7626 rgb(77,118,38)
```
#56852b
```
#56852b rgb(86,133,43)
```
#609430
```
#609430 rgb(96,148,48)
```
#6aa335
```
#6aa335 rgb(106,163,53)
```
#73b23a
```
#73b23a rgb(115,178,58)
```
#7dc03e
```
#7dc03e rgb(125,192,62)
```

Shade Color Variation

#87c54d
```
#87c54d rgb(135,197,77)
```
#91ca5c
```
#91ca5c rgb(145,202,92)
```
#9bcf6b
```
#9bcf6b rgb(155,207,107)
```
#a5d47a
```
#a5d47a rgb(165,212,122)
```
#afd988
```
#afd988 rgb(175,217,136)
```
#b9dd97
```
#b9dd97 rgb(185,221,151)
```
#c3e2a6
```
#c3e2a6 rgb(195,226,166)
```
#cde7b5
```
#cde7b5 rgb(205,231,181)
```
#d7ecc4
```
#d7ecc4 rgb(215,236,196)
```
#e1f1d3
```
#e1f1d3 rgb(225,241,211)
```
#ebf5e1
```
#ebf5e1 rgb(235,245,225)
```
#f5faf0
```
#f5faf0 rgb(245,250,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #31332f is the less saturated color, while #2f6101 is the most saturated one.

#31332f
```
#31332f rgb(49,51,47)
```
#31372b
```
#31372b rgb(49,55,43)
```
#313b27
```
#313b27 rgb(49,59,39)
```
#303f23
```
#303f23 rgb(48,63,35)
```
#304220
```
#304220 rgb(48,66,32)
```
#30461c
```
#30461c rgb(48,70,28)
```
#304a18
```
#304a18 rgb(48,74,24)
```
#304e14
```
#304e14 rgb(48,78,20)
```
#305210
```
#305210 rgb(48,82,16)
```
#30550d
```
#30550d rgb(48,85,13)
```
#2f5909
```
#2f5909 rgb(47,89,9)
```
#2f5d05
```
#2f5d05 rgb(47,93,5)
```
#2f6101
```
#2f6101 rgb(47,97,1)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a4036 Atypical Achromatopsia 0.001% of the population

Dichromacy

#544c22 Protanopia 1% of men
#5d4927 Deuteranopia 1% of men
#424e54 Tritanopia 0.001% of the population

Trichromacy

#474b1e Protanomaly 1% of men, 0.01% of women
#4d4922 Deuteranomaly 6% of men, 0.4% of women
#3c4c3e Tritanomaly 0.01% of the population

#304a18 hex color

#304a18 Color Information

#304a18 Color Conversion

Color Schemes with #304a18

Alternatives to #304a18

#304a18 Preview

Shades and Tints of #304a18

Tones of #304a18

Color Blindness Simulator