#304442 hex color

In a RGB color space, hex #304442 is composed of 18.8% red, 26.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 0% magenta, 2.9% yellow and 73.3% black. It has a hue angle of 174 degrees, a saturation of 17.2% and a lightness of 22.7%. #304442 color hex could be obtained by blending #608884 with #000000. Closest websafe color is: #333333.

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

● #304442 color description : Very dark grayish cyan.

The hexadecimal color #304442 has RGB values of R:48, G:68, B:66 and CMYK values of C:0.29, M:0, Y:0.03, K:0.73. Its decimal value is 3163202.

Hex triplet	304442	`#304442`
RGB Decimal	48, 68, 66	`rgb(48,68,66)`
RGB Percent	18.8, 26.7, 25.9	`rgb(18.8%,26.7%,25.9%)`
CMYK	29, 0, 3, 73
HSL	174°, 17.2, 22.7	`hsl(174,17.2%,22.7%)`
HSV (or HSB)	174°, 29.4, 26.7
Web Safe	333333	`#333333`

CIE-LAB	27.174, -8.361, -1.347
XYZ	4.269, 5.156, 5.924
xyY	0.278, 0.336, 5.156
CIE-LCH	27.174, 8.469, 189.154
CIE-LUV	27.174, -9.187, -0.499
Hunter-Lab	22.706, -6.175, 0.426
Binary	00110000, 01000100, 01000010

#304442
```
#304442 rgb(48,68,66)
```
#443032
```
#443032 rgb(68,48,50)
```

Complementary Color

#304438
```
#304438 rgb(48,68,56)
```
#304442
```
#304442 rgb(48,68,66)
```
#303c44
```
#303c44 rgb(48,60,68)
```

Analogous Color

#443830
```
#443830 rgb(68,56,48)
```
#304442
```
#304442 rgb(48,68,66)
```
#44303c
```
#44303c rgb(68,48,60)
```

Split Complementary Color

#444230
```
#444230 rgb(68,66,48)
```
#304442
```
#304442 rgb(48,68,66)
```
#423044
```
#423044 rgb(66,48,68)
```

Triadic Color

#324430
```
#324430 rgb(50,68,48)
```
#304442
```
#304442 rgb(48,68,66)
```
#423044
```
#423044 rgb(66,48,68)
```
#443032
```
#443032 rgb(68,48,50)
```

Tetradic Color

#101716
```
#101716 rgb(16,23,22)
```
#1b2625
```
#1b2625 rgb(27,38,37)
```
#253533
```
#253533 rgb(37,53,51)
```
#304442
```
#304442 rgb(48,68,66)
```
#3b5351
```
#3b5351 rgb(59,83,81)
```
#45625f
```
#45625f rgb(69,98,95)
```
#50716e
```
#50716e rgb(80,113,110)
```

Monochromatic Color

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

#30443d
```
#30443d rgb(48,68,61)
```
#30443f
```
#30443f rgb(48,68,63)
```
#304440
```
#304440 rgb(48,68,64)
```
#304442
```
#304442 rgb(48,68,66)
```
#304444
```
#304444 rgb(48,68,68)
```
#304344
```
#304344 rgb(48,67,68)
```
#304144
```
#304144 rgb(48,65,68)
```

Similar Colors

Text with hexadecimal color #304442

This text has a font color of #304442.

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

#304442 background color

This paragraph has a background color of #304442.

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

#304442 border color

This element has a border color of #304442.

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

CSS codes

.text {color:#304442;}

.background {background-color:#304442;}

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

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, #070b0a is the darkest color, while #fefefe is the lightest one.

#070b0a
```
#070b0a rgb(7,11,10)
```
#101615
```
#101615 rgb(16,22,21)
```
#182221
```
#182221 rgb(24,34,33)
```
#202d2c
```
#202d2c rgb(32,45,44)
```
#283937
```
#283937 rgb(40,57,55)
```
#304442
```
#304442 rgb(48,68,66)
```
#384f4d
```
#384f4d rgb(56,79,77)
```
#405b58
```
#405b58 rgb(64,91,88)
```
#486663
```
#486663 rgb(72,102,99)
```
#50726f
```
#50726f rgb(80,114,111)
```
#597d7a
```
#597d7a rgb(89,125,122)
```
#618985
```
#618985 rgb(97,137,133)
```
#699490
```
#699490 rgb(105,148,144)
```

Shade Color Variation

#749d99
```
#749d99 rgb(116,157,153)
```
#80a5a1
```
#80a5a1 rgb(128,165,161)
```
#8badaa
```
#8badaa rgb(139,173,170)
```
#97b5b2
```
#97b5b2 rgb(151,181,178)
```
#a2bdbb
```
#a2bdbb rgb(162,189,187)
```
#aec5c3
```
#aec5c3 rgb(174,197,195)
```
#b9cecc
```
#b9cecc rgb(185,206,204)
```
#c5d6d4
```
#c5d6d4 rgb(197,214,212)
```
#d0dedc
```
#d0dedc rgb(208,222,220)
```
#dce6e5
```
#dce6e5 rgb(220,230,229)
```
#e7eeed
```
#e7eeed rgb(231,238,237)
```
#f3f6f6
```
#f3f6f6 rgb(243,246,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#393b3b
```
#393b3b rgb(57,59,59)
```
#34403e
```
#34403e rgb(52,64,62)
```
#304442
```
#304442 rgb(48,68,66)
```
#2c4846
```
#2c4846 rgb(44,72,70)
```
#274d49
```
#274d49 rgb(39,77,73)
```
#23514d
```
#23514d rgb(35,81,77)
```
#1e5650
```
#1e5650 rgb(30,86,80)
```
#1a5a54
```
#1a5a54 rgb(26,90,84)
```
#155f57
```
#155f57 rgb(21,95,87)
```
#11635b
```
#11635b rgb(17,99,91)
```
#0c685f
```
#0c685f rgb(12,104,95)
```
#086c62
```
#086c62 rgb(8,108,98)
```
#037166
```
#037166 rgb(3,113,102)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3f3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4949 Protanopia 1% of men
#4f484d Deuteranopia 1% of men
#3c4c52 Tritanopia 0.001% of the population

Trichromacy

#414746 Protanomaly 1% of men, 0.01% of women
#434649 Deuteranomaly 6% of men, 0.4% of women
#37494c Tritanomaly 0.01% of the population

#304442 hex color

#304442 Color Information

#304442 Color Conversion

Color Schemes with #304442

Alternatives to #304442

#304442 Preview

Shades and Tints of #304442

Tones of #304442

Color Blindness Simulator