#305b45 hex color

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

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

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

The hexadecimal color #305b45 has RGB values of R:48, G:91, B:69 and CMYK values of C:0.47, M:0, Y:0.24, K:0.64. Its decimal value is 3169093.

Hex triplet	305b45	`#305b45`
RGB Decimal	48, 91, 69	`rgb(48,91,69)`
RGB Percent	18.8, 35.7, 27.1	`rgb(18.8%,35.7%,27.1%)`
CMYK	47, 0, 24, 64
HSL	149.3°, 30.9, 27.3	`hsl(149.3,30.9%,27.3%)`
HSV (or HSB)	149.3°, 47.3, 35.7
Web Safe	336633	`#336633`

CIE-LAB	35.083, -20.725, 8.105
XYZ	6.034, 8.54, 6.96
xyY	0.28, 0.397, 8.54
CIE-LCH	35.083, 22.254, 158.64
CIE-LUV	35.083, -19.22, 12.536
Hunter-Lab	29.223, -14.285, 6.335
Binary	00110000, 01011011, 01000101

#305b45
```
#305b45 rgb(48,91,69)
```
#5b3046
```
#5b3046 rgb(91,48,70)
```

Complementary Color

#315b30
```
#315b30 rgb(49,91,48)
```
#305b45
```
#305b45 rgb(48,91,69)
```
#305b5b
```
#305b5b rgb(48,91,91)
```

Analogous Color

#5b3031
```
#5b3031 rgb(91,48,49)
```
#305b45
```
#305b45 rgb(48,91,69)
```
#5b305b
```
#5b305b rgb(91,48,91)
```

Split Complementary Color

#5b4530
```
#5b4530 rgb(91,69,48)
```
#305b45
```
#305b45 rgb(48,91,69)
```
#45305b
```
#45305b rgb(69,48,91)
```

Triadic Color

#465b30
```
#465b30 rgb(70,91,48)
```
#305b45
```
#305b45 rgb(48,91,69)
```
#45305b
```
#45305b rgb(69,48,91)
```
#5b3046
```
#5b3046 rgb(91,48,70)
```

Tetradic Color

#16291f
```
#16291f rgb(22,41,31)
```
#1e3a2c
```
#1e3a2c rgb(30,58,44)
```
#274a38
```
#274a38 rgb(39,74,56)
```
#305b45
```
#305b45 rgb(48,91,69)
```
#396c52
```
#396c52 rgb(57,108,82)
```
#427c5e
```
#427c5e rgb(66,124,94)
```
#4a8d6b
```
#4a8d6b rgb(74,141,107)
```

Monochromatic Color

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

#305b3a
```
#305b3a rgb(48,91,58)
```
#305b3e
```
#305b3e rgb(48,91,62)
```
#305b41
```
#305b41 rgb(48,91,65)
```
#305b45
```
#305b45 rgb(48,91,69)
```
#305b49
```
#305b49 rgb(48,91,73)
```
#305b4c
```
#305b4c rgb(48,91,76)
```
#305b50
```
#305b50 rgb(48,91,80)
```

Similar Colors

Text with hexadecimal color #305b45

This text has a font color of #305b45.

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

#305b45 background color

This paragraph has a background color of #305b45.

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

#305b45 border color

This element has a border color of #305b45.

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

CSS codes

.text {color:#305b45;}

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

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

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)
```
#0e1b14
```
#0e1b14 rgb(14,27,20)
```
#15281e
```
#15281e rgb(21,40,30)
```
#1c3428
```
#1c3428 rgb(28,52,40)
```
#224132
```
#224132 rgb(34,65,50)
```
#294e3b
```
#294e3b rgb(41,78,59)
```
#305b45
```
#305b45 rgb(48,91,69)
```
#37684f
```
#37684f rgb(55,104,79)
```
#3e7558
```
#3e7558 rgb(62,117,88)
```
#448262
```
#448262 rgb(68,130,98)
```
#4b8e6c
```
#4b8e6c rgb(75,142,108)
```
#529b76
```
#529b76 rgb(82,155,118)
```

Shade Color Variation

#59a87f
```
#59a87f rgb(89,168,127)
```
#66ae89
```
#66ae89 rgb(102,174,137)
```
#73b593
```
#73b593 rgb(115,181,147)
```
#80bc9d
```
#80bc9d rgb(128,188,157)
```
#8dc3a7
```
#8dc3a7 rgb(141,195,167)
```
#99c9b1
```
#99c9b1 rgb(153,201,177)
```
#a6d0bb
```
#a6d0bb rgb(166,208,187)
```
#b3d7c5
```
#b3d7c5 rgb(179,215,197)
```
#c0dece
```
#c0dece rgb(192,222,206)
```
#cde4d8
```
#cde4d8 rgb(205,228,216)
```
#daebe2
```
#daebe2 rgb(218,235,226)
```
#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, #454645 is the less saturated color, while #058644 is the most saturated one.

#454645
```
#454645 rgb(69,70,69)
```
#404b45
```
#404b45 rgb(64,75,69)
```
#3b5045
```
#3b5045 rgb(59,80,69)
```
#355645
```
#355645 rgb(53,86,69)
```
#305b45
```
#305b45 rgb(48,91,69)
```
#2b6045
```
#2b6045 rgb(43,96,69)
```
#256645
```
#256645 rgb(37,102,69)
```
#206b45
```
#206b45 rgb(32,107,69)
```
#1b7045
```
#1b7045 rgb(27,112,69)
```
#157644
```
#157644 rgb(21,118,68)
```
#107b44
```
#107b44 rgb(16,123,68)
```
#0b8044
```
#0b8044 rgb(11,128,68)
```
#058644
```
#058644 rgb(5,134,68)
```

Tone Color Variation

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

#605b4a Protanopia 1% of men
#675852 Deuteranopia 1% of men
#426067 Tritanopia 0.001% of the population

Trichromacy

#4f5b48 Protanomaly 1% of men, 0.01% of women
#53594d Deuteranomaly 6% of men, 0.4% of women
#3b5e5a Tritanomaly 0.01% of the population

#305b45 hex color

#305b45 Color Information

#305b45 Color Conversion

Color Schemes with #305b45

Alternatives to #305b45

#305b45 Preview

Shades and Tints of #305b45

Tones of #305b45

Color Blindness Simulator