#305f4f hex color

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

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

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

The hexadecimal color #305f4f has RGB values of R:48, G:95, B:79 and CMYK values of C:0.49, M:0, Y:0.17, K:0.63. Its decimal value is 3170127.

Hex triplet	305f4f	`#305f4f`
RGB Decimal	48, 95, 79	`rgb(48,95,79)`
RGB Percent	18.8, 37.3, 31	`rgb(18.8%,37.3%,31%)`
CMYK	49, 0, 17, 63
HSL	159.6°, 32.9, 28	`hsl(159.6,32.9%,28%)`
HSV (or HSB)	159.6°, 49.5, 37.3
Web Safe	336666	`#336666`

CIE-LAB	36.7, -20.384, 4.22
XYZ	6.722, 9.377, 8.852
xyY	0.269, 0.376, 9.377
CIE-LCH	36.7, 20.817, 168.305
CIE-LUV	36.7, -20.635, 8.045
Hunter-Lab	30.622, -14.404, 4.295
Binary	00110000, 01011111, 01001111

#305f4f
```
#305f4f rgb(48,95,79)
```
#5f3040
```
#5f3040 rgb(95,48,64)
```

Complementary Color

#305f38
```
#305f38 rgb(48,95,56)
```
#305f4f
```
#305f4f rgb(48,95,79)
```
#30585f
```
#30585f rgb(48,88,95)
```

Analogous Color

#5f3830
```
#5f3830 rgb(95,56,48)
```
#305f4f
```
#305f4f rgb(48,95,79)
```
#5f3058
```
#5f3058 rgb(95,48,88)
```

Split Complementary Color

#5f4f30
```
#5f4f30 rgb(95,79,48)
```
#305f4f
```
#305f4f rgb(48,95,79)
```
#4f305f
```
#4f305f rgb(79,48,95)
```

Triadic Color

#405f30
```
#405f30 rgb(64,95,48)
```
#305f4f
```
#305f4f rgb(48,95,79)
```
#4f305f
```
#4f305f rgb(79,48,95)
```
#5f3040
```
#5f3040 rgb(95,48,64)
```

Tetradic Color

#162c25
```
#162c25 rgb(22,44,37)
```
#1f3d33
```
#1f3d33 rgb(31,61,51)
```
#274e41
```
#274e41 rgb(39,78,65)
```
#305f4f
```
#305f4f rgb(48,95,79)
```
#39705d
```
#39705d rgb(57,112,93)
```
#41816b
```
#41816b rgb(65,129,107)
```
#4a9279
```
#4a9279 rgb(74,146,121)
```

Monochromatic Color

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

#305f43
```
#305f43 rgb(48,95,67)
```
#305f47
```
#305f47 rgb(48,95,71)
```
#305f4b
```
#305f4b rgb(48,95,75)
```
#305f4f
```
#305f4f rgb(48,95,79)
```
#305f53
```
#305f53 rgb(48,95,83)
```
#305f57
```
#305f57 rgb(48,95,87)
```
#305f5b
```
#305f5b rgb(48,95,91)
```

Similar Colors

Text with hexadecimal color #305f4f

This text has a font color of #305f4f.

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

#305f4f background color

This paragraph has a background color of #305f4f.

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

#305f4f border color

This element has a border color of #305f4f.

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

CSS codes

.text {color:#305f4f;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#08110e
```
#08110e rgb(8,17,14)
```
#0f1e19
```
#0f1e19 rgb(15,30,25)
```
#162b24
```
#162b24 rgb(22,43,36)
```
#1c382e
```
#1c382e rgb(28,56,46)
```
#234539
```
#234539 rgb(35,69,57)
```
#295244
```
#295244 rgb(41,82,68)
```
#305f4f
```
#305f4f rgb(48,95,79)
```
#376c5a
```
#376c5a rgb(55,108,90)
```
#3d7965
```
#3d7965 rgb(61,121,101)
```
#448670
```
#448670 rgb(68,134,112)
```
#4a937a
```
#4a937a rgb(74,147,122)
```
#51a085
```
#51a085 rgb(81,160,133)
```

Shade Color Variation

#59ab8f
```
#59ab8f rgb(89,171,143)
```
#66b298
```
#66b298 rgb(102,178,152)
```
#73b8a1
```
#73b8a1 rgb(115,184,161)
```
#80bfaa
```
#80bfaa rgb(128,191,170)
```
#8ec6b3
```
#8ec6b3 rgb(142,198,179)
```
#9bccbb
```
#9bccbb rgb(155,204,187)
```
#a8d3c4
```
#a8d3c4 rgb(168,211,196)
```
#b5d9cd
```
#b5d9cd rgb(181,217,205)
```
#c2e0d6
```
#c2e0d6 rgb(194,224,214)
```
#cfe7de
```
#cfe7de rgb(207,231,222)
```
#dcede7
```
#dcede7 rgb(220,237,231)
```
#e9f4f0
```
#e9f4f0 rgb(233,244,240)
```
#f6faf9
```
#f6faf9 rgb(246,250,249)
```

Tint Color Variation

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

#464948
```
#464948 rgb(70,73,72)
```
#414f4a
```
#414f4a rgb(65,79,74)
```
#3b544b
```
#3b544b rgb(59,84,75)
```
#365a4d
```
#365a4d rgb(54,90,77)
```
#305f4f
```
#305f4f rgb(48,95,79)
```
#2b6551
```
#2b6551 rgb(43,101,81)
```
#256a53
```
#256a53 rgb(37,106,83)
```
#207054
```
#207054 rgb(32,112,84)
```
#1a7556
```
#1a7556 rgb(26,117,86)
```
#157b58
```
#157b58 rgb(21,123,88)
```
#0f805a
```
#0f805a rgb(15,128,90)
```
#0a865b
```
#0a865b rgb(10,134,91)
```
#048b5d
```
#048b5d rgb(4,139,93)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#49524f Atypical Achromatopsia 0.001% of the population

Dichromacy

#635e54 Protanopia 1% of men
#695c5b Deuteranopia 1% of men
#41646b Tritanopia 0.001% of the population

Trichromacy

#505e52 Protanomaly 1% of men, 0.01% of women
#545d57 Deuteranomaly 6% of men, 0.4% of women
#3b6261 Tritanomaly 0.01% of the population

#305f4f hex color

#305f4f Color Information

#305f4f Color Conversion

Color Schemes with #305f4f

Alternatives to #305f4f

#305f4f Preview

Shades and Tints of #305f4f

Tones of #305f4f

Color Blindness Simulator