#30424e hex color

In a RGB color space, hex #30424e is composed of 18.8% red, 25.9% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 15.4% magenta, 0% yellow and 69.4% black. It has a hue angle of 204 degrees, a saturation of 23.8% and a lightness of 24.7%. #30424e color hex could be obtained by blending #60849c with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 26
- B 31
RGB color chart
- C 38
- M 15
- Y 0
- K 69
CMYK color chart

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

The hexadecimal color #30424e has RGB values of R:48, G:66, B:78 and CMYK values of C:0.38, M:0.15, Y:0, K:0.69. Its decimal value is 3162702.

Hex triplet	30424e	`#30424e`
RGB Decimal	48, 66, 78	`rgb(48,66,78)`
RGB Percent	18.8, 25.9, 30.6	`rgb(18.8%,25.9%,30.6%)`
CMYK	38, 15, 0, 69
HSL	204°, 23.8, 24.7	`hsl(204,23.8%,24.7%)`
HSV (or HSB)	204°, 38.5, 30.6
Web Safe	333366	`#333366`

CIE-LAB	26.947, -3.672, -9.538
XYZ	4.542, 5.075, 7.948
xyY	0.259, 0.289, 5.075
CIE-LCH	26.947, 10.22, 248.943
CIE-LUV	26.947, -8.405, -10.965
Hunter-Lab	22.527, -3.433, -5.148
Binary	00110000, 01000010, 01001110

#30424e
```
#30424e rgb(48,66,78)
```
#4e3c30
```
#4e3c30 rgb(78,60,48)
```

Complementary Color

#304e4b
```
#304e4b rgb(48,78,75)
```
#30424e
```
#30424e rgb(48,66,78)
```
#30334e
```
#30334e rgb(48,51,78)
```

Analogous Color

#4e4b30
```
#4e4b30 rgb(78,75,48)
```
#30424e
```
#30424e rgb(48,66,78)
```
#4e3033
```
#4e3033 rgb(78,48,51)
```

Split Complementary Color

#424e30
```
#424e30 rgb(66,78,48)
```
#30424e
```
#30424e rgb(48,66,78)
```
#4e3042
```
#4e3042 rgb(78,48,66)
```

Triadic Color

#304e3c
```
#304e3c rgb(48,78,60)
```
#30424e
```
#30424e rgb(48,66,78)
```
#4e3042
```
#4e3042 rgb(78,48,66)
```
#4e3c30
```
#4e3c30 rgb(78,60,48)
```

Tetradic Color

#131a1f
```
#131a1f rgb(19,26,31)
```
#1d272e
```
#1d272e rgb(29,39,46)
```
#26353e
```
#26353e rgb(38,53,62)
```
#30424e
```
#30424e rgb(48,66,78)
```
#3a4f5e
```
#3a4f5e rgb(58,79,94)
```
#435d6e
```
#435d6e rgb(67,93,110)
```
#4d6a7d
```
#4d6a7d rgb(77,106,125)
```

Monochromatic Color

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

#304a4e
```
#304a4e rgb(48,74,78)
```
#30474e
```
#30474e rgb(48,71,78)
```
#30454e
```
#30454e rgb(48,69,78)
```
#30424e
```
#30424e rgb(48,66,78)
```
#30404e
```
#30404e rgb(48,64,78)
```
#303d4e
```
#303d4e rgb(48,61,78)
```
#303b4e
```
#303b4e rgb(48,59,78)
```

Similar Colors

Text with hexadecimal color #30424e

This text has a font color of #30424e.

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

#30424e background color

This paragraph has a background color of #30424e.

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

#30424e border color

This element has a border color of #30424e.

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

CSS codes

.text {color:#30424e;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0f11
```
#0b0f11 rgb(11,15,17)
```
#12191d
```
#12191d rgb(18,25,29)
```
#1a232a
```
#1a232a rgb(26,35,42)
```
#212d36
```
#212d36 rgb(33,45,54)
```
#293842
```
#293842 rgb(41,56,66)
```
#30424e
```
#30424e rgb(48,66,78)
```
#374c5a
```
#374c5a rgb(55,76,90)
```
#3f5766
```
#3f5766 rgb(63,87,102)
```
#466172
```
#466172 rgb(70,97,114)
```
#4e6b7f
```
#4e6b7f rgb(78,107,127)
```
#55758b
```
#55758b rgb(85,117,139)
```
#5d8097
```
#5d8097 rgb(93,128,151)
```

Shade Color Variation

#668aa1
```
#668aa1 rgb(102,138,161)
```
#7293a8
```
#7293a8 rgb(114,147,168)
```
#7f9cb0
```
#7f9cb0 rgb(127,156,176)
```
#8ba6b7
```
#8ba6b7 rgb(139,166,183)
```
#97afbf
```
#97afbf rgb(151,175,191)
```
#a3b8c6
```
#a3b8c6 rgb(163,184,198)
```
#afc2ce
```
#afc2ce rgb(175,194,206)
```
#bbcbd5
```
#bbcbd5 rgb(187,203,213)
```
#c7d4dd
```
#c7d4dd rgb(199,212,221)
```
#d4dee4
```
#d4dee4 rgb(212,222,228)
```
#e0e7ec
```
#e0e7ec rgb(224,231,236)
```
#ecf0f3
```
#ecf0f3 rgb(236,240,243)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#3f3f3f
```
#3f3f3f rgb(63,63,63)
```
#3a4044
```
#3a4044 rgb(58,64,68)
```
#354149
```
#354149 rgb(53,65,73)
```
#30424e
```
#30424e rgb(48,66,78)
```
#2b4353
```
#2b4353 rgb(43,67,83)
```
#264458
```
#264458 rgb(38,68,88)
```
#21455d
```
#21455d rgb(33,69,93)
```
#1d4661
```
#1d4661 rgb(29,70,97)
```
#184766
```
#184766 rgb(24,71,102)
```
#13486b
```
#13486b rgb(19,72,107)
```
#0e4970
```
#0e4970 rgb(14,73,112)
```
#094a75
```
#094a75 rgb(9,74,117)
```
#044b7a
```
#044b7a rgb(4,75,122)
```

Tone Color Variation

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

#474955 Protanopia 1% of men
#484858 Deuteranopia 1% of men
#394c52 Tritanopia 0.001% of the population

Trichromacy

#3e4652 Protanomaly 1% of men, 0.01% of women
#3f4554 Deuteranomaly 6% of men, 0.4% of women
#354850 Tritanomaly 0.01% of the population

#30424e hex color

#30424e Color Information

#30424e Color Conversion

Color Schemes with #30424e

Alternatives to #30424e

#30424e Preview

Shades and Tints of #30424e

Tones of #30424e

Color Blindness Simulator