#30424c hex color

In a RGB color space, hex #30424c is composed of 18.8% red, 25.9% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 36.8% cyan, 13.2% magenta, 0% yellow and 70.2% black. It has a hue angle of 201.4 degrees, a saturation of 22.6% and a lightness of 24.3%. #30424c color hex could be obtained by blending #608498 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 26
- B 30
RGB color chart
- C 37
- M 13
- Y 0
- K 70
CMYK color chart

● #30424c color description : Very dark desaturated blue.

The hexadecimal color #30424c has RGB values of R:48, G:66, B:76 and CMYK values of C:0.37, M:0.13, Y:0, K:0.7. Its decimal value is 3162700.

Hex triplet	30424c	`#30424c`
RGB Decimal	48, 66, 76	`rgb(48,66,76)`
RGB Percent	18.8, 25.9, 29.8	`rgb(18.8%,25.9%,29.8%)`
CMYK	37, 13, 0, 70
HSL	201.4°, 22.6, 24.3	`hsl(201.4,22.6%,24.3%)`
HSV (or HSB)	201.4°, 36.8, 29.8
Web Safe	333333	`#333333`

CIE-LAB	26.867, -4.273, -8.351
XYZ	4.471, 5.046, 7.576
xyY	0.262, 0.295, 5.046
CIE-LCH	26.867, 9.38, 242.9
CIE-LUV	26.867, -8.389, -9.407
Hunter-Lab	22.464, -3.783, -4.269
Binary	00110000, 01000010, 01001100

#30424c
```
#30424c rgb(48,66,76)
```
#4c3a30
```
#4c3a30 rgb(76,58,48)
```

Complementary Color

#304c48
```
#304c48 rgb(48,76,72)
```
#30424c
```
#30424c rgb(48,66,76)
```
#30344c
```
#30344c rgb(48,52,76)
```

Analogous Color

#4c4830
```
#4c4830 rgb(76,72,48)
```
#30424c
```
#30424c rgb(48,66,76)
```
#4c3034
```
#4c3034 rgb(76,48,52)
```

Split Complementary Color

#424c30
```
#424c30 rgb(66,76,48)
```
#30424c
```
#30424c rgb(48,66,76)
```
#4c3042
```
#4c3042 rgb(76,48,66)
```

Triadic Color

#304c3a
```
#304c3a rgb(48,76,58)
```
#30424c
```
#30424c rgb(48,66,76)
```
#4c3042
```
#4c3042 rgb(76,48,66)
```
#4c3a30
```
#4c3a30 rgb(76,58,48)
```

Tetradic Color

#12191d
```
#12191d rgb(18,25,29)
```
#1c272d
```
#1c272d rgb(28,39,45)
```
#26343c
```
#26343c rgb(38,52,60)
```
#30424c
```
#30424c rgb(48,66,76)
```
#3a505c
```
#3a505c rgb(58,80,92)
```
#445d6b
```
#445d6b rgb(68,93,107)
```
#4e6b7b
```
#4e6b7b rgb(78,107,123)
```

Monochromatic Color

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

#30494c
```
#30494c rgb(48,73,76)
```
#30474c
```
#30474c rgb(48,71,76)
```
#30444c
```
#30444c rgb(48,68,76)
```
#30424c
```
#30424c rgb(48,66,76)
```
#30404c
```
#30404c rgb(48,64,76)
```
#303d4c
```
#303d4c rgb(48,61,76)
```
#303b4c
```
#303b4c rgb(48,59,76)
```

Similar Colors

Text with hexadecimal color #30424c

This text has a font color of #30424c.

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

#30424c background color

This paragraph has a background color of #30424c.

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

#30424c border color

This element has a border color of #30424c.

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

CSS codes

.text {color:#30424c;}

.background {background-color:#30424c;}

.border {border:1px solid #30424c;}

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

#020304
```
#020304 rgb(2,3,4)
```
#0a0e10
```
#0a0e10 rgb(10,14,16)
```
#12181c
```
#12181c rgb(18,24,28)
```
#192328
```
#192328 rgb(25,35,40)
```
#212d34
```
#212d34 rgb(33,45,52)
```
#283840
```
#283840 rgb(40,56,64)
```
#30424c
```
#30424c rgb(48,66,76)
```
#384c58
```
#384c58 rgb(56,76,88)
```
#3f5764
```
#3f5764 rgb(63,87,100)
```
#476170
```
#476170 rgb(71,97,112)
```
#4e6c7c
```
#4e6c7c rgb(78,108,124)
```
#567688
```
#567688 rgb(86,118,136)
```
#5e8194
```
#5e8194 rgb(94,129,148)
```

Shade Color Variation

#678b9f
```
#678b9f rgb(103,139,159)
```
#7394a6
```
#7394a6 rgb(115,148,166)
```
#7f9dae
```
#7f9dae rgb(127,157,174)
```
#8ba6b6
```
#8ba6b6 rgb(139,166,182)
```
#97afbd
```
#97afbd rgb(151,175,189)
```
#a3b9c5
```
#a3b9c5 rgb(163,185,197)
```
#afc2cc
```
#afc2cc rgb(175,194,204)
```
#bbcbd4
```
#bbcbd4 rgb(187,203,212)
```
#c7d4db
```
#c7d4db rgb(199,212,219)
```
#d3dde3
```
#d3dde3 rgb(211,221,227)
```
#dfe6eb
```
#dfe6eb rgb(223,230,235)
```
#ebf0f2
```
#ebf0f2 rgb(235,240,242)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3a3f42 is the less saturated color, while #00507c is the most saturated one.

#3a3f42
```
#3a3f42 rgb(58,63,66)
```
#354147
```
#354147 rgb(53,65,71)
```
#30424c
```
#30424c rgb(48,66,76)
```
#2b4351
```
#2b4351 rgb(43,67,81)
```
#264556
```
#264556 rgb(38,69,86)
```
#22465a
```
#22465a rgb(34,70,90)
```
#1d475f
```
#1d475f rgb(29,71,95)
```
#184964
```
#184964 rgb(24,73,100)
```
#134a69
```
#134a69 rgb(19,74,105)
```
#0f4c6d
```
#0f4c6d rgb(15,76,109)
```
#0a4d72
```
#0a4d72 rgb(10,77,114)
```
#054e77
```
#054e77 rgb(5,78,119)
```
#00507c
```
#00507c rgb(0,80,124)
```

Tone Color Variation

Below, you can see how #30424c 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
#3b3f41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#474853 Protanopia 1% of men
#494756 Deuteranopia 1% of men
#394c51 Tritanopia 0.001% of the population

Trichromacy

#3e4650 Protanomaly 1% of men, 0.01% of women
#404552 Deuteranomaly 6% of men, 0.4% of women
#36484f Tritanomaly 0.01% of the population

#30424c hex color

#30424c Color Information

#30424c Color Conversion

Color Schemes with #30424c

Alternatives to #30424c

#30424c Preview

Shades and Tints of #30424c

Tones of #30424c

Color Blindness Simulator