#30348b hex color

In a RGB color space, hex #30348b is composed of 18.8% red, 20.4% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 62.6% magenta, 0% yellow and 45.5% black. It has a hue angle of 237.4 degrees, a saturation of 48.7% and a lightness of 36.7%. #30348b color hex could be obtained by blending #6068ff with #000017. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 20
- B 55
RGB color chart
- C 65
- M 63
- Y 0
- K 45
CMYK color chart

● #30348b color description : Dark moderate blue.

The hexadecimal color #30348b has RGB values of R:48, G:52, B:139 and CMYK values of C:0.65, M:0.63, Y:0, K:0.45. Its decimal value is 3159179.

Hex triplet	30348b	`#30348b`
RGB Decimal	48, 52, 139	`rgb(48,52,139)`
RGB Percent	18.8, 20.4, 54.5	`rgb(18.8%,20.4%,54.5%)`
CMYK	65, 63, 0, 45
HSL	237.4°, 48.7, 36.7	`hsl(237.4,48.7%,36.7%)`
HSV (or HSB)	237.4°, 65.5, 54.5
Web Safe	333399	`#333399`

CIE-LAB	26.586, 27.076, -49.052
XYZ	7.106, 4.948, 25.005
xyY	0.192, 0.134, 4.948
CIE-LCH	26.586, 56.029, 298.898
CIE-LUV	26.586, -5.54, -63.421
Hunter-Lab	22.244, 18.096, -51.078
Binary	00110000, 00110100, 10001011

#30348b
```
#30348b rgb(48,52,139)
```
#8b8730
```
#8b8730 rgb(139,135,48)
```

Complementary Color

#30628b
```
#30628b rgb(48,98,139)
```
#30348b
```
#30348b rgb(48,52,139)
```
#5a308b
```
#5a308b rgb(90,48,139)
```

Analogous Color

#628b30
```
#628b30 rgb(98,139,48)
```
#30348b
```
#30348b rgb(48,52,139)
```
#8b5a30
```
#8b5a30 rgb(139,90,48)
```

Split Complementary Color

#348b30
```
#348b30 rgb(52,139,48)
```
#30348b
```
#30348b rgb(48,52,139)
```
#8b3034
```
#8b3034 rgb(139,48,52)
```

Triadic Color

#308b87
```
#308b87 rgb(48,139,135)
```
#30348b
```
#30348b rgb(48,52,139)
```
#8b3034
```
#8b3034 rgb(139,48,52)
```
#8b8730
```
#8b8730 rgb(139,135,48)
```

Tetradic Color

#1c1f52
```
#1c1f52 rgb(28,31,82)
```
#232665
```
#232665 rgb(35,38,101)
```
#292d78
```
#292d78 rgb(41,45,120)
```
#30348b
```
#30348b rgb(48,52,139)
```
#373b9e
```
#373b9e rgb(55,59,158)
```
#3d42b1
```
#3d42b1 rgb(61,66,177)
```
#484dc0
```
#484dc0 rgb(72,77,192)
```

Monochromatic Color

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

#304b8b
```
#304b8b rgb(48,75,139)
```
#30438b
```
#30438b rgb(48,67,139)
```
#303c8b
```
#303c8b rgb(48,60,139)
```
#30348b
```
#30348b rgb(48,52,139)
```
#34308b
```
#34308b rgb(52,48,139)
```
#3b308b
```
#3b308b rgb(59,48,139)
```
#43308b
```
#43308b rgb(67,48,139)
```

Similar Colors

Text with hexadecimal color #30348b

This text has a font color of #30348b.

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

#30348b background color

This paragraph has a background color of #30348b.

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

#30348b border color

This element has a border color of #30348b.

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

CSS codes

.text {color:#30348b;}

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

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

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

#030308
```
#030308 rgb(3,3,8)
```
#080816
```
#080816 rgb(8,8,22)
```
#0d0e25
```
#0d0e25 rgb(13,14,37)
```
#121334
```
#121334 rgb(18,19,52)
```
#171942
```
#171942 rgb(23,25,66)
```
#1c1e51
```
#1c1e51 rgb(28,30,81)
```
#21245f
```
#21245f rgb(33,36,95)
```
#26296e
```
#26296e rgb(38,41,110)
```
#2b2f7c
```
#2b2f7c rgb(43,47,124)
```
#30348b
```
#30348b rgb(48,52,139)
```
#35399a
```
#35399a rgb(53,57,154)
```
#3a3fa8
```
#3a3fa8 rgb(58,63,168)
```
#3f44b7
```
#3f44b7 rgb(63,68,183)
```

Shade Color Variation

#494ec0
```
#494ec0 rgb(73,78,192)
```
#585dc5
```
#585dc5 rgb(88,93,197)
```
#666bca
```
#666bca rgb(102,107,202)
```
#7579cf
```
#7579cf rgb(117,121,207)
```
#8487d4
```
#8487d4 rgb(132,135,212)
```
#9295d9
```
#9295d9 rgb(146,149,217)
```
#a1a3de
```
#a1a3de rgb(161,163,222)
```
#afb2e3
```
#afb2e3 rgb(175,178,227)
```
#bec0e9
```
#bec0e9 rgb(190,192,233)
```
#ccceee
```
#ccceee rgb(204,206,238)
```
#dbdcf3
```
#dbdcf3 rgb(219,220,243)
```
#eaeaf8
```
#eaeaf8 rgb(234,234,248)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5b60 is the less saturated color, while #050db6 is the most saturated one.

#5b5b60
```
#5b5b60 rgb(91,91,96)
```
#545567
```
#545567 rgb(84,85,103)
```
#4d4e6e
```
#4d4e6e rgb(77,78,110)
```
#464875
```
#464875 rgb(70,72,117)
```
#3e417d
```
#3e417d rgb(62,65,125)
```
#373b84
```
#373b84 rgb(55,59,132)
```
#30348b
```
#30348b rgb(48,52,139)
```
#292d92
```
#292d92 rgb(41,45,146)
```
#222799
```
#222799 rgb(34,39,153)
```
#1a20a1
```
#1a20a1 rgb(26,32,161)
```
#131aa8
```
#131aa8 rgb(19,26,168)
```
#0c13af
```
#0c13af rgb(12,19,175)
```
#050db6
```
#050db6 rgb(5,13,182)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3b4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00468a Protanopia 1% of men
#004a79 Deuteranopia 1% of men
#004f55 Tritanopia 0.001% of the population

Trichromacy

#113f8a Protanomaly 1% of men, 0.01% of women
#11427f Deuteranomaly 6% of men, 0.4% of women
#114569 Tritanomaly 0.01% of the population

#30348b hex color

#30348b Color Information

#30348b Color Conversion

Color Schemes with #30348b

Alternatives to #30348b

#30348b Preview

Shades and Tints of #30348b

Tones of #30348b

Color Blindness Simulator