#304942 hex color

In a RGB color space, hex #304942 is composed of 18.8% red, 28.6% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 34.2% cyan, 0% magenta, 9.6% yellow and 71.4% black. It has a hue angle of 163.2 degrees, a saturation of 20.7% and a lightness of 23.7%. #304942 color hex could be obtained by blending #609284 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 29
- B 26
RGB color chart
- C 34
- M 0
- Y 10
- K 71
CMYK color chart

● #304942 color description : Very dark grayish cyan - lime green.

The hexadecimal color #304942 has RGB values of R:48, G:73, B:66 and CMYK values of C:0.34, M:0, Y:0.1, K:0.71. Its decimal value is 3164482.

Hex triplet	304942	`#304942`
RGB Decimal	48, 73, 66	`rgb(48,73,66)`
RGB Percent	18.8, 28.6, 25.9	`rgb(18.8%,28.6%,25.9%)`
CMYK	34, 0, 10, 71
HSL	163.2°, 20.7, 23.7	`hsl(163.2,20.7%,23.7%)`
HSV (or HSB)	163.2°, 34.2, 28.6
Web Safe	333333	`#333333`

CIE-LAB	28.868, -11.387, 1.127
XYZ	4.585, 5.787, 6.029
xyY	0.28, 0.353, 5.787
CIE-LCH	28.868, 11.443, 174.349
CIE-LUV	28.868, -11.38, 2.777
Hunter-Lab	24.055, -8.078, 1.978
Binary	00110000, 01001001, 01000010

#304942
```
#304942 rgb(48,73,66)
```
#493037
```
#493037 rgb(73,48,55)
```

Complementary Color

#304936
```
#304936 rgb(48,73,54)
```
#304942
```
#304942 rgb(48,73,66)
```
#304449
```
#304449 rgb(48,68,73)
```

Analogous Color

#493630
```
#493630 rgb(73,54,48)
```
#304942
```
#304942 rgb(48,73,66)
```
#493044
```
#493044 rgb(73,48,68)
```

Split Complementary Color

#494230
```
#494230 rgb(73,66,48)
```
#304942
```
#304942 rgb(48,73,66)
```
#423049
```
#423049 rgb(66,48,73)
```

Triadic Color

#374930
```
#374930 rgb(55,73,48)
```
#304942
```
#304942 rgb(48,73,66)
```
#423049
```
#423049 rgb(66,48,73)
```
#493037
```
#493037 rgb(73,48,55)
```

Tetradic Color

#121b18
```
#121b18 rgb(18,27,24)
```
#1c2a26
```
#1c2a26 rgb(28,42,38)
```
#263a34
```
#263a34 rgb(38,58,52)
```
#304942
```
#304942 rgb(48,73,66)
```
#3a5850
```
#3a5850 rgb(58,88,80)
```
#44685e
```
#44685e rgb(68,104,94)
```
#4e776c
```
#4e776c rgb(78,119,108)
```

Monochromatic Color

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

#30493c
```
#30493c rgb(48,73,60)
```
#30493e
```
#30493e rgb(48,73,62)
```
#304940
```
#304940 rgb(48,73,64)
```
#304942
```
#304942 rgb(48,73,66)
```
#304944
```
#304944 rgb(48,73,68)
```
#304946
```
#304946 rgb(48,73,70)
```
#304948
```
#304948 rgb(48,73,72)
```

Similar Colors

Text with hexadecimal color #304942

This text has a font color of #304942.

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

#304942 background color

This paragraph has a background color of #304942.

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

#304942 border color

This element has a border color of #304942.

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

CSS codes

.text {color:#304942;}

.background {background-color:#304942;}

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

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

#010202
```
#010202 rgb(1,2,2)
```
#090e0d
```
#090e0d rgb(9,14,13)
```
#111a17
```
#111a17 rgb(17,26,23)
```
#192522
```
#192522 rgb(25,37,34)
```
#20312d
```
#20312d rgb(32,49,45)
```
#283d37
```
#283d37 rgb(40,61,55)
```
#304942
```
#304942 rgb(48,73,66)
```
#38554d
```
#38554d rgb(56,85,77)
```
#406157
```
#406157 rgb(64,97,87)
```
#476d62
```
#476d62 rgb(71,109,98)
```
#4f786d
```
#4f786d rgb(79,120,109)
```
#578477
```
#578477 rgb(87,132,119)
```
#5f9082
```
#5f9082 rgb(95,144,130)
```

Shade Color Variation

#679b8d
```
#679b8d rgb(103,155,141)
```
#73a396
```
#73a396 rgb(115,163,150)
```
#7fab9e
```
#7fab9e rgb(127,171,158)
```
#8bb2a7
```
#8bb2a7 rgb(139,178,167)
```
#96bab0
```
#96bab0 rgb(150,186,176)
```
#a2c2b9
```
#a2c2b9 rgb(162,194,185)
```
#aecac2
```
#aecac2 rgb(174,202,194)
```
#bad2cb
```
#bad2cb rgb(186,210,203)
```
#c6d9d4
```
#c6d9d4 rgb(198,217,212)
```
#d2e1dd
```
#d2e1dd rgb(210,225,221)
```
#dde9e6
```
#dde9e6 rgb(221,233,230)
```
#e9f1ef
```
#e9f1ef rgb(233,241,239)
```
#f5f9f8
```
#f5f9f8 rgb(245,249,248)
```

Tint Color Variation

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

#39403e
```
#39403e rgb(57,64,62)
```
#354440
```
#354440 rgb(53,68,64)
```
#304942
```
#304942 rgb(48,73,66)
```
#2b4e44
```
#2b4e44 rgb(43,78,68)
```
#275246
```
#275246 rgb(39,82,70)
```
#225748
```
#225748 rgb(34,87,72)
```
#1d5c4a
```
#1d5c4a rgb(29,92,74)
```
#19604c
```
#19604c rgb(25,96,76)
```
#14654e
```
#14654e rgb(20,101,78)
```
#0f6a50
```
#0f6a50 rgb(15,106,80)
```
#0b6e52
```
#0b6e52 rgb(11,110,82)
```
#067354
```
#067354 rgb(6,115,84)
```
#017856
```
#017856 rgb(1,120,86)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e4341 Atypical Achromatopsia 0.001% of the population

Dichromacy

#504d49 Protanopia 1% of men
#544b4e Deuteranopia 1% of men
#3d5056 Tritanopia 0.001% of the population

Trichromacy

#444b46 Protanomaly 1% of men, 0.01% of women
#474a49 Deuteranomaly 6% of men, 0.4% of women
#384d4f Tritanomaly 0.01% of the population

#304942 hex color

#304942 Color Information

#304942 Color Conversion

Color Schemes with #304942

Alternatives to #304942

#304942 Preview

Shades and Tints of #304942

Tones of #304942

Color Blindness Simulator