colorhexa.com

#304d48 hex color

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

- R 19
- G 30
- B 28
RGB color chart
- C 38
- M 0
- Y 6
- K 70
CMYK color chart

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

The hexadecimal color #304d48 has RGB values of R:48, G:77, B:72 and CMYK values of C:0.38, M:0, Y:0.06, K:0.7. Its decimal value is 3165512.

Hex triplet	304d48	`#304d48`
RGB Decimal	48, 77, 72	`rgb(48,77,72)`
RGB Percent	18.8, 30.2, 28.2	`rgb(18.8%,30.2%,28.2%)`
CMYK	38, 0, 6, 70
HSL	169.7°, 23.2, 24.5	`hsl(169.7,23.2%,24.5%)`
HSV (or HSB)	169.7°, 37.7, 30.2
Web Safe	336633	`#336633`

CIE-LAB	30.409, -12.167, -0.488
XYZ	5.042, 6.404, 7.101
xyY	0.272, 0.345, 6.404
CIE-LCH	30.409, 12.176, 182.296
CIE-LUV	30.409, -13.071, 0.998
Hunter-Lab	25.306, -8.719, 1.077
Binary	00110000, 01001101, 01001000

#304d48
```
#304d48 rgb(48,77,72)
```
#4d3035
```
#4d3035 rgb(77,48,53)
```

Complementary Color

#304d3a
```
#304d3a rgb(48,77,58)
```
#304d48
```
#304d48 rgb(48,77,72)
```
#30444d
```
#30444d rgb(48,68,77)
```

Analogous Color

#4d3a30
```
#4d3a30 rgb(77,58,48)
```
#304d48
```
#304d48 rgb(48,77,72)
```
#4d3044
```
#4d3044 rgb(77,48,68)
```

Split Complementary Color

#131e1c
```
#131e1c rgb(19,30,28)
```
#1c2e2b
```
#1c2e2b rgb(28,46,43)
```
#263d39
```
#263d39 rgb(38,61,57)
```
#304d48
```
#304d48 rgb(48,77,72)
```
#3a5d57
```
#3a5d57 rgb(58,93,87)
```
#446c65
```
#446c65 rgb(68,108,101)
```
#4d7c74
```
#4d7c74 rgb(77,124,116)
```

Monochromatic Color

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

#304d41
```
#304d41 rgb(48,77,65)
```
#304d43
```
#304d43 rgb(48,77,67)
```
#304d46
```
#304d46 rgb(48,77,70)
```
#304d48
```
#304d48 rgb(48,77,72)
```
#304d4a
```
#304d4a rgb(48,77,74)
```
#304d4d
```
#304d4d rgb(48,77,77)
```
#304b4d
```
#304b4d rgb(48,75,77)
```

Similar Colors

Text with hexadecimal color #304d48

This text has a font color of #304d48.

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

#304d48 background color

This paragraph has a background color of #304d48.

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

#304d48 border color

This element has a border color of #304d48.

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

CSS codes

.text {color:#304d48;}

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

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

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

#030504
```
#030504 rgb(3,5,4)
```
#0a1110
```
#0a1110 rgb(10,17,16)
```
#121d1b
```
#121d1b rgb(18,29,27)
```
#192926
```
#192926 rgb(25,41,38)
```
#213531
```
#213531 rgb(33,53,49)
```
#28413d
```
#28413d rgb(40,65,61)
```
#304d48
```
#304d48 rgb(48,77,72)
```
#385953
```
#385953 rgb(56,89,83)
```
#3f655f
```
#3f655f rgb(63,101,95)
```
#47716a
```
#47716a rgb(71,113,106)
```
#4e7d75
```
#4e7d75 rgb(78,125,117)
```
#568980
```
#568980 rgb(86,137,128)
```
#5d958c
```
#5d958c rgb(93,149,140)
```

Shade Color Variation

#66a096
```
#66a096 rgb(102,160,150)
```
#73a79e
```
#73a79e rgb(115,167,158)
```
#7fafa7
```
#7fafa7 rgb(127,175,167)
```
#8bb6af
```
#8bb6af rgb(139,182,175)
```
#97beb7
```
#97beb7 rgb(151,190,183)
```
#a3c6c0
```
#a3c6c0 rgb(163,198,192)
```
#afcdc8
```
#afcdc8 rgb(175,205,200)
```
#bbd5d0
```
#bbd5d0 rgb(187,213,208)
```
#c7dcd9
```
#c7dcd9 rgb(199,220,217)
```
#d3e4e1
```
#d3e4e1 rgb(211,228,225)
```
#dfebe9
```
#dfebe9 rgb(223,235,233)
```
#ebf3f1
```
#ebf3f1 rgb(235,243,241)
```
#f7fafa
```
#f7fafa rgb(247,250,250)
```

Tint Color Variation

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

#3e3f3f
```
#3e3f3f rgb(62,63,63)
```
#3a4342
```
#3a4342 rgb(58,67,66)
```
#354845
```
#354845 rgb(53,72,69)
```
#304d48
```
#304d48 rgb(48,77,72)
```
#2b524b
```
#2b524b rgb(43,82,75)
```
#26574e
```
#26574e rgb(38,87,78)
```
#225b51
```
#225b51 rgb(34,91,81)
```
#1d6055
```
#1d6055 rgb(29,96,85)
```
#186558
```
#186558 rgb(24,101,88)
```
#136a5b
```
#136a5b rgb(19,106,91)
```
#0e6f5e
```
#0e6f5e rgb(14,111,94)
```
#0a7361
```
#0a7361 rgb(10,115,97)
```
#057864
```
#057864 rgb(5,120,100)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#404645 Atypical Achromatopsia 0.001% of the population

Dichromacy

#53504e Protanopia 1% of men
#574e54 Deuteranopia 1% of men
#3d545a Tritanopia 0.001% of the population

Trichromacy

#464f4c Protanomaly 1% of men, 0.01% of women
#484e4f Deuteranomaly 6% of men, 0.4% of women
#385154 Tritanomaly 0.01% of the population