#305c3f hex color

In a RGB color space, hex #305c3f is composed of 18.8% red, 36.1% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 0% magenta, 31.5% yellow and 63.9% black. It has a hue angle of 140.5 degrees, a saturation of 31.4% and a lightness of 27.5%. #305c3f color hex could be obtained by blending #60b87e with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 36
- B 25
RGB color chart
- C 48
- M 0
- Y 32
- K 64
CMYK color chart

● #305c3f color description : Very dark desaturated cyan - lime green.

The hexadecimal color #305c3f has RGB values of R:48, G:92, B:63 and CMYK values of C:0.48, M:0, Y:0.32, K:0.64. Its decimal value is 3169343.

Hex triplet	305c3f	`#305c3f`
RGB Decimal	48, 92, 63	`rgb(48,92,63)`
RGB Percent	18.8, 36.1, 24.7	`rgb(18.8%,36.1%,24.7%)`
CMYK	48, 0, 32, 64
HSL	140.5°, 31.4, 27.5	`hsl(140.5,31.4%,27.5%)`
HSV (or HSB)	140.5°, 47.8, 36.1
Web Safe	336633	`#336633`

CIE-LAB	35.284, -22.599, 12.073
XYZ	5.943, 8.641, 6.057
xyY	0.288, 0.419, 8.641
CIE-LCH	35.284, 25.622, 151.888
CIE-LUV	35.284, -19.82, 17.223
Hunter-Lab	29.396, -15.356, 8.36
Binary	00110000, 01011100, 00111111

#305c3f
```
#305c3f rgb(48,92,63)
```
#5c304d
```
#5c304d rgb(92,48,77)
```

Complementary Color

#375c30
```
#375c30 rgb(55,92,48)
```
#305c3f
```
#305c3f rgb(48,92,63)
```
#305c55
```
#305c55 rgb(48,92,85)
```

Analogous Color

#5c3037
```
#5c3037 rgb(92,48,55)
```
#305c3f
```
#305c3f rgb(48,92,63)
```
#55305c
```
#55305c rgb(85,48,92)
```

Split Complementary Color

#5c3f30
```
#5c3f30 rgb(92,63,48)
```
#305c3f
```
#305c3f rgb(48,92,63)
```
#3f305c
```
#3f305c rgb(63,48,92)
```

Triadic Color

#4d5c30
```
#4d5c30 rgb(77,92,48)
```
#305c3f
```
#305c3f rgb(48,92,63)
```
#3f305c
```
#3f305c rgb(63,48,92)
```
#5c304d
```
#5c304d rgb(92,48,77)
```

Tetradic Color

#162a1d
```
#162a1d rgb(22,42,29)
```
#1f3a28
```
#1f3a28 rgb(31,58,40)
```
#274b34
```
#274b34 rgb(39,75,52)
```
#305c3f
```
#305c3f rgb(48,92,63)
```
#396d4a
```
#396d4a rgb(57,109,74)
```
#417e56
```
#417e56 rgb(65,126,86)
```
#4a8e61
```
#4a8e61 rgb(74,142,97)
```

Monochromatic Color

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

#305c34
```
#305c34 rgb(48,92,52)
```
#305c38
```
#305c38 rgb(48,92,56)
```
#305c3b
```
#305c3b rgb(48,92,59)
```
#305c3f
```
#305c3f rgb(48,92,63)
```
#305c43
```
#305c43 rgb(48,92,67)
```
#305c46
```
#305c46 rgb(48,92,70)
```
#305c4a
```
#305c4a rgb(48,92,74)
```

Similar Colors

Text with hexadecimal color #305c3f

This text has a font color of #305c3f.

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

#305c3f background color

This paragraph has a background color of #305c3f.

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

#305c3f border color

This element has a border color of #305c3f.

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

CSS codes

.text {color:#305c3f;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#080f0a
```
#080f0a rgb(8,15,10)
```
#0e1c13
```
#0e1c13 rgb(14,28,19)
```
#15281c
```
#15281c rgb(21,40,28)
```
#1c3525
```
#1c3525 rgb(28,53,37)
```
#23422d
```
#23422d rgb(35,66,45)
```
#294f36
```
#294f36 rgb(41,79,54)
```
#305c3f
```
#305c3f rgb(48,92,63)
```
#376948
```
#376948 rgb(55,105,72)
```
#3d7651
```
#3d7651 rgb(61,118,81)
```
#448359
```
#448359 rgb(68,131,89)
```
#4b9062
```
#4b9062 rgb(75,144,98)
```
#529c6b
```
#529c6b rgb(82,156,107)
```

Shade Color Variation

#59a874
```
#59a874 rgb(89,168,116)
```
#66af7f
```
#66af7f rgb(102,175,127)
```
#73b68a
```
#73b68a rgb(115,182,138)
```
#80bd95
```
#80bd95 rgb(128,189,149)
```
#8dc39f
```
#8dc39f rgb(141,195,159)
```
#9acaaa
```
#9acaaa rgb(154,202,170)
```
#a7d1b5
```
#a7d1b5 rgb(167,209,181)
```
#b3d8c0
```
#b3d8c0 rgb(179,216,192)
```
#c0decb
```
#c0decb rgb(192,222,203)
```
#cde5d5
```
#cde5d5 rgb(205,229,213)
```
#daece0
```
#daece0 rgb(218,236,224)
```
#e7f2eb
```
#e7f2eb rgb(231,242,235)
```
#f4f9f6
```
#f4f9f6 rgb(244,249,246)
```

Tint Color Variation

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

#464646
```
#464646 rgb(70,70,70)
```
#404c44
```
#404c44 rgb(64,76,68)
```
#3b5142
```
#3b5142 rgb(59,81,66)
```
#355741
```
#355741 rgb(53,87,65)
```
#305c3f
```
#305c3f rgb(48,92,63)
```
#2b613d
```
#2b613d rgb(43,97,61)
```
#25673c
```
#25673c rgb(37,103,60)
```
#206c3a
```
#206c3a rgb(32,108,58)
```
#1a7238
```
#1a7238 rgb(26,114,56)
```
#157736
```
#157736 rgb(21,119,54)
```
#107c35
```
#107c35 rgb(16,124,53)
```
#0a8233
```
#0a8233 rgb(10,130,51)
```
#058731
```
#058731 rgb(5,135,49)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464f49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625b45 Protanopia 1% of men
#69584c Deuteranopia 1% of men
#436067 Tritanopia 0.001% of the population

Trichromacy

#505b43 Protanomaly 1% of men, 0.01% of women
#545947 Deuteranomaly 6% of men, 0.4% of women
#3c5e58 Tritanomaly 0.01% of the population

#305c3f hex color

#305c3f Color Information

#305c3f Color Conversion

Color Schemes with #305c3f

Alternatives to #305c3f

#305c3f Preview

Shades and Tints of #305c3f

Tones of #305c3f

Color Blindness Simulator