#305b46 hex color

In a RGB color space, hex #305b46 is composed of 18.8% red, 35.7% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 0% magenta, 23.1% yellow and 64.3% black. It has a hue angle of 150.7 degrees, a saturation of 30.9% and a lightness of 27.3%. #305b46 color hex could be obtained by blending #60b68c with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 36
- B 27
RGB color chart
- C 47
- M 0
- Y 23
- K 64
CMYK color chart

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

The hexadecimal color #305b46 has RGB values of R:48, G:91, B:70 and CMYK values of C:0.47, M:0, Y:0.23, K:0.64. Its decimal value is 3169094.

Hex triplet	305b46	`#305b46`
RGB Decimal	48, 91, 70	`rgb(48,91,70)`
RGB Percent	18.8, 35.7, 27.5	`rgb(18.8%,35.7%,27.5%)`
CMYK	47, 0, 23, 64
HSL	150.7°, 30.9, 27.3	`hsl(150.7,30.9%,27.3%)`
HSV (or HSB)	150.7°, 47.3, 35.7
Web Safe	336633	`#336633`

CIE-LAB	35.108, -20.488, 7.522
XYZ	6.065, 8.552, 7.125
xyY	0.279, 0.393, 8.552
CIE-LCH	35.108, 21.825, 159.841
CIE-LUV	35.108, -19.192, 11.838
Hunter-Lab	29.244, -14.158, 6.026
Binary	00110000, 01011011, 01000110

#305b46
```
#305b46 rgb(48,91,70)
```
#5b3045
```
#5b3045 rgb(91,48,69)
```

Complementary Color

#305b31
```
#305b31 rgb(48,91,49)
```
#305b46
```
#305b46 rgb(48,91,70)
```
#305b5b
```
#305b5b rgb(48,91,91)
```

Analogous Color

#5b3130
```
#5b3130 rgb(91,49,48)
```
#305b46
```
#305b46 rgb(48,91,70)
```
#5b305b
```
#5b305b rgb(91,48,91)
```

Split Complementary Color

#5b4630
```
#5b4630 rgb(91,70,48)
```
#305b46
```
#305b46 rgb(48,91,70)
```
#46305b
```
#46305b rgb(70,48,91)
```

Triadic Color

#455b30
```
#455b30 rgb(69,91,48)
```
#305b46
```
#305b46 rgb(48,91,70)
```
#46305b
```
#46305b rgb(70,48,91)
```
#5b3045
```
#5b3045 rgb(91,48,69)
```

Tetradic Color

#16291f
```
#16291f rgb(22,41,31)
```
#1e3a2c
```
#1e3a2c rgb(30,58,44)
```
#274a39
```
#274a39 rgb(39,74,57)
```
#305b46
```
#305b46 rgb(48,91,70)
```
#396c53
```
#396c53 rgb(57,108,83)
```
#427c60
```
#427c60 rgb(66,124,96)
```
#4a8d6d
```
#4a8d6d rgb(74,141,109)
```

Monochromatic Color

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

#305b3b
```
#305b3b rgb(48,91,59)
```
#305b3f
```
#305b3f rgb(48,91,63)
```
#305b42
```
#305b42 rgb(48,91,66)
```
#305b46
```
#305b46 rgb(48,91,70)
```
#305b4a
```
#305b4a rgb(48,91,74)
```
#305b4d
```
#305b4d rgb(48,91,77)
```
#305b51
```
#305b51 rgb(48,91,81)
```

Similar Colors

Text with hexadecimal color #305b46

This text has a font color of #305b46.

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

#305b46 background color

This paragraph has a background color of #305b46.

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

#305b46 border color

This element has a border color of #305b46.

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

CSS codes

.text {color:#305b46;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070e0b
```
#070e0b rgb(7,14,11)
```
#0e1b15
```
#0e1b15 rgb(14,27,21)
```
#15281e
```
#15281e rgb(21,40,30)
```
#1c3428
```
#1c3428 rgb(28,52,40)
```
#224132
```
#224132 rgb(34,65,50)
```
#294e3c
```
#294e3c rgb(41,78,60)
```
#305b46
```
#305b46 rgb(48,91,70)
```
#376850
```
#376850 rgb(55,104,80)
```
#3e755a
```
#3e755a rgb(62,117,90)
```
#448264
```
#448264 rgb(68,130,100)
```
#4b8e6e
```
#4b8e6e rgb(75,142,110)
```
#529b77
```
#529b77 rgb(82,155,119)
```

Shade Color Variation

#59a881
```
#59a881 rgb(89,168,129)
```
#66ae8b
```
#66ae8b rgb(102,174,139)
```
#73b595
```
#73b595 rgb(115,181,149)
```
#80bc9e
```
#80bc9e rgb(128,188,158)
```
#8dc3a8
```
#8dc3a8 rgb(141,195,168)
```
#99c9b2
```
#99c9b2 rgb(153,201,178)
```
#a6d0bc
```
#a6d0bc rgb(166,208,188)
```
#b3d7c5
```
#b3d7c5 rgb(179,215,197)
```
#c0decf
```
#c0decf rgb(192,222,207)
```
#cde4d9
```
#cde4d9 rgb(205,228,217)
```
#daebe3
```
#daebe3 rgb(218,235,227)
```
#e6f2ec
```
#e6f2ec rgb(230,242,236)
```
#f3f9f6
```
#f3f9f6 rgb(243,249,246)
```

Tint Color Variation

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

#454646
```
#454646 rgb(69,70,70)
```
#404b46
```
#404b46 rgb(64,75,70)
```
#3b5046
```
#3b5046 rgb(59,80,70)
```
#355646
```
#355646 rgb(53,86,70)
```
#305b46
```
#305b46 rgb(48,91,70)
```
#2b6046
```
#2b6046 rgb(43,96,70)
```
#256646
```
#256646 rgb(37,102,70)
```
#206b46
```
#206b46 rgb(32,107,70)
```
#1b7046
```
#1b7046 rgb(27,112,70)
```
#157647
```
#157647 rgb(21,118,71)
```
#107b47
```
#107b47 rgb(16,123,71)
```
#0b8047
```
#0b8047 rgb(11,128,71)
```
#058647
```
#058647 rgb(5,134,71)
```

Tone Color Variation

Below, you can see how #305b46 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
#464f4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#605b4b Protanopia 1% of men
#675853 Deuteranopia 1% of men
#416067 Tritanopia 0.001% of the population

Trichromacy

#4e5b49 Protanomaly 1% of men, 0.01% of women
#53594e Deuteranomaly 6% of men, 0.4% of women
#3b5e5b Tritanomaly 0.01% of the population

#305b46 hex color

#305b46 Color Information

#305b46 Color Conversion

Color Schemes with #305b46

Alternatives to #305b46

#305b46 Preview

Shades and Tints of #305b46

Tones of #305b46

Color Blindness Simulator