colorhexa.com

#307d12 hex color

In a RGB color space, hex #307d12 is composed of 18.8% red, 49% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 0% magenta, 85.6% yellow and 51% black. It has a hue angle of 103.2 degrees, a saturation of 74.8% and a lightness of 28%. #307d12 color hex could be obtained by blending #60fa24 with #000000. Closest websafe color is: #336600.

- R 19
- G 49
- B 7
RGB color chart
- C 62
- M 0
- Y 86
- K 51
CMYK color chart

● #307d12 color description : Dark green.

The hexadecimal color #307d12 has RGB values of R:48, G:125, B:18 and CMYK values of C:0.62, M:0, Y:0.86, K:0.51. Its decimal value is 3177746.

Hex triplet	307d12	`#307d12`
RGB Decimal	48, 125, 18	`rgb(48,125,18)`
RGB Percent	18.8, 49, 7.1	`rgb(18.8%,49%,7.1%)`
CMYK	62, 0, 86, 51
HSL	103.2°, 74.8, 28	`hsl(103.2,74.8%,28%)`
HSV (or HSB)	103.2°, 85.6, 49
Web Safe	336600	`#336600`

CIE-LAB	46.094, -42.647, 46.144
XYZ	8.661, 15.339, 3.076
xyY	0.32, 0.566, 15.339
CIE-LCH	46.094, 62.834, 132.745
CIE-LUV	46.094, -34.829, 52.956
Hunter-Lab	39.164, -29.062, 22.758
Binary	00110000, 01111101, 00010010

#307d12
```
#307d12 rgb(48,125,18)
```
#5f127d
```
#5f127d rgb(95,18,125)
```

Complementary Color

#667d12
```
#667d12 rgb(102,125,18)
```
#307d12
```
#307d12 rgb(48,125,18)
```
#127d29
```
#127d29 rgb(18,125,41)
```

Analogous Color

#7d1266
```
#7d1266 rgb(125,18,102)
```
#307d12
```
#307d12 rgb(48,125,18)
```
#29127d
```
#29127d rgb(41,18,125)
```

Split Complementary Color

#7d1230
```
#7d1230 rgb(125,18,48)
```
#307d12
```
#307d12 rgb(48,125,18)
```
#12307d
```
#12307d rgb(18,48,125)
```

Triadic Color

#163a08
```
#163a08 rgb(22,58,8)
```
#1f500c
```
#1f500c rgb(31,80,12)
```
#27670f
```
#27670f rgb(39,103,15)
```
#307d12
```
#307d12 rgb(48,125,18)
```
#399315
```
#399315 rgb(57,147,21)
```
#41aa18
```
#41aa18 rgb(65,170,24)
```
#4ac01c
```
#4ac01c rgb(74,192,28)
```

Monochromatic Color

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

#4b7d12
```
#4b7d12 rgb(75,125,18)
```
#427d12
```
#427d12 rgb(66,125,18)
```
#397d12
```
#397d12 rgb(57,125,18)
```
#307d12
```
#307d12 rgb(48,125,18)
```
#277d12
```
#277d12 rgb(39,125,18)
```
#1e7d12
```
#1e7d12 rgb(30,125,18)
```
#157d12
```
#157d12 rgb(21,125,18)
```

Similar Colors

Text with hexadecimal color #307d12

This text has a font color of #307d12.

<span style="color:#307d12;">Text here</span>

#307d12 background color

This paragraph has a background color of #307d12.

<p style="background-color:#307d12;">Content here</p>

#307d12 border color

This element has a border color of #307d12.

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

CSS codes

.text {color:#307d12;}

.background {background-color:#307d12;}

.border {border:1px solid #307d12;}

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

#020501
```
#020501 rgb(2,5,1)
```
#081603
```
#081603 rgb(8,22,3)
```
#0f2706
```
#0f2706 rgb(15,39,6)
```
#163808
```
#163808 rgb(22,56,8)
```
#1c4a0b
```
#1c4a0b rgb(28,74,11)
```
#235b0d
```
#235b0d rgb(35,91,13)
```
#296c10
```
#296c10 rgb(41,108,16)
```
#307d12
```
#307d12 rgb(48,125,18)
```
#378e14
```
#378e14 rgb(55,142,20)
```
#3d9f17
```
#3d9f17 rgb(61,159,23)
```
#44b019
```
#44b019 rgb(68,176,25)
```
#4ac21c
```
#4ac21c rgb(74,194,28)
```
#51d31e
```
#51d31e rgb(81,211,30)
```

Shade Color Variation

#59e025
```
#59e025 rgb(89,224,37)
```
#66e236
```
#66e236 rgb(102,226,54)
```
#73e547
```
#73e547 rgb(115,229,71)
```
#80e759
```
#80e759 rgb(128,231,89)
```
#8ee96a
```
#8ee96a rgb(142,233,106)
```
#9bec7b
```
#9bec7b rgb(155,236,123)
```
#a8ee8c
```
#a8ee8c rgb(168,238,140)
```
#b5f19d
```
#b5f19d rgb(181,241,157)
```
#c2f3ae
```
#c2f3ae rgb(194,243,174)
```
#cff6bf
```
#cff6bf rgb(207,246,191)
```
#dcf8d1
```
#dcf8d1 rgb(220,248,209)
```
#e9fbe2
```
#e9fbe2 rgb(233,251,226)
```
#f6fdf3
```
#f6fdf3 rgb(246,253,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #464c44 is the less saturated color, while #298e01 is the most saturated one.

#464c44
```
#464c44 rgb(70,76,68)
```
#43513e
```
#43513e rgb(67,81,62)
```
#415739
```
#415739 rgb(65,87,57)
```
#3e5c33
```
#3e5c33 rgb(62,92,51)
```
#3c622e
```
#3c622e rgb(60,98,46)
```
#3a6728
```
#3a6728 rgb(58,103,40)
```
#376d23
```
#376d23 rgb(55,109,35)
```
#35721d
```
#35721d rgb(53,114,29)
```
#327818
```
#327818 rgb(50,120,24)
```
#307d12
```
#307d12 rgb(48,125,18)
```
#2e830d
```
#2e830d rgb(46,131,13)
```
#2b8807
```
#2b8807 rgb(43,136,7)
```
#298e01
```
#298e01 rgb(41,142,1)
```

Tone Color Variation

Below, you can see how #307d12 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

#5a5a5a Achromatopsia 0.005% of the population
#52614c Atypical Achromatopsia 0.001% of the population

Dichromacy

#82751a Protanopia 1% of men
#906f2a Deuteranopia 1% of men
#517b84 Tritanopia 0.001% of the population

Trichromacy

#647717 Protanomaly 1% of men, 0.01% of women
#6d7421 Deuteranomaly 6% of men, 0.4% of women
#457b5a Tritanomaly 0.01% of the population