#304042 hex color

In a RGB color space, hex #304042 is composed of 18.8% red, 25.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 3% magenta, 0% yellow and 74.1% black. It has a hue angle of 186.7 degrees, a saturation of 15.8% and a lightness of 22.4%. #304042 color hex could be obtained by blending #608084 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 25
- B 26
RGB color chart
- C 27
- M 3
- Y 0
- K 74
CMYK color chart

● #304042 color description : Very dark grayish cyan.

The hexadecimal color #304042 has RGB values of R:48, G:64, B:66 and CMYK values of C:0.27, M:0.03, Y:0, K:0.74. Its decimal value is 3162178.

Hex triplet	304042	`#304042`
RGB Decimal	48, 64, 66	`rgb(48,64,66)`
RGB Percent	18.8, 25.1, 25.9	`rgb(18.8%,25.1%,25.9%)`
CMYK	27, 3, 0, 74
HSL	186.7°, 15.8, 22.4	`hsl(186.7,15.8%,22.4%)`
HSV (or HSB)	186.7°, 27.3, 25.9
Web Safe	333333	`#333333`

CIE-LAB	25.828, -5.863, -3.335
XYZ	4.035, 4.688, 5.846
xyY	0.277, 0.322, 4.688
CIE-LCH	25.828, 6.745, 209.633
CIE-LUV	25.828, -7.452, -3.086
Hunter-Lab	21.653, -4.625, -0.852
Binary	00110000, 01000000, 01000010

#304042
```
#304042 rgb(48,64,66)
```
#423230
```
#423230 rgb(66,50,48)
```

Complementary Color

#30423b
```
#30423b rgb(48,66,59)
```
#304042
```
#304042 rgb(48,64,66)
```
#303742
```
#303742 rgb(48,55,66)
```

Analogous Color

#423b30
```
#423b30 rgb(66,59,48)
```
#304042
```
#304042 rgb(48,64,66)
```
#423037
```
#423037 rgb(66,48,55)
```

Split Complementary Color

#404230
```
#404230 rgb(64,66,48)
```
#304042
```
#304042 rgb(48,64,66)
```
#423040
```
#423040 rgb(66,48,64)
```

Triadic Color

#304232
```
#304232 rgb(48,66,50)
```
#304042
```
#304042 rgb(48,64,66)
```
#423040
```
#423040 rgb(66,48,64)
```
#423230
```
#423230 rgb(66,50,48)
```

Tetradic Color

#101516
```
#101516 rgb(16,21,22)
```
#1b2324
```
#1b2324 rgb(27,35,36)
```
#253233
```
#253233 rgb(37,50,51)
```
#304042
```
#304042 rgb(48,64,66)
```
#3b4e51
```
#3b4e51 rgb(59,78,81)
```
#455d60
```
#455d60 rgb(69,93,96)
```
#506b6e
```
#506b6e rgb(80,107,110)
```

Monochromatic Color

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

#304240
```
#304240 rgb(48,66,64)
```
#304241
```
#304241 rgb(48,66,65)
```
#304242
```
#304242 rgb(48,66,66)
```
#304042
```
#304042 rgb(48,64,66)
```
#303f42
```
#303f42 rgb(48,63,66)
```
#303d42
```
#303d42 rgb(48,61,66)
```
#303c42
```
#303c42 rgb(48,60,66)
```

Similar Colors

Text with hexadecimal color #304042

This text has a font color of #304042.

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

#304042 background color

This paragraph has a background color of #304042.

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

#304042 border color

This element has a border color of #304042.

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

CSS codes

.text {color:#304042;}

.background {background-color:#304042;}

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

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

#070909
```
#070909 rgb(7,9,9)
```
#0f1415
```
#0f1415 rgb(15,20,21)
```
#171f20
```
#171f20 rgb(23,31,32)
```
#1f2a2b
```
#1f2a2b rgb(31,42,43)
```
#283537
```
#283537 rgb(40,53,55)
```
#304042
```
#304042 rgb(48,64,66)
```
#384b4d
```
#384b4d rgb(56,75,77)
```
#415659
```
#415659 rgb(65,86,89)
```
#496164
```
#496164 rgb(73,97,100)
```
#516c6f
```
#516c6f rgb(81,108,111)
```
#59777b
```
#59777b rgb(89,119,123)
```
#628286
```
#628286 rgb(98,130,134)
```
#6a8d91
```
#6a8d91 rgb(106,141,145)
```

Shade Color Variation

#75969a
```
#75969a rgb(117,150,154)
```
#809fa3
```
#809fa3 rgb(128,159,163)
```
#8ba7ab
```
#8ba7ab rgb(139,167,171)
```
#97b0b3
```
#97b0b3 rgb(151,176,179)
```
#a2b9bb
```
#a2b9bb rgb(162,185,187)
```
#adc1c4
```
#adc1c4 rgb(173,193,196)
```
#b9cacc
```
#b9cacc rgb(185,202,204)
```
#c4d2d4
```
#c4d2d4 rgb(196,210,212)
```
#cfdbdc
```
#cfdbdc rgb(207,219,220)
```
#dbe4e5
```
#dbe4e5 rgb(219,228,229)
```
#e6eced
```
#e6eced rgb(230,236,237)
```
#f2f5f5
```
#f2f5f5 rgb(242,245,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#393939
```
#393939 rgb(57,57,57)
```
#343d3e
```
#343d3e rgb(52,61,62)
```
#304042
```
#304042 rgb(48,64,66)
```
#2c4346
```
#2c4346 rgb(44,67,70)
```
#27474b
```
#27474b rgb(39,71,75)
```
#234a4f
```
#234a4f rgb(35,74,79)
```
#1e4e54
```
#1e4e54 rgb(30,78,84)
```
#1a5158
```
#1a5158 rgb(26,81,88)
```
#16545c
```
#16545c rgb(22,84,92)
```
#115861
```
#115861 rgb(17,88,97)
```
#0d5b65
```
#0d5b65 rgb(13,91,101)
```
#095f69
```
#095f69 rgb(9,95,105)
```
#04626e
```
#04626e rgb(4,98,110)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393c3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#47464a Protanopia 1% of men
#4a454d Deuteranopia 1% of men
#3b494e Tritanopia 0.001% of the population

Trichromacy

#3e4447 Protanomaly 1% of men, 0.01% of women
#414349 Deuteranomaly 6% of men, 0.4% of women
#37464a Tritanomaly 0.01% of the population

#304042 hex color

#304042 Color Information

#304042 Color Conversion

Color Schemes with #304042

Alternatives to #304042

#304042 Preview

Shades and Tints of #304042

Tones of #304042

Color Blindness Simulator