#304047 hex color

In a RGB color space, hex #304047 is composed of 18.8% red, 25.1% green and 27.8% blue. Whereas in a CMYK color space, it is composed of 32.4% cyan, 9.9% magenta, 0% yellow and 72.2% black. It has a hue angle of 198.3 degrees, a saturation of 19.3% and a lightness of 23.3%. #304047 color hex could be obtained by blending #60808e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 25
- B 28
RGB color chart
- C 32
- M 10
- Y 0
- K 72
CMYK color chart

● #304047 color description : Very dark grayish blue.

The hexadecimal color #304047 has RGB values of R:48, G:64, B:71 and CMYK values of C:0.32, M:0.1, Y:0, K:0.72. Its decimal value is 3162183.

Hex triplet	304047	`#304047`
RGB Decimal	48, 64, 71	`rgb(48,64,71)`
RGB Percent	18.8, 25.1, 27.8	`rgb(18.8%,25.1%,27.8%)`
CMYK	32, 10, 0, 72
HSL	198.3°, 19.3, 23.3	`hsl(198.3,19.3%,23.3%)`
HSV (or HSB)	198.3°, 32.4, 27.8
Web Safe	333333	`#333333`

CIE-LAB	26.01, -4.458, -6.358
XYZ	4.189, 4.75, 6.657
xyY	0.269, 0.305, 4.75
CIE-LCH	26.01, 7.765, 234.964
CIE-LUV	26.01, -7.507, -6.855
Hunter-Lab	21.794, -3.828, -2.854
Binary	00110000, 01000000, 01000111

#304047
```
#304047 rgb(48,64,71)
```
#473730
```
#473730 rgb(71,55,48)
```

Complementary Color

#304743
```
#304743 rgb(48,71,67)
```
#304047
```
#304047 rgb(48,64,71)
```
#303547
```
#303547 rgb(48,53,71)
```

Analogous Color

#474330
```
#474330 rgb(71,67,48)
```
#304047
```
#304047 rgb(48,64,71)
```
#473035
```
#473035 rgb(71,48,53)
```

Split Complementary Color

#404730
```
#404730 rgb(64,71,48)
```
#304047
```
#304047 rgb(48,64,71)
```
#473040
```
#473040 rgb(71,48,64)
```

Triadic Color

#304737
```
#304737 rgb(48,71,55)
```
#304047
```
#304047 rgb(48,64,71)
```
#473040
```
#473040 rgb(71,48,64)
```
#473730
```
#473730 rgb(71,55,48)
```

Tetradic Color

#111719
```
#111719 rgb(17,23,25)
```
#1b2529
```
#1b2529 rgb(27,37,41)
```
#263238
```
#263238 rgb(38,50,56)
```
#304047
```
#304047 rgb(48,64,71)
```
#3a4e56
```
#3a4e56 rgb(58,78,86)
```
#455b65
```
#455b65 rgb(69,91,101)
```
#4f6975
```
#4f6975 rgb(79,105,117)
```

Monochromatic Color

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

#304647
```
#304647 rgb(48,70,71)
```
#304447
```
#304447 rgb(48,68,71)
```
#304247
```
#304247 rgb(48,66,71)
```
#304047
```
#304047 rgb(48,64,71)
```
#303e47
```
#303e47 rgb(48,62,71)
```
#303c47
```
#303c47 rgb(48,60,71)
```
#303a47
```
#303a47 rgb(48,58,71)
```

Similar Colors

Text with hexadecimal color #304047

This text has a font color of #304047.

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

#304047 background color

This paragraph has a background color of #304047.

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

#304047 border color

This element has a border color of #304047.

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

CSS codes

.text {color:#304047;}

.background {background-color:#304047;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080b0c
```
#080b0c rgb(8,11,12)
```
#101618
```
#101618 rgb(16,22,24)
```
#182024
```
#182024 rgb(24,32,36)
```
#202b30
```
#202b30 rgb(32,43,48)
```
#28353b
```
#28353b rgb(40,53,59)
```
#304047
```
#304047 rgb(48,64,71)
```
#384b53
```
#384b53 rgb(56,75,83)
```
#40555e
```
#40555e rgb(64,85,94)
```
#48606a
```
#48606a rgb(72,96,106)
```
#506a76
```
#506a76 rgb(80,106,118)
```
#587582
```
#587582 rgb(88,117,130)
```
#5f7f8d
```
#5f7f8d rgb(95,127,141)
```

Shade Color Variation

#688a99
```
#688a99 rgb(104,138,153)
```
#7393a1
```
#7393a1 rgb(115,147,161)
```
#7f9ca8
```
#7f9ca8 rgb(127,156,168)
```
#8ba5b0
```
#8ba5b0 rgb(139,165,176)
```
#96aeb8
```
#96aeb8 rgb(150,174,184)
```
#a2b7c0
```
#a2b7c0 rgb(162,183,192)
```
#aec0c8
```
#aec0c8 rgb(174,192,200)
```
#bac9d0
```
#bac9d0 rgb(186,201,208)
```
#c5d2d8
```
#c5d2d8 rgb(197,210,216)
```
#d1dbe0
```
#d1dbe0 rgb(209,219,224)
```
#dde4e8
```
#dde4e8 rgb(221,228,232)
```
#e8edf0
```
#e8edf0 rgb(232,237,240)
```
#f4f7f8
```
#f4f7f8 rgb(244,247,248)
```

Tint Color Variation

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

#393c3e
```
#393c3e rgb(57,60,62)
```
#353e42
```
#353e42 rgb(53,62,66)
```
#304047
```
#304047 rgb(48,64,71)
```
#2b424c
```
#2b424c rgb(43,66,76)
```
#274450
```
#274450 rgb(39,68,80)
```
#224555
```
#224555 rgb(34,69,85)
```
#1e4759
```
#1e4759 rgb(30,71,89)
```
#19495e
```
#19495e rgb(25,73,94)
```
#154b62
```
#154b62 rgb(21,75,98)
```
#104d67
```
#104d67 rgb(16,77,103)
```
#0b4e6c
```
#0b4e6c rgb(11,78,108)
```
#075070
```
#075070 rgb(7,80,112)
```
#025275
```
#025275 rgb(2,82,117)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3d3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#46474e Protanopia 1% of men
#494651 Deuteranopia 1% of men
#3a4a4f Tritanopia 0.001% of the population

Trichromacy

#3e444c Protanomaly 1% of men, 0.01% of women
#3f434d Deuteranomaly 6% of men, 0.4% of women
#36464c Tritanomaly 0.01% of the population

#304047 hex color

#304047 Color Information

#304047 Color Conversion

Color Schemes with #304047

Alternatives to #304047

#304047 Preview

Shades and Tints of #304047

Tones of #304047

Color Blindness Simulator