#305c5a hex color

In a RGB color space, hex #305c5a is composed of 18.8% red, 36.1% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 0% magenta, 2.2% yellow and 63.9% black. It has a hue angle of 177.3 degrees, a saturation of 31.4% and a lightness of 27.5%. #305c5a color hex could be obtained by blending #60b8b4 with #000000. Closest websafe color is: #336666.

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

● #305c5a color description : Very dark desaturated cyan.

The hexadecimal color #305c5a has RGB values of R:48, G:92, B:90 and CMYK values of C:0.48, M:0, Y:0.02, K:0.64. Its decimal value is 3169370.

Hex triplet	305c5a	`#305c5a`
RGB Decimal	48, 92, 90	`rgb(48,92,90)`
RGB Percent	18.8, 36.1, 35.3	`rgb(18.8%,36.1%,35.3%)`
CMYK	48, 0, 2, 64
HSL	177.3°, 31.4, 27.5	`hsl(177.3,31.4%,27.5%)`
HSV (or HSB)	177.3°, 47.8, 36.1
Web Safe	336666	`#336666`

CIE-LAB	36.024, -15.75, -3.594
XYZ	6.891, 9.02, 11.05
xyY	0.256, 0.335, 9.02
CIE-LCH	36.024, 16.155, 192.854
CIE-LUV	36.024, -19.034, -2.505
Hunter-Lab	30.034, -11.604, -0.79
Binary	00110000, 01011100, 01011010

#305c5a
```
#305c5a rgb(48,92,90)
```
#5c3032
```
#5c3032 rgb(92,48,50)
```

Complementary Color

#305c44
```
#305c44 rgb(48,92,68)
```
#305c5a
```
#305c5a rgb(48,92,90)
```
#30485c
```
#30485c rgb(48,72,92)
```

Analogous Color

#5c4430
```
#5c4430 rgb(92,68,48)
```
#305c5a
```
#305c5a rgb(48,92,90)
```
#5c3048
```
#5c3048 rgb(92,48,72)
```

Split Complementary Color

#5c5a30
```
#5c5a30 rgb(92,90,48)
```
#305c5a
```
#305c5a rgb(48,92,90)
```
#5a305c
```
#5a305c rgb(90,48,92)
```

Triadic Color

#325c30
```
#325c30 rgb(50,92,48)
```
#305c5a
```
#305c5a rgb(48,92,90)
```
#5a305c
```
#5a305c rgb(90,48,92)
```
#5c3032
```
#5c3032 rgb(92,48,50)
```

Tetradic Color

#162a29
```
#162a29 rgb(22,42,41)
```
#1f3a39
```
#1f3a39 rgb(31,58,57)
```
#274b4a
```
#274b4a rgb(39,75,74)
```
#305c5a
```
#305c5a rgb(48,92,90)
```
#396d6a
```
#396d6a rgb(57,109,106)
```
#417e7b
```
#417e7b rgb(65,126,123)
```
#4a8e8b
```
#4a8e8b rgb(74,142,139)
```

Monochromatic Color

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

#305c4f
```
#305c4f rgb(48,92,79)
```
#305c53
```
#305c53 rgb(48,92,83)
```
#305c56
```
#305c56 rgb(48,92,86)
```
#305c5a
```
#305c5a rgb(48,92,90)
```
#305a5c
```
#305a5c rgb(48,90,92)
```
#30575c
```
#30575c rgb(48,87,92)
```
#30535c
```
#30535c rgb(48,83,92)
```

Similar Colors

Text with hexadecimal color #305c5a

This text has a font color of #305c5a.

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

#305c5a background color

This paragraph has a background color of #305c5a.

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

#305c5a border color

This element has a border color of #305c5a.

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

CSS codes

.text {color:#305c5a;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080f0e
```
#080f0e rgb(8,15,14)
```
#0e1c1b
```
#0e1c1b rgb(14,28,27)
```
#152828
```
#152828 rgb(21,40,40)
```
#1c3534
```
#1c3534 rgb(28,53,52)
```
#234241
```
#234241 rgb(35,66,65)
```
#294f4d
```
#294f4d rgb(41,79,77)
```
#305c5a
```
#305c5a rgb(48,92,90)
```
#376967
```
#376967 rgb(55,105,103)
```
#3d7673
```
#3d7673 rgb(61,118,115)
```
#448380
```
#448380 rgb(68,131,128)
```
#4b908c
```
#4b908c rgb(75,144,140)
```
#529c99
```
#529c99 rgb(82,156,153)
```

Shade Color Variation

#59a8a5
```
#59a8a5 rgb(89,168,165)
```
#66afac
```
#66afac rgb(102,175,172)
```
#73b6b3
```
#73b6b3 rgb(115,182,179)
```
#80bdba
```
#80bdba rgb(128,189,186)
```
#8dc3c1
```
#8dc3c1 rgb(141,195,193)
```
#9acac8
```
#9acac8 rgb(154,202,200)
```
#a7d1cf
```
#a7d1cf rgb(167,209,207)
```
#b3d8d6
```
#b3d8d6 rgb(179,216,214)
```
#c0dedd
```
#c0dedd rgb(192,222,221)
```
#cde5e4
```
#cde5e4 rgb(205,229,228)
```
#daeceb
```
#daeceb rgb(218,236,235)
```
#e7f2f2
```
#e7f2f2 rgb(231,242,242)
```
#f4f9f9
```
#f4f9f9 rgb(244,249,249)
```

Tint Color Variation

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

#464646
```
#464646 rgb(70,70,70)
```
#404c4b
```
#404c4b rgb(64,76,75)
```
#3b5150
```
#3b5150 rgb(59,81,80)
```
#355755
```
#355755 rgb(53,87,85)
```
#305c5a
```
#305c5a rgb(48,92,90)
```
#2b615f
```
#2b615f rgb(43,97,95)
```
#256764
```
#256764 rgb(37,103,100)
```
#206c69
```
#206c69 rgb(32,108,105)
```
#1a726e
```
#1a726e rgb(26,114,110)
```
#157772
```
#157772 rgb(21,119,114)
```
#107c77
```
#107c77 rgb(16,124,119)
```
#0a827c
```
#0a827c rgb(10,130,124)
```
#058781
```
#058781 rgb(5,135,129)
```

Tone Color Variation

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

Dichromacy

#5e5d5e Protanopia 1% of men
#625b65 Deuteranopia 1% of men
#3d636a Tritanopia 0.001% of the population

Trichromacy

#4d5c5c Protanomaly 1% of men, 0.01% of women
#4f5b61 Deuteranomaly 6% of men, 0.4% of women
#386064 Tritanomaly 0.01% of the population

#305c5a hex color

#305c5a Color Information

#305c5a Color Conversion

Color Schemes with #305c5a

Alternatives to #305c5a

#305c5a Preview

Shades and Tints of #305c5a

Tones of #305c5a

Color Blindness Simulator