#305350 hex color

In a RGB color space, hex #305350 is composed of 18.8% red, 32.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 0% magenta, 3.6% yellow and 67.5% black. It has a hue angle of 174.9 degrees, a saturation of 26.7% and a lightness of 25.7%. #305350 color hex could be obtained by blending #60a6a0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 33
- B 31
RGB color chart
- C 42
- M 0
- Y 4
- K 67
CMYK color chart

● #305350 color description : Very dark desaturated cyan.

The hexadecimal color #305350 has RGB values of R:48, G:83, B:80 and CMYK values of C:0.42, M:0, Y:0.04, K:0.67. Its decimal value is 3167056.

Hex triplet	305350	`#305350`
RGB Decimal	48, 83, 80	`rgb(48,83,80)`
RGB Percent	18.8, 32.5, 31.4	`rgb(18.8%,32.5%,31.4%)`
CMYK	42, 0, 4, 67
HSL	174.9°, 26.7, 25.7	`hsl(174.9,26.7%,25.7%)`
HSV (or HSB)	174.9°, 42.2, 32.5
Web Safe	336666	`#336666`

CIE-LAB	32.687, -13.465, -2.241
XYZ	5.76, 7.394, 8.713
xyY	0.263, 0.338, 7.394
CIE-LCH	32.687, 13.65, 189.448
CIE-LUV	32.687, -15.513, -1.001
Hunter-Lab	27.191, -9.775, 0.037
Binary	00110000, 01010011, 01010000

#305350
```
#305350 rgb(48,83,80)
```
#533033
```
#533033 rgb(83,48,51)
```

Complementary Color

#30533f
```
#30533f rgb(48,83,63)
```
#305350
```
#305350 rgb(48,83,80)
```
#304553
```
#304553 rgb(48,69,83)
```

Analogous Color

#533f30
```
#533f30 rgb(83,63,48)
```
#305350
```
#305350 rgb(48,83,80)
```
#533045
```
#533045 rgb(83,48,69)
```

Split Complementary Color

#535030
```
#535030 rgb(83,80,48)
```
#305350
```
#305350 rgb(48,83,80)
```
#503053
```
#503053 rgb(80,48,83)
```

Triadic Color

#335330
```
#335330 rgb(51,83,48)
```
#305350
```
#305350 rgb(48,83,80)
```
#503053
```
#503053 rgb(80,48,83)
```
#533033
```
#533033 rgb(83,48,51)
```

Tetradic Color

#142321
```
#142321 rgb(20,35,33)
```
#1d3331
```
#1d3331 rgb(29,51,49)
```
#274340
```
#274340 rgb(39,67,64)
```
#305350
```
#305350 rgb(48,83,80)
```
#396360
```
#396360 rgb(57,99,96)
```
#43736f
```
#43736f rgb(67,115,111)
```
#4c837f
```
#4c837f rgb(76,131,127)
```

Monochromatic Color

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

#305347
```
#305347 rgb(48,83,71)
```
#30534a
```
#30534a rgb(48,83,74)
```
#30534d
```
#30534d rgb(48,83,77)
```
#305350
```
#305350 rgb(48,83,80)
```
#305353
```
#305353 rgb(48,83,83)
```
#305053
```
#305053 rgb(48,80,83)
```
#304d53
```
#304d53 rgb(48,77,83)
```

Similar Colors

Text with hexadecimal color #305350

This text has a font color of #305350.

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

#305350 background color

This paragraph has a background color of #305350.

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

#305350 border color

This element has a border color of #305350.

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

CSS codes

.text {color:#305350;}

.background {background-color:#305350;}

.border {border:1px solid #305350;}

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

#050808
```
#050808 rgb(5,8,8)
```
#0c1514
```
#0c1514 rgb(12,21,20)
```
#132120
```
#132120 rgb(19,33,32)
```
#1a2e2c
```
#1a2e2c rgb(26,46,44)
```
#223a38
```
#223a38 rgb(34,58,56)
```
#294744
```
#294744 rgb(41,71,68)
```
#305350
```
#305350 rgb(48,83,80)
```
#375f5c
```
#375f5c rgb(55,95,92)
```
#3e6c68
```
#3e6c68 rgb(62,108,104)
```
#467874
```
#467874 rgb(70,120,116)
```
#4d8580
```
#4d8580 rgb(77,133,128)
```
#54918c
```
#54918c rgb(84,145,140)
```
#5b9e98
```
#5b9e98 rgb(91,158,152)
```

Shade Color Variation

#66a6a1
```
#66a6a1 rgb(102,166,161)
```
#72aea9
```
#72aea9 rgb(114,174,169)
```
#7fb5b0
```
#7fb5b0 rgb(127,181,176)
```
#8bbcb8
```
#8bbcb8 rgb(139,188,184)
```
#98c3bf
```
#98c3bf rgb(152,195,191)
```
#a4cac7
```
#a4cac7 rgb(164,202,199)
```
#b0d2cf
```
#b0d2cf rgb(176,210,207)
```
#bdd9d6
```
#bdd9d6 rgb(189,217,214)
```
#c9e0de
```
#c9e0de rgb(201,224,222)
```
#d6e7e6
```
#d6e7e6 rgb(214,231,230)
```
#e2eeed
```
#e2eeed rgb(226,238,237)
```
#eff6f5
```
#eff6f5 rgb(239,246,245)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#3f4443
```
#3f4443 rgb(63,68,67)
```
#3a4948
```
#3a4948 rgb(58,73,72)
```
#354e4c
```
#354e4c rgb(53,78,76)
```
#305350
```
#305350 rgb(48,83,80)
```
#2b5854
```
#2b5854 rgb(43,88,84)
```
#265d58
```
#265d58 rgb(38,93,88)
```
#21625d
```
#21625d rgb(33,98,93)
```
#1c6761
```
#1c6761 rgb(28,103,97)
```
#176c65
```
#176c65 rgb(23,108,101)
```
#127169
```
#127169 rgb(18,113,105)
```
#0d766d
```
#0d766d rgb(13,118,109)
```
#087b71
```
#087b71 rgb(8,123,113)
```
#038076
```
#038076 rgb(3,128,118)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434a4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#575555 Protanopia 1% of men
#5b535b Deuteranopia 1% of men
#3d5a61 Tritanopia 0.001% of the population

Trichromacy

#495453 Protanomaly 1% of men, 0.01% of women
#4b5357 Deuteranomaly 6% of men, 0.4% of women
#38575a Tritanomaly 0.01% of the population

#305350 hex color

#305350 Color Information

#305350 Color Conversion

Color Schemes with #305350

Alternatives to #305350

#305350 Preview

Shades and Tints of #305350

Tones of #305350

Color Blindness Simulator