#305a3f hex color

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

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

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

The hexadecimal color #305a3f has RGB values of R:48, G:90, B:63 and CMYK values of C:0.47, M:0, Y:0.3, K:0.65. Its decimal value is 3168831.

Hex triplet	305a3f	`#305a3f`
RGB Decimal	48, 90, 63	`rgb(48,90,63)`
RGB Percent	18.8, 35.3, 24.7	`rgb(18.8%,35.3%,24.7%)`
CMYK	47, 0, 30, 65
HSL	141.4°, 30.4, 27.1	`hsl(141.4,30.4%,27.1%)`
HSV (or HSB)	141.4°, 46.7, 35.3
Web Safe	336633	`#336633`

CIE-LAB	34.599, -21.566, 11.131
XYZ	5.772, 8.299, 6
xyY	0.288, 0.413, 8.299
CIE-LCH	34.599, 24.269, 152.7
CIE-LUV	34.599, -18.943, 15.949
Hunter-Lab	28.808, -14.651, 7.817
Binary	00110000, 01011010, 00111111

#305a3f
```
#305a3f rgb(48,90,63)
```
#5a304b
```
#5a304b rgb(90,48,75)
```

Complementary Color

#365a30
```
#365a30 rgb(54,90,48)
```
#305a3f
```
#305a3f rgb(48,90,63)
```
#305a54
```
#305a54 rgb(48,90,84)
```

Analogous Color

#5a3036
```
#5a3036 rgb(90,48,54)
```
#305a3f
```
#305a3f rgb(48,90,63)
```
#54305a
```
#54305a rgb(84,48,90)
```

Split Complementary Color

#5a3f30
```
#5a3f30 rgb(90,63,48)
```
#305a3f
```
#305a3f rgb(48,90,63)
```
#3f305a
```
#3f305a rgb(63,48,90)
```

Triadic Color

#4b5a30
```
#4b5a30 rgb(75,90,48)
```
#305a3f
```
#305a3f rgb(48,90,63)
```
#3f305a
```
#3f305a rgb(63,48,90)
```
#5a304b
```
#5a304b rgb(90,48,75)
```

Tetradic Color

#15281c
```
#15281c rgb(21,40,28)
```
#1e3928
```
#1e3928 rgb(30,57,40)
```
#274933
```
#274933 rgb(39,73,51)
```
#305a3f
```
#305a3f rgb(48,90,63)
```
#396b4b
```
#396b4b rgb(57,107,75)
```
#427b56
```
#427b56 rgb(66,123,86)
```
#4b8c62
```
#4b8c62 rgb(75,140,98)
```

Monochromatic Color

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

#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)
```
#305a46
```
#305a46 rgb(48,90,70)
```
#305a4a
```
#305a4a rgb(48,90,74)
```

Similar Colors

Text with hexadecimal color #305a3f

This text has a font color of #305a3f.

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

#305a3f background color

This paragraph has a background color of #305a3f.

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

#305a3f border color

This element has a border color of #305a3f.

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

CSS codes

.text {color:#305a3f;}

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

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

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 #f3f8f5 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#070d09
```
#070d09 rgb(7,13,9)
```
#0e1a12
```
#0e1a12 rgb(14,26,18)
```
#15271b
```
#15271b rgb(21,39,27)
```
#1c3424
```
#1c3424 rgb(28,52,36)
```
#22402d
```
#22402d rgb(34,64,45)
```
#294d36
```
#294d36 rgb(41,77,54)
```
#305a3f
```
#305a3f rgb(48,90,63)
```
#376748
```
#376748 rgb(55,103,72)
```
#3e7451
```
#3e7451 rgb(62,116,81)
```
#44805a
```
#44805a rgb(68,128,90)
```
#4b8d63
```
#4b8d63 rgb(75,141,99)
```
#529a6c
```
#529a6c rgb(82,154,108)
```

Shade Color Variation

#59a775
```
#59a775 rgb(89,167,117)
```
#66ad7f
```
#66ad7f rgb(102,173,127)
```
#73b48a
```
#73b48a rgb(115,180,138)
```
#80bb95
```
#80bb95 rgb(128,187,149)
```
#8cc29f
```
#8cc29f rgb(140,194,159)
```
#99c9aa
```
#99c9aa rgb(153,201,170)
```
#a6cfb5
```
#a6cfb5 rgb(166,207,181)
```
#b3d6bf
```
#b3d6bf rgb(179,214,191)
```
#bfddca
```
#bfddca rgb(191,221,202)
```
#cce4d5
```
#cce4d5 rgb(204,228,213)
```
#d9ebdf
```
#d9ebdf rgb(217,235,223)
```
#e6f2ea
```
#e6f2ea rgb(230,242,234)
```
#f3f8f5
```
#f3f8f5 rgb(243,248,245)
```

Tint Color Variation

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

#404a44
```
#404a44 rgb(64,74,68)
```
#3b4f42
```
#3b4f42 rgb(59,79,66)
```
#355541
```
#355541 rgb(53,85,65)
```
#305a3f
```
#305a3f rgb(48,90,63)
```
#2b5f3d
```
#2b5f3d rgb(43,95,61)
```
#25653c
```
#25653c rgb(37,101,60)
```
#206a3a
```
#206a3a rgb(32,106,58)
```
#1b6f39
```
#1b6f39 rgb(27,111,57)
```
#157537
```
#157537 rgb(21,117,55)
```
#107a36
```
#107a36 rgb(16,122,54)
```
#0b7f34
```
#0b7f34 rgb(11,127,52)
```
#068433
```
#068433 rgb(6,132,51)
```
#008a31
```
#008a31 rgb(0,138,49)
```

Tone Color Variation

Below, you can see how #305a3f 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
#454d48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#605a45 Protanopia 1% of men
#67574c Deuteranopia 1% of men
#425e65 Tritanopia 0.001% of the population

Trichromacy

#4e5a43 Protanomaly 1% of men, 0.01% of women
#535847 Deuteranomaly 6% of men, 0.4% of women
#3b5d57 Tritanomaly 0.01% of the population

#305a3f hex color

#305a3f Color Information

#305a3f Color Conversion

Color Schemes with #305a3f

Alternatives to #305a3f

#305a3f Preview

Shades and Tints of #305a3f

Tones of #305a3f

Color Blindness Simulator