#304a12 hex color

In a RGB color space, hex #304a12 is composed of 18.8% red, 29% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 75.7% yellow and 71% black. It has a hue angle of 87.9 degrees, a saturation of 60.9% and a lightness of 18%. #304a12 color hex could be obtained by blending #609424 with #000000. Closest websafe color is: #333300.

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

● #304a12 color description : Very dark green.

The hexadecimal color #304a12 has RGB values of R:48, G:74, B:18 and CMYK values of C:0.35, M:0, Y:0.76, K:0.71. Its decimal value is 3164690.

Hex triplet	304a12	`#304a12`
RGB Decimal	48, 74, 18	`rgb(48,74,18)`
RGB Percent	18.8, 29, 7.1	`rgb(18.8%,29%,7.1%)`
CMYK	35, 0, 76, 71
HSL	87.9°, 60.9, 18	`hsl(87.9,60.9%,18%)`
HSV (or HSB)	87.9°, 75.7, 29
Web Safe	333300	`#333300`

CIE-LAB	28.299, -20.324, 28.991
XYZ	3.777, 5.569, 1.448
xyY	0.35, 0.516, 5.569
CIE-LCH	28.299, 35.406, 125.033
CIE-LUV	28.299, -12.151, 28.88
Hunter-Lab	23.6, -12.733, 12.881
Binary	00110000, 01001010, 00010010

#304a12
```
#304a12 rgb(48,74,18)
```
#2c124a
```
#2c124a rgb(44,18,74)
```

Complementary Color

#4a4812
```
#4a4812 rgb(74,72,18)
```
#304a12
```
#304a12 rgb(48,74,18)
```
#144a12
```
#144a12 rgb(20,74,18)
```

Analogous Color

#48124a
```
#48124a rgb(72,18,74)
```
#304a12
```
#304a12 rgb(48,74,18)
```
#12144a
```
#12144a rgb(18,20,74)
```

Split Complementary Color

#4a1230
```
#4a1230 rgb(74,18,48)
```
#304a12
```
#304a12 rgb(48,74,18)
```
#12304a
```
#12304a rgb(18,48,74)
```

Triadic Color

#4a2c12
```
#4a2c12 rgb(74,44,18)
```
#304a12
```
#304a12 rgb(48,74,18)
```
#12304a
```
#12304a rgb(18,48,74)
```
#2c124a
```
#2c124a rgb(44,18,74)
```

Tetradic Color

#080c03
```
#080c03 rgb(8,12,3)
```
#152108
```
#152108 rgb(21,33,8)
```
#23350d
```
#23350d rgb(35,53,13)
```
#304a12
```
#304a12 rgb(48,74,18)
```
#3d5f17
```
#3d5f17 rgb(61,95,23)
```
#4b731c
```
#4b731c rgb(75,115,28)
```
#588821
```
#588821 rgb(88,136,33)
```

Monochromatic Color

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

#3e4a12
```
#3e4a12 rgb(62,74,18)
```
#394a12
```
#394a12 rgb(57,74,18)
```
#354a12
```
#354a12 rgb(53,74,18)
```
#304a12
```
#304a12 rgb(48,74,18)
```
#2b4a12
```
#2b4a12 rgb(43,74,18)
```
#274a12
```
#274a12 rgb(39,74,18)
```
#224a12
```
#224a12 rgb(34,74,18)
```

Similar Colors

Text with hexadecimal color #304a12

This text has a font color of #304a12.

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

#304a12 background color

This paragraph has a background color of #304a12.

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

#304a12 border color

This element has a border color of #304a12.

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

CSS codes

.text {color:#304a12;}

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

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

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

#070b03
```
#070b03 rgb(7,11,3)
```
#111b06
```
#111b06 rgb(17,27,6)
```
#1c2a0a
```
#1c2a0a rgb(28,42,10)
```
#263a0e
```
#263a0e rgb(38,58,14)
```
#304a12
```
#304a12 rgb(48,74,18)
```
#3a5a16
```
#3a5a16 rgb(58,90,22)
```
#446a1a
```
#446a1a rgb(68,106,26)
```
#4f791e
```
#4f791e rgb(79,121,30)
```
#598921
```
#598921 rgb(89,137,33)
```
#639925
```
#639925 rgb(99,153,37)
```
#6da929
```
#6da929 rgb(109,169,41)
```
#78b82d
```
#78b82d rgb(120,184,45)
```
#82c831
```
#82c831 rgb(130,200,49)
```

Shade Color Variation

#8cd03d
```
#8cd03d rgb(140,208,61)
```
#95d44d
```
#95d44d rgb(149,212,77)
```
#9ed75c
```
#9ed75c rgb(158,215,92)
```
#a8db6c
```
#a8db6c rgb(168,219,108)
```
#b1df7c
```
#b1df7c rgb(177,223,124)
```
#bae38c
```
#bae38c rgb(186,227,140)
```
#c4e79b
```
#c4e79b rgb(196,231,155)
```
#cdebab
```
#cdebab rgb(205,235,171)
```
#d7eebb
```
#d7eebb rgb(215,238,187)
```
#e0f2cb
```
#e0f2cb rgb(224,242,203)
```
#e9f6db
```
#e9f6db rgb(233,246,219)
```
#f3faea
```
#f3faea rgb(243,250,234)
```
#fcfefa
```
#fcfefa rgb(252,254,250)
```

Tint Color Variation

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

#2e312b
```
#2e312b rgb(46,49,43)
```
#2e3527
```
#2e3527 rgb(46,53,39)
```
#2f3824
```
#2f3824 rgb(47,56,36)
```
#2f3c20
```
#2f3c20 rgb(47,60,32)
```
#2f3f1d
```
#2f3f1d rgb(47,63,29)
```
#2f4319
```
#2f4319 rgb(47,67,25)
```
#304616
```
#304616 rgb(48,70,22)
```
#304a12
```
#304a12 rgb(48,74,18)
```
#304e0e
```
#304e0e rgb(48,78,14)
```
#31510b
```
#31510b rgb(49,81,11)
```
#315507
```
#315507 rgb(49,85,7)
```
#315804
```
#315804 rgb(49,88,4)
```
#315c00
```
#315c00 rgb(49,92,0)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3f34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#554c1c Protanopia 1% of men
#5e4922 Deuteranopia 1% of men
#434e53 Tritanopia 0.001% of the population

Trichromacy

#474b18 Protanomaly 1% of men, 0.01% of women
#4d491c Deuteranomaly 6% of men, 0.4% of women
#3c4c3b Tritanomaly 0.01% of the population

#304a12 hex color

#304a12 Color Information

#304a12 Color Conversion

Color Schemes with #304a12

Alternatives to #304a12

#304a12 Preview

Shades and Tints of #304a12

Tones of #304a12

Color Blindness Simulator