#305a38 hex color

In a RGB color space, hex #305a38 is composed of 18.8% red, 35.3% green and 22% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 0% magenta, 37.8% yellow and 64.7% black. It has a hue angle of 131.4 degrees, a saturation of 30.4% and a lightness of 27.1%. #305a38 color hex could be obtained by blending #60b470 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 35
- B 22
RGB color chart
- C 47
- M 0
- Y 38
- K 65
CMYK color chart

● #305a38 color description : Very dark desaturated lime green.

The hexadecimal color #305a38 has RGB values of R:48, G:90, B:56 and CMYK values of C:0.47, M:0, Y:0.38, K:0.65. Its decimal value is 3168824.

Hex triplet	305a38	`#305a38`
RGB Decimal	48, 90, 56	`rgb(48,90,56)`
RGB Percent	18.8, 35.3, 22	`rgb(18.8%,35.3%,22%)`
CMYK	47, 0, 38, 65
HSL	131.4°, 30.4, 27.1	`hsl(131.4,30.4%,27.1%)`
HSV (or HSB)	131.4°, 46.7, 35.3
Web Safe	336633	`#336633`

CIE-LAB	34.449, -23.025, 15.197
XYZ	5.589, 8.226, 5.034
xyY	0.296, 0.436, 8.226
CIE-LCH	34.449, 27.588, 146.574
CIE-LUV	34.449, -19.117, 20.375
Hunter-Lab	28.681, -15.41, 9.669
Binary	00110000, 01011010, 00111000

#305a38
```
#305a38 rgb(48,90,56)
```
#5a3052
```
#5a3052 rgb(90,48,82)
```

Complementary Color

#3d5a30
```
#3d5a30 rgb(61,90,48)
```
#305a38
```
#305a38 rgb(48,90,56)
```
#305a4d
```
#305a4d rgb(48,90,77)
```

Analogous Color

#5a303d
```
#5a303d rgb(90,48,61)
```
#305a38
```
#305a38 rgb(48,90,56)
```
#4d305a
```
#4d305a rgb(77,48,90)
```

Split Complementary Color

#5a3830
```
#5a3830 rgb(90,56,48)
```
#305a38
```
#305a38 rgb(48,90,56)
```
#38305a
```
#38305a rgb(56,48,90)
```

Triadic Color

#525a30
```
#525a30 rgb(82,90,48)
```
#305a38
```
#305a38 rgb(48,90,56)
```
#38305a
```
#38305a rgb(56,48,90)
```
#5a3052
```
#5a3052 rgb(90,48,82)
```

Tetradic Color

#152819
```
#152819 rgb(21,40,25)
```
#1e3923
```
#1e3923 rgb(30,57,35)
```
#27492e
```
#27492e rgb(39,73,46)
```
#305a38
```
#305a38 rgb(48,90,56)
```
#396b42
```
#396b42 rgb(57,107,66)
```
#427b4d
```
#427b4d rgb(66,123,77)
```
#4b8c57
```
#4b8c57 rgb(75,140,87)
```

Monochromatic Color

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

#335a30
```
#335a30 rgb(51,90,48)
```
#305a31
```
#305a31 rgb(48,90,49)
```
#305a35
```
#305a35 rgb(48,90,53)
```
#305a38
```
#305a38 rgb(48,90,56)
```
#305a3c
```
#305a3c rgb(48,90,60)
```
#305a3f
```
#305a3f rgb(48,90,63)
```
#305a43
```
#305a43 rgb(48,90,67)
```

Similar Colors

Text with hexadecimal color #305a38

This text has a font color of #305a38.

<span style="color:#305a38;">Text here</span>

#305a38 background color

This paragraph has a background color of #305a38.

<p style="background-color:#305a38;">Content here</p>

#305a38 border color

This element has a border color of #305a38.

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

CSS codes

.text {color:#305a38;}

.background {background-color:#305a38;}

.border {border:1px solid #305a38;}

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

#000000
```
#000000 rgb(0,0,0)
```
#070d08
```
#070d08 rgb(7,13,8)
```
#0e1a10
```
#0e1a10 rgb(14,26,16)
```
#152718
```
#152718 rgb(21,39,24)
```
#1c3420
```
#1c3420 rgb(28,52,32)
```
#224028
```
#224028 rgb(34,64,40)
```
#294d30
```
#294d30 rgb(41,77,48)
```
#305a38
```
#305a38 rgb(48,90,56)
```
#376740
```
#376740 rgb(55,103,64)
```
#3e7448
```
#3e7448 rgb(62,116,72)
```
#448050
```
#448050 rgb(68,128,80)
```
#4b8d58
```
#4b8d58 rgb(75,141,88)
```
#529a60
```
#529a60 rgb(82,154,96)
```

Shade Color Variation

#59a768
```
#59a768 rgb(89,167,104)
```
#66ad74
```
#66ad74 rgb(102,173,116)
```
#73b47f
```
#73b47f rgb(115,180,127)
```
#80bb8b
```
#80bb8b rgb(128,187,139)
```
#8cc297
```
#8cc297 rgb(140,194,151)
```
#99c9a2
```
#99c9a2 rgb(153,201,162)
```
#a6cfae
```
#a6cfae rgb(166,207,174)
```
#b3d6b9
```
#b3d6b9 rgb(179,214,185)
```
#bfddc5
```
#bfddc5 rgb(191,221,197)
```
#cce4d1
```
#cce4d1 rgb(204,228,209)
```
#d9ebdc
```
#d9ebdc rgb(217,235,220)
```
#e6f2e8
```
#e6f2e8 rgb(230,242,232)
```
#f3f8f4
```
#f3f8f4 rgb(243,248,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #404a42 is the less saturated color, while #008a1a is the most saturated one.

#404a42
```
#404a42 rgb(64,74,66)
```
#3b4f3f
```
#3b4f3f rgb(59,79,63)
```
#35553b
```
#35553b rgb(53,85,59)
```
#305a38
```
#305a38 rgb(48,90,56)
```
#2b5f35
```
#2b5f35 rgb(43,95,53)
```
#256531
```
#256531 rgb(37,101,49)
```
#206a2e
```
#206a2e rgb(32,106,46)
```
#1b6f2b
```
#1b6f2b rgb(27,111,43)
```
#157528
```
#157528 rgb(21,117,40)
```
#107a24
```
#107a24 rgb(16,122,36)
```
#0b7f21
```
#0b7f21 rgb(11,127,33)
```
#06841e
```
#06841e rgb(6,132,30)
```
#008a1a
```
#008a1a rgb(0,138,26)
```

Tone Color Variation

Below, you can see how #305a38 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

#4a4a4a Achromatopsia 0.005% of the population
#454d46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#61593e Protanopia 1% of men
#695646 Deuteranopia 1% of men
#435e65 Tritanopia 0.001% of the population

Trichromacy

#4f593c Protanomaly 1% of men, 0.01% of women
#545741 Deuteranomaly 6% of men, 0.4% of women
#3c5c54 Tritanomaly 0.01% of the population

#305a38 hex color

#305a38 Color Information

#305a38 Color Conversion

Color Schemes with #305a38

Alternatives to #305a38

#305a38 Preview

Shades and Tints of #305a38

Tones of #305a38

Color Blindness Simulator