#305f46 hex color

In a RGB color space, hex #305f46 is composed of 18.8% red, 37.3% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 0% magenta, 26.3% yellow and 62.7% black. It has a hue angle of 148.1 degrees, a saturation of 32.9% and a lightness of 28%. #305f46 color hex could be obtained by blending #60be8c with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 37
- B 27
RGB color chart
- C 49
- M 0
- Y 26
- K 63
CMYK color chart

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

The hexadecimal color #305f46 has RGB values of R:48, G:95, B:70 and CMYK values of C:0.49, M:0, Y:0.26, K:0.63. Its decimal value is 3170118.

Hex triplet	305f46	`#305f46`
RGB Decimal	48, 95, 70	`rgb(48,95,70)`
RGB Percent	18.8, 37.3, 27.5	`rgb(18.8%,37.3%,27.5%)`
CMYK	49, 0, 26, 63
HSL	148.1°, 32.9, 28	`hsl(148.1,32.9%,28%)`
HSV (or HSB)	148.1°, 49.5, 37.3
Web Safe	336633	`#336633`

CIE-LAB	36.47, -22.576, 9.431
XYZ	6.416, 9.255, 7.242
xyY	0.28, 0.404, 9.255
CIE-LCH	36.47, 24.467, 157.327
CIE-LUV	36.47, -20.919, 14.474
Hunter-Lab	30.421, -15.59, 7.18
Binary	00110000, 01011111, 01000110

#305f46
```
#305f46 rgb(48,95,70)
```
#5f3049
```
#5f3049 rgb(95,48,73)
```

Complementary Color

#325f30
```
#325f30 rgb(50,95,48)
```
#305f46
```
#305f46 rgb(48,95,70)
```
#305f5e
```
#305f5e rgb(48,95,94)
```

Analogous Color

#5f3031
```
#5f3031 rgb(95,48,49)
```
#305f46
```
#305f46 rgb(48,95,70)
```
#5e305f
```
#5e305f rgb(94,48,95)
```

Split Complementary Color

#5f4630
```
#5f4630 rgb(95,70,48)
```
#305f46
```
#305f46 rgb(48,95,70)
```
#46305f
```
#46305f rgb(70,48,95)
```

Triadic Color

#495f30
```
#495f30 rgb(73,95,48)
```
#305f46
```
#305f46 rgb(48,95,70)
```
#46305f
```
#46305f rgb(70,48,95)
```
#5f3049
```
#5f3049 rgb(95,48,73)
```

Tetradic Color

#162c21
```
#162c21 rgb(22,44,33)
```
#1f3d2d
```
#1f3d2d rgb(31,61,45)
```
#274e3a
```
#274e3a rgb(39,78,58)
```
#305f46
```
#305f46 rgb(48,95,70)
```
#397052
```
#397052 rgb(57,112,82)
```
#41815f
```
#41815f rgb(65,129,95)
```
#4a926b
```
#4a926b rgb(74,146,107)
```

Monochromatic Color

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

#305f3a
```
#305f3a rgb(48,95,58)
```
#305f3e
```
#305f3e rgb(48,95,62)
```
#305f42
```
#305f42 rgb(48,95,66)
```
#305f46
```
#305f46 rgb(48,95,70)
```
#305f4a
```
#305f4a rgb(48,95,74)
```
#305f4e
```
#305f4e rgb(48,95,78)
```
#305f52
```
#305f52 rgb(48,95,82)
```

Similar Colors

Text with hexadecimal color #305f46

This text has a font color of #305f46.

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

#305f46 background color

This paragraph has a background color of #305f46.

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

#305f46 border color

This element has a border color of #305f46.

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

CSS codes

.text {color:#305f46;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#08110c
```
#08110c rgb(8,17,12)
```
#0f1e16
```
#0f1e16 rgb(15,30,22)
```
#162b20
```
#162b20 rgb(22,43,32)
```
#1c3829
```
#1c3829 rgb(28,56,41)
```
#234533
```
#234533 rgb(35,69,51)
```
#29523c
```
#29523c rgb(41,82,60)
```
#305f46
```
#305f46 rgb(48,95,70)
```
#376c50
```
#376c50 rgb(55,108,80)
```
#3d7959
```
#3d7959 rgb(61,121,89)
```
#448663
```
#448663 rgb(68,134,99)
```
#4a936c
```
#4a936c rgb(74,147,108)
```
#51a076
```
#51a076 rgb(81,160,118)
```

Shade Color Variation

#59ab80
```
#59ab80 rgb(89,171,128)
```
#66b28a
```
#66b28a rgb(102,178,138)
```
#73b894
```
#73b894 rgb(115,184,148)
```
#80bf9e
```
#80bf9e rgb(128,191,158)
```
#8ec6a8
```
#8ec6a8 rgb(142,198,168)
```
#9bccb2
```
#9bccb2 rgb(155,204,178)
```
#a8d3bc
```
#a8d3bc rgb(168,211,188)
```
#b5d9c6
```
#b5d9c6 rgb(181,217,198)
```
#c2e0d0
```
#c2e0d0 rgb(194,224,208)
```
#cfe7da
```
#cfe7da rgb(207,231,218)
```
#dcede4
```
#dcede4 rgb(220,237,228)
```
#e9f4ee
```
#e9f4ee rgb(233,244,238)
```
#f6faf8
```
#f6faf8 rgb(246,250,248)
```

Tint Color Variation

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

#464947
```
#464947 rgb(70,73,71)
```
#414f47
```
#414f47 rgb(65,79,71)
```
#3b5447
```
#3b5447 rgb(59,84,71)
```
#365a46
```
#365a46 rgb(54,90,70)
```
#305f46
```
#305f46 rgb(48,95,70)
```
#2b6546
```
#2b6546 rgb(43,101,70)
```
#256a45
```
#256a45 rgb(37,106,69)
```
#207045
```
#207045 rgb(32,112,69)
```
#1a7545
```
#1a7545 rgb(26,117,69)
```
#157b44
```
#157b44 rgb(21,123,68)
```
#0f8044
```
#0f8044 rgb(15,128,68)
```
#0a8644
```
#0a8644 rgb(10,134,68)
```
#048b43
```
#048b43 rgb(4,139,67)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#48514c Atypical Achromatopsia 0.001% of the population

Dichromacy

#645e4b Protanopia 1% of men
#6b5b53 Deuteranopia 1% of men
#43636a Tritanopia 0.001% of the population

Trichromacy

#515e49 Protanomaly 1% of men, 0.01% of women
#555c4e Deuteranomaly 6% of men, 0.4% of women
#3c615d Tritanomaly 0.01% of the population

#305f46 hex color

#305f46 Color Information

#305f46 Color Conversion

Color Schemes with #305f46

Alternatives to #305f46

#305f46 Preview

Shades and Tints of #305f46

Tones of #305f46

Color Blindness Simulator