#304d42 hex color

In a RGB color space, hex #304d42 is composed of 18.8% red, 30.2% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 37.7% cyan, 0% magenta, 14.3% yellow and 69.8% black. It has a hue angle of 157.2 degrees, a saturation of 23.2% and a lightness of 24.5%. #304d42 color hex could be obtained by blending #609a84 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 30
- B 26
RGB color chart
- C 38
- M 0
- Y 14
- K 70
CMYK color chart

● #304d42 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #304d42 has RGB values of R:48, G:77, B:66 and CMYK values of C:0.38, M:0, Y:0.14, K:0.7. Its decimal value is 3165506.

Hex triplet	304d42	`#304d42`
RGB Decimal	48, 77, 66	`rgb(48,77,66)`
RGB Percent	18.8, 30.2, 25.9	`rgb(18.8%,30.2%,25.9%)`
CMYK	38, 0, 14, 70
HSL	157.2°, 23.2, 24.5	`hsl(157.2,23.2%,24.5%)`
HSV (or HSB)	157.2°, 37.7, 30.2
Web Safe	336633	`#336633`

CIE-LAB	30.228, -13.731, 3.094
XYZ	4.856, 6.329, 6.12
xyY	0.281, 0.366, 6.329
CIE-LCH	30.228, 14.075, 167.303
CIE-LUV	30.228, -13.144, 5.413
Hunter-Lab	25.158, -9.573, 3.188
Binary	00110000, 01001101, 01000010

#304d42
```
#304d42 rgb(48,77,66)
```
#4d303b
```
#4d303b rgb(77,48,59)
```

Complementary Color

#304d34
```
#304d34 rgb(48,77,52)
```
#304d42
```
#304d42 rgb(48,77,66)
```
#304a4d
```
#304a4d rgb(48,74,77)
```

Analogous Color

#4d3430
```
#4d3430 rgb(77,52,48)
```
#304d42
```
#304d42 rgb(48,77,66)
```
#4d304a
```
#4d304a rgb(77,48,74)
```

Split Complementary Color

#4d4230
```
#4d4230 rgb(77,66,48)
```
#304d42
```
#304d42 rgb(48,77,66)
```
#42304d
```
#42304d rgb(66,48,77)
```

Triadic Color

#3b4d30
```
#3b4d30 rgb(59,77,48)
```
#304d42
```
#304d42 rgb(48,77,66)
```
#42304d
```
#42304d rgb(66,48,77)
```
#4d303b
```
#4d303b rgb(77,48,59)
```

Tetradic Color

#131e1a
```
#131e1a rgb(19,30,26)
```
#1c2e27
```
#1c2e27 rgb(28,46,39)
```
#263d35
```
#263d35 rgb(38,61,53)
```
#304d42
```
#304d42 rgb(48,77,66)
```
#3a5d4f
```
#3a5d4f rgb(58,93,79)
```
#446c5d
```
#446c5d rgb(68,108,93)
```
#4d7c6a
```
#4d7c6a rgb(77,124,106)
```

Monochromatic Color

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

#304d3b
```
#304d3b rgb(48,77,59)
```
#304d3d
```
#304d3d rgb(48,77,61)
```
#304d40
```
#304d40 rgb(48,77,64)
```
#304d42
```
#304d42 rgb(48,77,66)
```
#304d44
```
#304d44 rgb(48,77,68)
```
#304d47
```
#304d47 rgb(48,77,71)
```
#304d49
```
#304d49 rgb(48,77,73)
```

Similar Colors

Text with hexadecimal color #304d42

This text has a font color of #304d42.

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

#304d42 background color

This paragraph has a background color of #304d42.

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

#304d42 border color

This element has a border color of #304d42.

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

CSS codes

.text {color:#304d42;}

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

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

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

#030504
```
#030504 rgb(3,5,4)
```
#0a110e
```
#0a110e rgb(10,17,14)
```
#121d19
```
#121d19 rgb(18,29,25)
```
#192923
```
#192923 rgb(25,41,35)
```
#21352d
```
#21352d rgb(33,53,45)
```
#284138
```
#284138 rgb(40,65,56)
```
#304d42
```
#304d42 rgb(48,77,66)
```
#38594c
```
#38594c rgb(56,89,76)
```
#3f6557
```
#3f6557 rgb(63,101,87)
```
#477161
```
#477161 rgb(71,113,97)
```
#4e7d6b
```
#4e7d6b rgb(78,125,107)
```
#568976
```
#568976 rgb(86,137,118)
```
#5d9580
```
#5d9580 rgb(93,149,128)
```

Shade Color Variation

#66a08a
```
#66a08a rgb(102,160,138)
```
#73a793
```
#73a793 rgb(115,167,147)
```
#7faf9d
```
#7faf9d rgb(127,175,157)
```
#8bb6a6
```
#8bb6a6 rgb(139,182,166)
```
#97beaf
```
#97beaf rgb(151,190,175)
```
#a3c6b8
```
#a3c6b8 rgb(163,198,184)
```
#afcdc2
```
#afcdc2 rgb(175,205,194)
```
#bbd5cb
```
#bbd5cb rgb(187,213,203)
```
#c7dcd4
```
#c7dcd4 rgb(199,220,212)
```
#d3e4dd
```
#d3e4dd rgb(211,228,221)
```
#dfebe7
```
#dfebe7 rgb(223,235,231)
```
#ebf3f0
```
#ebf3f0 rgb(235,243,240)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

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

#3e3f3f
```
#3e3f3f rgb(62,63,63)
```
#3a4340
```
#3a4340 rgb(58,67,64)
```
#354841
```
#354841 rgb(53,72,65)
```
#304d42
```
#304d42 rgb(48,77,66)
```
#2b5243
```
#2b5243 rgb(43,82,67)
```
#265744
```
#265744 rgb(38,87,68)
```
#225b45
```
#225b45 rgb(34,91,69)
```
#1d6047
```
#1d6047 rgb(29,96,71)
```
#186548
```
#186548 rgb(24,101,72)
```
#136a49
```
#136a49 rgb(19,106,73)
```
#0e6f4a
```
#0e6f4a rgb(14,111,74)
```
#0a734b
```
#0a734b rgb(10,115,75)
```
#05784c
```
#05784c rgb(5,120,76)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f4543 Atypical Achromatopsia 0.001% of the population

Dichromacy

#535049 Protanopia 1% of men
#594e4e Deuteranopia 1% of men
#3e545a Tritanopia 0.001% of the population

Trichromacy

#464f46 Protanomaly 1% of men, 0.01% of women
#4a4d49 Deuteranomaly 6% of men, 0.4% of women
#395151 Tritanomaly 0.01% of the population

#304d42 hex color

#304d42 Color Information

#304d42 Color Conversion

Color Schemes with #304d42

Alternatives to #304d42

#304d42 Preview

Shades and Tints of #304d42

Tones of #304d42

Color Blindness Simulator