#304d4f hex color

In a RGB color space, hex #304d4f is composed of 18.8% red, 30.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 2.5% magenta, 0% yellow and 69% black. It has a hue angle of 183.9 degrees, a saturation of 24.4% and a lightness of 24.9%. #304d4f color hex could be obtained by blending #609a9e with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 30
- B 31
RGB color chart
- C 39
- M 3
- Y 0
- K 69
CMYK color chart

● #304d4f color description : Very dark desaturated cyan.

The hexadecimal color #304d4f has RGB values of R:48, G:77, B:79 and CMYK values of C:0.39, M:0.03, Y:0, K:0.69. Its decimal value is 3165519.

Hex triplet	304d4f	`#304d4f`
RGB Decimal	48, 77, 79	`rgb(48,77,79)`
RGB Percent	18.8, 30.2, 31	`rgb(18.8%,30.2%,31%)`
CMYK	39, 3, 0, 69
HSL	183.9°, 24.4, 24.9	`hsl(183.9,24.4%,24.9%)`
HSV (or HSB)	183.9°, 39.2, 31
Web Safe	336666	`#336666`

CIE-LAB	30.641, -10.214, -4.633
XYZ	5.284, 6.5, 8.373
xyY	0.262, 0.322, 6.5
CIE-LCH	30.641, 11.216, 204.398
CIE-LUV	30.641, -12.988, -4.362
Hunter-Lab	25.496, -7.626, -1.624
Binary	00110000, 01001101, 01001111

#304d4f
```
#304d4f rgb(48,77,79)
```
#4f3230
```
#4f3230 rgb(79,50,48)
```

Complementary Color

#304f42
```
#304f42 rgb(48,79,66)
```
#304d4f
```
#304d4f rgb(48,77,79)
```
#303e4f
```
#303e4f rgb(48,62,79)
```

Analogous Color

#4f4230
```
#4f4230 rgb(79,66,48)
```
#304d4f
```
#304d4f rgb(48,77,79)
```
#4f303e
```
#4f303e rgb(79,48,62)
```

Split Complementary Color

#4d4f30
```
#4d4f30 rgb(77,79,48)
```
#304d4f
```
#304d4f rgb(48,77,79)
```
#4f304d
```
#4f304d rgb(79,48,77)
```

Triadic Color

#304f32
```
#304f32 rgb(48,79,50)
```
#304d4f
```
#304d4f rgb(48,77,79)
```
#4f304d
```
#4f304d rgb(79,48,77)
```
#4f3230
```
#4f3230 rgb(79,50,48)
```

Tetradic Color

#131f1f
```
#131f1f rgb(19,31,31)
```
#1d2e2f
```
#1d2e2f rgb(29,46,47)
```
#263e3f
```
#263e3f rgb(38,62,63)
```
#304d4f
```
#304d4f rgb(48,77,79)
```
#3a5c5f
```
#3a5c5f rgb(58,92,95)
```
#436c6f
```
#436c6f rgb(67,108,111)
```
#4d7b7f
```
#4d7b7f rgb(77,123,127)
```

Monochromatic Color

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

#304f49
```
#304f49 rgb(48,79,73)
```
#304f4c
```
#304f4c rgb(48,79,76)
```
#304f4e
```
#304f4e rgb(48,79,78)
```
#304d4f
```
#304d4f rgb(48,77,79)
```
#304a4f
```
#304a4f rgb(48,74,79)
```
#30484f
```
#30484f rgb(48,72,79)
```
#30454f
```
#30454f rgb(48,69,79)
```

Similar Colors

Text with hexadecimal color #304d4f

This text has a font color of #304d4f.

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

#304d4f background color

This paragraph has a background color of #304d4f.

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

#304d4f border color

This element has a border color of #304d4f.

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

CSS codes

.text {color:#304d4f;}

.background {background-color:#304d4f;}

.border {border:1px solid #304d4f;}

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

#040606
```
#040606 rgb(4,6,6)
```
#0b1212
```
#0b1212 rgb(11,18,18)
```
#121d1e
```
#121d1e rgb(18,29,30)
```
#1a292a
```
#1a292a rgb(26,41,42)
```
#213537
```
#213537 rgb(33,53,55)
```
#294143
```
#294143 rgb(41,65,67)
```
#304d4f
```
#304d4f rgb(48,77,79)
```
#37595b
```
#37595b rgb(55,89,91)
```
#3f6567
```
#3f6567 rgb(63,101,103)
```
#467174
```
#467174 rgb(70,113,116)
```
#4e7d80
```
#4e7d80 rgb(78,125,128)
```
#55888c
```
#55888c rgb(85,136,140)
```
#5c9498
```
#5c9498 rgb(92,148,152)
```

Shade Color Variation

#669ea2
```
#669ea2 rgb(102,158,162)
```
#72a6aa
```
#72a6aa rgb(114,166,170)
```
#7faeb1
```
#7faeb1 rgb(127,174,177)
```
#8bb5b8
```
#8bb5b8 rgb(139,181,184)
```
#97bdc0
```
#97bdc0 rgb(151,189,192)
```
#a3c5c7
```
#a3c5c7 rgb(163,197,199)
```
#afcdcf
```
#afcdcf rgb(175,205,207)
```
#bcd4d6
```
#bcd4d6 rgb(188,212,214)
```
#c8dcdd
```
#c8dcdd rgb(200,220,221)
```
#d4e4e5
```
#d4e4e5 rgb(212,228,229)
```
#e0ebec
```
#e0ebec rgb(224,235,236)
```
#ecf3f4
```
#ecf3f4 rgb(236,243,244)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#3f4040
```
#3f4040 rgb(63,64,64)
```
#3a4445
```
#3a4445 rgb(58,68,69)
```
#35494a
```
#35494a rgb(53,73,74)
```
#304d4f
```
#304d4f rgb(48,77,79)
```
#2b5154
```
#2b5154 rgb(43,81,84)
```
#265659
```
#265659 rgb(38,86,89)
```
#215a5e
```
#215a5e rgb(33,90,94)
```
#1c5e63
```
#1c5e63 rgb(28,94,99)
```
#186267
```
#186267 rgb(24,98,103)
```
#13676c
```
#13676c rgb(19,103,108)
```
#0e6b71
```
#0e6b71 rgb(14,107,113)
```
#096f76
```
#096f76 rgb(9,111,118)
```
#04737b
```
#04737b rgb(4,115,123)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414747 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515155 Protanopia 1% of men
#544f5a Deuteranopia 1% of men
#3b555b Tritanopia 0.001% of the population

Trichromacy

#454f53 Protanomaly 1% of men, 0.01% of women
#474e56 Deuteranomaly 6% of men, 0.4% of women
#375257 Tritanomaly 0.01% of the population

#304d4f hex color

#304d4f Color Information

#304d4f Color Conversion

Color Schemes with #304d4f

Alternatives to #304d4f

#304d4f Preview

Shades and Tints of #304d4f

Tones of #304d4f

Color Blindness Simulator