#306b2a hex color

In a RGB color space, hex #306b2a is composed of 18.8% red, 42% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 0% magenta, 60.7% yellow and 58% black. It has a hue angle of 114.5 degrees, a saturation of 43.6% and a lightness of 29.2%. #306b2a color hex could be obtained by blending #60d654 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 42
- B 16
RGB color chart
- C 55
- M 0
- Y 61
- K 58
CMYK color chart

● #306b2a color description : Very dark lime green.

The hexadecimal color #306b2a has RGB values of R:48, G:107, B:42 and CMYK values of C:0.55, M:0, Y:0.61, K:0.58. Its decimal value is 3173162.

Hex triplet	306b2a	`#306b2a`
RGB Decimal	48, 107, 42	`rgb(48,107,42)`
RGB Percent	18.8, 42, 16.5	`rgb(18.8%,42%,16.5%)`
CMYK	55, 0, 61, 58
HSL	114.5°, 43.6, 29.2	`hsl(114.5,43.6%,29.2%)`
HSV (or HSB)	114.5°, 60.7, 42
Web Safe	336633	`#336633`

CIE-LAB	40.099, -33.282, 30.179
XYZ	6.894, 11.31, 4.01
xyY	0.31, 0.509, 11.31
CIE-LCH	40.099, 44.927, 137.799
CIE-LUV	40.099, -26.902, 37.246
Hunter-Lab	33.631, -22.263, 16.472
Binary	00110000, 01101011, 00101010

#306b2a
```
#306b2a rgb(48,107,42)
```
#652a6b
```
#652a6b rgb(101,42,107)
```

Complementary Color

#516b2a
```
#516b2a rgb(81,107,42)
```
#306b2a
```
#306b2a rgb(48,107,42)
```
#2a6b45
```
#2a6b45 rgb(42,107,69)
```

Analogous Color

#6b2a51
```
#6b2a51 rgb(107,42,81)
```
#306b2a
```
#306b2a rgb(48,107,42)
```
#452a6b
```
#452a6b rgb(69,42,107)
```

Split Complementary Color

#6b2a30
```
#6b2a30 rgb(107,42,48)
```
#306b2a
```
#306b2a rgb(48,107,42)
```
#2a306b
```
#2a306b rgb(42,48,107)
```

Triadic Color

#6b652a
```
#6b652a rgb(107,101,42)
```
#306b2a
```
#306b2a rgb(48,107,42)
```
#2a306b
```
#2a306b rgb(42,48,107)
```
#652a6b
```
#652a6b rgb(101,42,107)
```

Tetradic Color

#173414
```
#173414 rgb(23,52,20)
```
#20461c
```
#20461c rgb(32,70,28)
```
#285923
```
#285923 rgb(40,89,35)
```
#306b2a
```
#306b2a rgb(48,107,42)
```
#387d31
```
#387d31 rgb(56,125,49)
```
#409038
```
#409038 rgb(64,144,56)
```
#49a240
```
#49a240 rgb(73,162,64)
```

Monochromatic Color

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

#406b2a
```
#406b2a rgb(64,107,42)
```
#3b6b2a
```
#3b6b2a rgb(59,107,42)
```
#356b2a
```
#356b2a rgb(53,107,42)
```
#306b2a
```
#306b2a rgb(48,107,42)
```
#2b6b2a
```
#2b6b2a rgb(43,107,42)
```
#2a6b2f
```
#2a6b2f rgb(42,107,47)
```
#2a6b34
```
#2a6b34 rgb(42,107,52)
```

Similar Colors

Text with hexadecimal color #306b2a

This text has a font color of #306b2a.

<span style="color:#306b2a;">Text here</span>

#306b2a background color

This paragraph has a background color of #306b2a.

<p style="background-color:#306b2a;">Content here</p>

#306b2a border color

This element has a border color of #306b2a.

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

CSS codes

.text {color:#306b2a;}

.background {background-color:#306b2a;}

.border {border:1px solid #306b2a;}

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

#040803
```
#040803 rgb(4,8,3)
```
#0a1609
```
#0a1609 rgb(10,22,9)
```
#10250e
```
#10250e rgb(16,37,14)
```
#173314
```
#173314 rgb(23,51,20)
```
#1d4119
```
#1d4119 rgb(29,65,25)
```
#234f1f
```
#234f1f rgb(35,79,31)
```
#2a5d24
```
#2a5d24 rgb(42,93,36)
```
#306b2a
```
#306b2a rgb(48,107,42)
```
#367930
```
#367930 rgb(54,121,48)
```
#3d8735
```
#3d8735 rgb(61,135,53)
```
#43953b
```
#43953b rgb(67,149,59)
```
#49a340
```
#49a340 rgb(73,163,64)
```
#50b146
```
#50b146 rgb(80,177,70)
```

Shade Color Variation

#5aba50
```
#5aba50 rgb(90,186,80)
```
#67c05e
```
#67c05e rgb(103,192,94)
```
#75c56c
```
#75c56c rgb(117,197,108)
```
#82cb7b
```
#82cb7b rgb(130,203,123)
```
#8fd189
```
#8fd189 rgb(143,209,137)
```
#9dd697
```
#9dd697 rgb(157,214,151)
```
#aadca5
```
#aadca5 rgb(170,220,165)
```
#b7e1b3
```
#b7e1b3 rgb(183,225,179)
```
#c4e7c1
```
#c4e7c1 rgb(196,231,193)
```
#d2eccf
```
#d2eccf rgb(210,236,207)
```
#dff2dd
```
#dff2dd rgb(223,242,221)
```
#ecf7eb
```
#ecf7eb rgb(236,247,235)
```
#fafdf9
```
#fafdf9 rgb(250,253,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #474e47 is the less saturated color, while #0f9302 is the most saturated one.

#474e47
```
#474e47 rgb(71,78,71)
```
#435441
```
#435441 rgb(67,84,65)
```
#3e5a3b
```
#3e5a3b rgb(62,90,59)
```
#396035
```
#396035 rgb(57,96,53)
```
#356530
```
#356530 rgb(53,101,48)
```
#306b2a
```
#306b2a rgb(48,107,42)
```
#2b7124
```
#2b7124 rgb(43,113,36)
```
#27761f
```
#27761f rgb(39,118,31)
```
#227c19
```
#227c19 rgb(34,124,25)
```
#1d8213
```
#1d8213 rgb(29,130,19)
```
#19880d
```
#19880d rgb(25,136,13)
```
#148d08
```
#148d08 rgb(20,141,8)
```
#0f9302
```
#0f9302 rgb(15,147,2)
```

Tone Color Variation

Below, you can see how #306b2a 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

#525252 Achromatopsia 0.005% of the population
#4b574a Atypical Achromatopsia 0.001% of the population

Dichromacy

#716631 Protanopia 1% of men
#7c623b Deuteranopia 1% of men
#4a6c73 Tritanopia 0.001% of the population

Trichromacy

#59682e Protanomaly 1% of men, 0.01% of women
#606534 Deuteranomaly 6% of men, 0.4% of women
#406b59 Tritanomaly 0.01% of the population

#306b2a hex color

#306b2a Color Information

#306b2a Color Conversion

Color Schemes with #306b2a

Alternatives to #306b2a

#306b2a Preview

Shades and Tints of #306b2a

Tones of #306b2a

Color Blindness Simulator