#304a47 hex color

In a RGB color space, hex #304a47 is composed of 18.8% red, 29% green and 27.8% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 4.1% yellow and 71% black. It has a hue angle of 173.1 degrees, a saturation of 21.3% and a lightness of 23.9%. #304a47 color hex could be obtained by blending #60948e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 29
- B 28
RGB color chart
- C 35
- M 0
- Y 4
- K 71
CMYK color chart

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

The hexadecimal color #304a47 has RGB values of R:48, G:74, B:71 and CMYK values of C:0.35, M:0, Y:0.04, K:0.71. Its decimal value is 3164743.

Hex triplet	304a47	`#304a47`
RGB Decimal	48, 74, 71	`rgb(48,74,71)`
RGB Percent	18.8, 29, 27.8	`rgb(18.8%,29%,27.8%)`
CMYK	35, 0, 4, 71
HSL	173.1°, 21.3, 23.9	`hsl(173.1,21.3%,23.9%)`
HSV (or HSB)	173.1°, 35.1, 29
Web Safe	333333	`#333333`

CIE-LAB	29.364, -10.657, -1.378
XYZ	4.805, 5.981, 6.862
xyY	0.272, 0.339, 5.981
CIE-LCH	29.364, 10.746, 187.366
CIE-LUV	29.364, -11.782, -0.265
Hunter-Lab	24.455, -7.727, 0.482
Binary	00110000, 01001010, 01000111

#304a47
```
#304a47 rgb(48,74,71)
```
#4a3033
```
#4a3033 rgb(74,48,51)
```

Complementary Color

#304a3a
```
#304a3a rgb(48,74,58)
```
#304a47
```
#304a47 rgb(48,74,71)
```
#30404a
```
#30404a rgb(48,64,74)
```

Analogous Color

#4a3a30
```
#4a3a30 rgb(74,58,48)
```
#304a47
```
#304a47 rgb(48,74,71)
```
#4a3040
```
#4a3040 rgb(74,48,64)
```

Split Complementary Color

#4a4730
```
#4a4730 rgb(74,71,48)
```
#304a47
```
#304a47 rgb(48,74,71)
```
#47304a
```
#47304a rgb(71,48,74)
```

Triadic Color

#334a30
```
#334a30 rgb(51,74,48)
```
#304a47
```
#304a47 rgb(48,74,71)
```
#47304a
```
#47304a rgb(71,48,74)
```
#4a3033
```
#4a3033 rgb(74,48,51)
```

Tetradic Color

#121c1a
```
#121c1a rgb(18,28,26)
```
#1c2b29
```
#1c2b29 rgb(28,43,41)
```
#263b38
```
#263b38 rgb(38,59,56)
```
#304a47
```
#304a47 rgb(48,74,71)
```
#3a5956
```
#3a5956 rgb(58,89,86)
```
#446965
```
#446965 rgb(68,105,101)
```
#4e7874
```
#4e7874 rgb(78,120,116)
```

Monochromatic Color

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

#304a41
```
#304a41 rgb(48,74,65)
```
#304a43
```
#304a43 rgb(48,74,67)
```
#304a45
```
#304a45 rgb(48,74,69)
```
#304a47
```
#304a47 rgb(48,74,71)
```
#304a49
```
#304a49 rgb(48,74,73)
```
#30494a
```
#30494a rgb(48,73,74)
```
#30474a
```
#30474a rgb(48,71,74)
```

Similar Colors

Text with hexadecimal color #304a47

This text has a font color of #304a47.

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

#304a47 background color

This paragraph has a background color of #304a47.

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

#304a47 border color

This element has a border color of #304a47.

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

CSS codes

.text {color:#304a47;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#090f0e
```
#090f0e rgb(9,15,14)
```
#111a19
```
#111a19 rgb(17,26,25)
```
#192625
```
#192625 rgb(25,38,37)
```
#213230
```
#213230 rgb(33,50,48)
```
#283e3c
```
#283e3c rgb(40,62,60)
```
#304a47
```
#304a47 rgb(48,74,71)
```
#385652
```
#385652 rgb(56,86,82)
```
#3f625e
```
#3f625e rgb(63,98,94)
```
#476e69
```
#476e69 rgb(71,110,105)
```
#4f7a75
```
#4f7a75 rgb(79,122,117)
```
#578580
```
#578580 rgb(87,133,128)
```
#5e918b
```
#5e918b rgb(94,145,139)
```

Shade Color Variation

#679c96
```
#679c96 rgb(103,156,150)
```
#73a49e
```
#73a49e rgb(115,164,158)
```
#7faca7
```
#7faca7 rgb(127,172,167)
```
#8bb4af
```
#8bb4af rgb(139,180,175)
```
#97bbb7
```
#97bbb7 rgb(151,187,183)
```
#a2c3bf
```
#a2c3bf rgb(162,195,191)
```
#aecbc7
```
#aecbc7 rgb(174,203,199)
```
#bad2d0
```
#bad2d0 rgb(186,210,208)
```
#c6dad8
```
#c6dad8 rgb(198,218,216)
```
#d2e2e0
```
#d2e2e0 rgb(210,226,224)
```
#deeae8
```
#deeae8 rgb(222,234,232)
```
#eaf1f0
```
#eaf1f0 rgb(234,241,240)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

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

#394140
```
#394140 rgb(57,65,64)
```
#354543
```
#354543 rgb(53,69,67)
```
#304a47
```
#304a47 rgb(48,74,71)
```
#2b4f4b
```
#2b4f4b rgb(43,79,75)
```
#27534e
```
#27534e rgb(39,83,78)
```
#225852
```
#225852 rgb(34,88,82)
```
#1d5d55
```
#1d5d55 rgb(29,93,85)
```
#196159
```
#196159 rgb(25,97,89)
```
#14665d
```
#14665d rgb(20,102,93)
```
#0f6b60
```
#0f6b60 rgb(15,107,96)
```
#0a7064
```
#0a7064 rgb(10,112,100)
```
#067467
```
#067467 rgb(6,116,103)
```
#01796b
```
#01796b rgb(1,121,107)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3e4443 Atypical Achromatopsia 0.001% of the population

Dichromacy

#504e4d Protanopia 1% of men
#544c52 Deuteranopia 1% of men
#3c5258 Tritanopia 0.001% of the population

Trichromacy

#444c4b Protanomaly 1% of men, 0.01% of women
#474b4e Deuteranomaly 6% of men, 0.4% of women
#384f51 Tritanomaly 0.01% of the population

#304a47 hex color

#304a47 Color Information

#304a47 Color Conversion

Color Schemes with #304a47

Alternatives to #304a47

#304a47 Preview

Shades and Tints of #304a47

Tones of #304a47

Color Blindness Simulator