#338c12 hex color

In a RGB color space, hex #338c12 is composed of 20% red, 54.9% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 0% magenta, 87.1% yellow and 45.1% black. It has a hue angle of 103.8 degrees, a saturation of 77.2% and a lightness of 31%. #338c12 color hex could be obtained by blending #66ff24 with #001900. Closest websafe color is: #339900.

♥
- f
- t
- g
- R 20
- G 55
- B 7
RGB color chart
- C 64
- M 0
- Y 87
- K 45
CMYK color chart

● #338c12 color description : Dark green.

The hexadecimal color #338c12 has RGB values of R:51, G:140, B:18 and CMYK values of C:0.64, M:0, Y:0.87, K:0.45. Its decimal value is 3378194.

Hex triplet	338c12	`#338c12`
RGB Decimal	51, 140, 18	`rgb(51,140,18)`
RGB Percent	20, 54.9, 7.1	`rgb(20%,54.9%,7.1%)`
CMYK	64, 0, 87, 45
HSL	103.8°, 77.2, 31	`hsl(103.8,77.2%,31%)`
HSV (or HSB)	103.8°, 87.1, 54.9
Web Safe	339900	`#339900`

CIE-LAB	51.27, -47.393, 50.827
XYZ	10.852, 19.503, 3.765
xyY	0.318, 0.572, 19.503
CIE-LCH	51.27, 69.495, 132.998
CIE-LUV	51.27, -39.924, 59.612
Hunter-Lab	44.162, -33.42, 25.859
Binary	00110011, 10001100, 00010010

#338c12
```
#338c12 rgb(51,140,18)
```
#6b128c
```
#6b128c rgb(107,18,140)
```

Complementary Color

#708c12
```
#708c12 rgb(112,140,18)
```
#338c12
```
#338c12 rgb(51,140,18)
```
#128c2e
```
#128c2e rgb(18,140,46)
```

Analogous Color

#8c1270
```
#8c1270 rgb(140,18,112)
```
#338c12
```
#338c12 rgb(51,140,18)
```
#2e128c
```
#2e128c rgb(46,18,140)
```

Split Complementary Color

#8c1233
```
#8c1233 rgb(140,18,51)
```
#338c12
```
#338c12 rgb(51,140,18)
```
#12338c
```
#12338c rgb(18,51,140)
```

Triadic Color

#8c6b12
```
#8c6b12 rgb(140,107,18)
```
#338c12
```
#338c12 rgb(51,140,18)
```
#12338c
```
#12338c rgb(18,51,140)
```
#6b128c
```
#6b128c rgb(107,18,140)
```

Tetradic Color

#1a4809
```
#1a4809 rgb(26,72,9)
```
#235f0c
```
#235f0c rgb(35,95,12)
```
#2b750f
```
#2b750f rgb(43,117,15)
```
#338c12
```
#338c12 rgb(51,140,18)
```
#3ba315
```
#3ba315 rgb(59,163,21)
```
#43b918
```
#43b918 rgb(67,185,24)
```
#4cd01b
```
#4cd01b rgb(76,208,27)
```

Monochromatic Color

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

#528c12
```
#528c12 rgb(82,140,18)
```
#478c12
```
#478c12 rgb(71,140,18)
```
#3d8c12
```
#3d8c12 rgb(61,140,18)
```
#338c12
```
#338c12 rgb(51,140,18)
```
#298c12
```
#298c12 rgb(41,140,18)
```
#1f8c12
```
#1f8c12 rgb(31,140,18)
```
#158c12
```
#158c12 rgb(21,140,18)
```

Similar Colors

Text with hexadecimal color #338c12

This text has a font color of #338c12.

<span style="color:#338c12;">Text here</span>

#338c12 background color

This paragraph has a background color of #338c12.

<p style="background-color:#338c12;">Content here</p>

#338c12 border color

This element has a border color of #338c12.

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

CSS codes

.text {color:#338c12;}

.background {background-color:#338c12;}

.border {border:1px solid #338c12;}

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

#000100
```
#000100 rgb(0,1,0)
```
#071202
```
#071202 rgb(7,18,2)
```
#0d2405
```
#0d2405 rgb(13,36,5)
```
#133507
```
#133507 rgb(19,53,7)
```
#1a4609
```
#1a4609 rgb(26,70,9)
```
#20580b
```
#20580b rgb(32,88,11)
```
#26690e
```
#26690e rgb(38,105,14)
```
#2d7b10
```
#2d7b10 rgb(45,123,16)
```
#338c12
```
#338c12 rgb(51,140,18)
```
#399d14
```
#399d14 rgb(57,157,20)
```
#40af16
```
#40af16 rgb(64,175,22)
```
#46c019
```
#46c019 rgb(70,192,25)
```
#4cd21b
```
#4cd21b rgb(76,210,27)
```

Shade Color Variation

#53e21e
```
#53e21e rgb(83,226,30)
```
#60e42f
```
#60e42f rgb(96,228,47)
```
#6ee741
```
#6ee741 rgb(110,231,65)
```
#7be952
```
#7be952 rgb(123,233,82)
```
#88eb64
```
#88eb64 rgb(136,235,100)
```
#95ed75
```
#95ed75 rgb(149,237,117)
```
#a3ef86
```
#a3ef86 rgb(163,239,134)
```
#b0f298
```
#b0f298 rgb(176,242,152)
```
#bdf4a9
```
#bdf4a9 rgb(189,244,169)
```
#cbf6ba
```
#cbf6ba rgb(203,246,186)
```
#d8f8cc
```
#d8f8cc rgb(216,248,204)
```
#e5fbdd
```
#e5fbdd rgb(229,251,221)
```
#f2fdef
```
#f2fdef rgb(242,253,239)
```

Tint Color Variation

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

#4f4f4f
```
#4f4f4f rgb(79,79,79)
```
#4c5549
```
#4c5549 rgb(76,85,73)
```
#495b43
```
#495b43 rgb(73,91,67)
```
#47613d
```
#47613d rgb(71,97,61)
```
#446836
```
#446836 rgb(68,104,54)
```
#416e30
```
#416e30 rgb(65,110,48)
```
#3e742a
```
#3e742a rgb(62,116,42)
```
#3b7a24
```
#3b7a24 rgb(59,122,36)
```
#39801e
```
#39801e rgb(57,128,30)
```
#368618
```
#368618 rgb(54,134,24)
```
#338c12
```
#338c12 rgb(51,140,18)
```
#30920c
```
#30920c rgb(48,146,12)
```
#2d9806
```
#2d9806 rgb(45,152,6)
```

Tone Color Variation

Below, you can see how #338c12 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

#636363 Achromatopsia 0.005% of the population
#596b53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908119 Protanopia 1% of men
#a07b2d Deuteranopia 1% of men
#588892 Tritanopia 0.001% of the population

Trichromacy

#6e8516 Protanomaly 1% of men, 0.01% of women
#788123 Deuteranomaly 6% of men, 0.4% of women
#4a8963 Tritanomaly 0.01% of the population

#338c12 hex color

#338c12 Color Information

#338c12 Color Conversion

Color Schemes with #338c12

Alternatives to #338c12

#338c12 Preview

Shades and Tints of #338c12

Tones of #338c12

Color Blindness Simulator