#30344b hex color

In a RGB color space, hex #30344b is composed of 18.8% red, 20.4% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 36% cyan, 30.7% magenta, 0% yellow and 70.6% black. It has a hue angle of 231.1 degrees, a saturation of 22% and a lightness of 24.1%. #30344b color hex could be obtained by blending #606896 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 20
- B 29
RGB color chart
- C 36
- M 31
- Y 0
- K 71
CMYK color chart

● #30344b color description : Very dark desaturated blue.

The hexadecimal color #30344b has RGB values of R:48, G:52, B:75 and CMYK values of C:0.36, M:0.31, Y:0, K:0.71. Its decimal value is 3159115.

Hex triplet	30344b	`#30344b`
RGB Decimal	48, 52, 75	`rgb(48,52,75)`
RGB Percent	18.8, 20.4, 29.4	`rgb(18.8%,20.4%,29.4%)`
CMYK	36, 31, 0, 71
HSL	231.1°, 22, 24.1	`hsl(231.1,22%,24.1%)`
HSV (or HSB)	231.1°, 36, 29.4
Web Safe	333333	`#333333`

CIE-LAB	22.275, 4.732, -14.711
XYZ	3.717, 3.592, 7.154
xyY	0.257, 0.248, 3.592
CIE-LCH	22.275, 15.454, 287.831
CIE-LUV	22.275, -2.839, -17.204
Hunter-Lab	18.953, 1.835, -9.111
Binary	00110000, 00110100, 01001011

#30344b
```
#30344b rgb(48,52,75)
```
#4b4730
```
#4b4730 rgb(75,71,48)
```

Complementary Color

#30424b
```
#30424b rgb(48,66,75)
```
#30344b
```
#30344b rgb(48,52,75)
```
#3a304b
```
#3a304b rgb(58,48,75)
```

Analogous Color

#424b30
```
#424b30 rgb(66,75,48)
```
#30344b
```
#30344b rgb(48,52,75)
```
#4b3a30
```
#4b3a30 rgb(75,58,48)
```

Split Complementary Color

#344b30
```
#344b30 rgb(52,75,48)
```
#30344b
```
#30344b rgb(48,52,75)
```
#4b3034
```
#4b3034 rgb(75,48,52)
```

Triadic Color

#304b47
```
#304b47 rgb(48,75,71)
```
#30344b
```
#30344b rgb(48,52,75)
```
#4b3034
```
#4b3034 rgb(75,48,52)
```
#4b4730
```
#4b4730 rgb(75,71,48)
```

Tetradic Color

#12141c
```
#12141c rgb(18,20,28)
```
#1c1e2c
```
#1c1e2c rgb(28,30,44)
```
#26293b
```
#26293b rgb(38,41,59)
```
#30344b
```
#30344b rgb(48,52,75)
```
#3a3f5b
```
#3a3f5b rgb(58,63,91)
```
#444a6a
```
#444a6a rgb(68,74,106)
```
#4e547a
```
#4e547a rgb(78,84,122)
```

Monochromatic Color

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

#303b4b
```
#303b4b rgb(48,59,75)
```
#30394b
```
#30394b rgb(48,57,75)
```
#30364b
```
#30364b rgb(48,54,75)
```
#30344b
```
#30344b rgb(48,52,75)
```
#30324b
```
#30324b rgb(48,50,75)
```
#31304b
```
#31304b rgb(49,48,75)
```
#33304b
```
#33304b rgb(51,48,75)
```

Similar Colors

Text with hexadecimal color #30344b

This text has a font color of #30344b.

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

#30344b background color

This paragraph has a background color of #30344b.

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

#30344b border color

This element has a border color of #30344b.

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

CSS codes

.text {color:#30344b;}

.background {background-color:#30344b;}

.border {border:1px solid #30344b;}

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0b0f
```
#0a0b0f rgb(10,11,15)
```
#11131b
```
#11131b rgb(17,19,27)
```
#191b27
```
#191b27 rgb(25,27,39)
```
#212333
```
#212333 rgb(33,35,51)
```
#282c3f
```
#282c3f rgb(40,44,63)
```
#30344b
```
#30344b rgb(48,52,75)
```
#383c57
```
#383c57 rgb(56,60,87)
```
#3f4563
```
#3f4563 rgb(63,69,99)
```
#474d6f
```
#474d6f rgb(71,77,111)
```
#4f557b
```
#4f557b rgb(79,85,123)
```
#565d87
```
#565d87 rgb(86,93,135)
```
#5e6693
```
#5e6693 rgb(94,102,147)
```

Shade Color Variation

#676f9e
```
#676f9e rgb(103,111,158)
```
#737aa5
```
#737aa5 rgb(115,122,165)
```
#7f86ad
```
#7f86ad rgb(127,134,173)
```
#8b91b5
```
#8b91b5 rgb(139,145,181)
```
#979cbc
```
#979cbc rgb(151,156,188)
```
#a3a7c4
```
#a3a7c4 rgb(163,167,196)
```
#afb3cb
```
#afb3cb rgb(175,179,203)
```
#babed3
```
#babed3 rgb(186,190,211)
```
#c6c9db
```
#c6c9db rgb(198,201,219)
```
#d2d5e2
```
#d2d5e2 rgb(210,213,226)
```
#dee0ea
```
#dee0ea rgb(222,224,234)
```
#eaebf2
```
#eaebf2 rgb(234,235,242)
```
#f6f7f9
```
#f6f7f9 rgb(246,247,249)
```

Tint Color Variation

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

#393b42
```
#393b42 rgb(57,59,66)
```
#353746
```
#353746 rgb(53,55,70)
```
#30344b
```
#30344b rgb(48,52,75)
```
#2b3150
```
#2b3150 rgb(43,49,80)
```
#272d54
```
#272d54 rgb(39,45,84)
```
#222a59
```
#222a59 rgb(34,42,89)
```
#1d275e
```
#1d275e rgb(29,39,94)
```
#182363
```
#182363 rgb(24,35,99)
```
#142067
```
#142067 rgb(20,32,103)
```
#0f1d6c
```
#0f1d6c rgb(15,29,108)
```
#0a1971
```
#0a1971 rgb(10,25,113)
```
#051676
```
#051676 rgb(5,22,118)
```
#01137a
```
#01137a rgb(1,19,122)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#343539 Atypical Achromatopsia 0.001% of the population

Dichromacy

#383f54 Protanopia 1% of men
#393e54 Deuteranopia 1% of men
#364146 Tritanopia 0.001% of the population

Trichromacy

#353b51 Protanomaly 1% of men, 0.01% of women
#353a50 Deuteranomaly 6% of men, 0.4% of women
#343c47 Tritanomaly 0.01% of the population

#30344b hex color

#30344b Color Information

#30344b Color Conversion

Color Schemes with #30344b

Alternatives to #30344b

#30344b Preview

Shades and Tints of #30344b

Tones of #30344b

Color Blindness Simulator