#305d4a hex color

In a RGB color space, hex #305d4a is composed of 18.8% red, 36.5% green and 29% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 0% magenta, 20.4% yellow and 63.5% black. It has a hue angle of 154.7 degrees, a saturation of 31.9% and a lightness of 27.6%. #305d4a color hex could be obtained by blending #60ba94 with #000000. Closest websafe color is: #336633.

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

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

The hexadecimal color #305d4a has RGB values of R:48, G:93, B:74 and CMYK values of C:0.48, M:0, Y:0.2, K:0.64. Its decimal value is 3169610.

Hex triplet	305d4a	`#305d4a`
RGB Decimal	48, 93, 74	`rgb(48,93,74)`
RGB Percent	18.8, 36.5, 29	`rgb(18.8%,36.5%,29%)`
CMYK	48, 0, 20, 64
HSL	154.7°, 31.9, 27.6	`hsl(154.7,31.9%,27.6%)`
HSV (or HSB)	154.7°, 48.4, 36.5
Web Safe	336633	`#336633`

CIE-LAB	35.89, -20.578, 6.154
XYZ	6.369, 8.951, 7.87
xyY	0.275, 0.386, 8.951
CIE-LCH	35.89, 21.479, 163.352
CIE-LUV	35.89, -19.938, 10.333
Hunter-Lab	29.918, -14.359, 5.346
Binary	00110000, 01011101, 01001010

#305d4a
```
#305d4a rgb(48,93,74)
```
#5d3043
```
#5d3043 rgb(93,48,67)
```

Complementary Color

#305d34
```
#305d34 rgb(48,93,52)
```
#305d4a
```
#305d4a rgb(48,93,74)
```
#305a5d
```
#305a5d rgb(48,90,93)
```

Analogous Color

#5d3430
```
#5d3430 rgb(93,52,48)
```
#305d4a
```
#305d4a rgb(48,93,74)
```
#5d305a
```
#5d305a rgb(93,48,90)
```

Split Complementary Color

#5d4a30
```
#5d4a30 rgb(93,74,48)
```
#305d4a
```
#305d4a rgb(48,93,74)
```
#4a305d
```
#4a305d rgb(74,48,93)
```

Triadic Color

#435d30
```
#435d30 rgb(67,93,48)
```
#305d4a
```
#305d4a rgb(48,93,74)
```
#4a305d
```
#4a305d rgb(74,48,93)
```
#5d3043
```
#5d3043 rgb(93,48,67)
```

Tetradic Color

#162b22
```
#162b22 rgb(22,43,34)
```
#1f3b2f
```
#1f3b2f rgb(31,59,47)
```
#274c3d
```
#274c3d rgb(39,76,61)
```
#305d4a
```
#305d4a rgb(48,93,74)
```
#396e57
```
#396e57 rgb(57,110,87)
```
#417f65
```
#417f65 rgb(65,127,101)
```
#4a8f72
```
#4a8f72 rgb(74,143,114)
```

Monochromatic Color

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

#305d3f
```
#305d3f rgb(48,93,63)
```
#305d43
```
#305d43 rgb(48,93,67)
```
#305d46
```
#305d46 rgb(48,93,70)
```
#305d4a
```
#305d4a rgb(48,93,74)
```
#305d4e
```
#305d4e rgb(48,93,78)
```
#305d52
```
#305d52 rgb(48,93,82)
```
#305d55
```
#305d55 rgb(48,93,85)
```

Similar Colors

Text with hexadecimal color #305d4a

This text has a font color of #305d4a.

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

#305d4a background color

This paragraph has a background color of #305d4a.

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

#305d4a border color

This element has a border color of #305d4a.

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

CSS codes

.text {color:#305d4a;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080f0c
```
#080f0c rgb(8,15,12)
```
#0f1c17
```
#0f1c17 rgb(15,28,23)
```
#152921
```
#152921 rgb(21,41,33)
```
#1c362b
```
#1c362b rgb(28,54,43)
```
#234335
```
#234335 rgb(35,67,53)
```
#295040
```
#295040 rgb(41,80,64)
```
#305d4a
```
#305d4a rgb(48,93,74)
```
#376a54
```
#376a54 rgb(55,106,84)
```
#3d775f
```
#3d775f rgb(61,119,95)
```
#448469
```
#448469 rgb(68,132,105)
```
#4b9173
```
#4b9173 rgb(75,145,115)
```
#519e7d
```
#519e7d rgb(81,158,125)
```

Shade Color Variation

#59a988
```
#59a988 rgb(89,169,136)
```
#66b091
```
#66b091 rgb(102,176,145)
```
#73b79a
```
#73b79a rgb(115,183,154)
```
#80bda4
```
#80bda4 rgb(128,189,164)
```
#8dc4ad
```
#8dc4ad rgb(141,196,173)
```
#9acbb6
```
#9acbb6 rgb(154,203,182)
```
#a7d2c0
```
#a7d2c0 rgb(167,210,192)
```
#b4d8c9
```
#b4d8c9 rgb(180,216,201)
```
#c1dfd2
```
#c1dfd2 rgb(193,223,210)
```
#cee6db
```
#cee6db rgb(206,230,219)
```
#dbece5
```
#dbece5 rgb(219,236,229)
```
#e8f3ee
```
#e8f3ee rgb(232,243,238)
```
#f4faf7
```
#f4faf7 rgb(244,250,247)
```

Tint Color Variation

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

#464747
```
#464747 rgb(70,71,71)
```
#404d47
```
#404d47 rgb(64,77,71)
```
#3b5248
```
#3b5248 rgb(59,82,72)
```
#355849
```
#355849 rgb(53,88,73)
```
#305d4a
```
#305d4a rgb(48,93,74)
```
#2b624b
```
#2b624b rgb(43,98,75)
```
#25684c
```
#25684c rgb(37,104,76)
```
#206d4d
```
#206d4d rgb(32,109,77)
```
#1a734d
```
#1a734d rgb(26,115,77)
```
#15784e
```
#15784e rgb(21,120,78)
```
#0f7e4f
```
#0f7e4f rgb(15,126,79)
```
#0a8350
```
#0a8350 rgb(10,131,80)
```
#058851
```
#058851 rgb(5,136,81)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#47504c Atypical Achromatopsia 0.001% of the population

Dichromacy

#625d4f Protanopia 1% of men
#685a57 Deuteranopia 1% of men
#416269 Tritanopia 0.001% of the population

Trichromacy

#4f5d4d Protanomaly 1% of men, 0.01% of women
#535b52 Deuteranomaly 6% of men, 0.4% of women
#3b605e Tritanomaly 0.01% of the population

#305d4a hex color

#305d4a Color Information

#305d4a Color Conversion

Color Schemes with #305d4a

Alternatives to #305d4a

#305d4a Preview

Shades and Tints of #305d4a

Tones of #305d4a

Color Blindness Simulator