#30347e hex color

In a RGB color space, hex #30347e is composed of 18.8% red, 20.4% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 58.7% magenta, 0% yellow and 50.6% black. It has a hue angle of 236.9 degrees, a saturation of 44.8% and a lightness of 34.1%. #30347e color hex could be obtained by blending #6068fc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 20
- B 49
RGB color chart
- C 62
- M 59
- Y 0
- K 51
CMYK color chart

● #30347e color description : Dark moderate blue.

The hexadecimal color #30347e has RGB values of R:48, G:52, B:126 and CMYK values of C:0.62, M:0.59, Y:0, K:0.51. Its decimal value is 3159166.

Hex triplet	30347e	`#30347e`
RGB Decimal	48, 52, 126	`rgb(48,52,126)`
RGB Percent	18.8, 20.4, 49.4	`rgb(18.8%,20.4%,49.4%)`
CMYK	62, 59, 0, 51
HSL	236.9°, 44.8, 34.1	`hsl(236.9,44.8%,34.1%)`
HSV (or HSB)	236.9°, 61.9, 49.4
Web Safe	333366	`#333366`

CIE-LAB	25.535, 22.376, -42.637
XYZ	6.212, 4.59, 20.296
xyY	0.2, 0.148, 4.59
CIE-LCH	25.535, 48.152, 297.691
CIE-LUV	25.535, -5.004, -54.593
Hunter-Lab	21.425, 14.26, -41.168
Binary	00110000, 00110100, 01111110

#30347e
```
#30347e rgb(48,52,126)
```
#7e7a30
```
#7e7a30 rgb(126,122,48)
```

Complementary Color

#305b7e
```
#305b7e rgb(48,91,126)
```
#30347e
```
#30347e rgb(48,52,126)
```
#53307e
```
#53307e rgb(83,48,126)
```

Analogous Color

#5b7e30
```
#5b7e30 rgb(91,126,48)
```
#30347e
```
#30347e rgb(48,52,126)
```
#7e5330
```
#7e5330 rgb(126,83,48)
```

Split Complementary Color

#347e30
```
#347e30 rgb(52,126,48)
```
#30347e
```
#30347e rgb(48,52,126)
```
#7e3034
```
#7e3034 rgb(126,48,52)
```

Triadic Color

#307e7a
```
#307e7a rgb(48,126,122)
```
#30347e
```
#30347e rgb(48,52,126)
```
#7e3034
```
#7e3034 rgb(126,48,52)
```
#7e7a30
```
#7e7a30 rgb(126,122,48)
```

Tetradic Color

#1b1d47
```
#1b1d47 rgb(27,29,71)
```
#222559
```
#222559 rgb(34,37,89)
```
#292c6c
```
#292c6c rgb(41,44,108)
```
#30347e
```
#30347e rgb(48,52,126)
```
#373c90
```
#373c90 rgb(55,60,144)
```
#3e43a3
```
#3e43a3 rgb(62,67,163)
```
#454bb5
```
#454bb5 rgb(69,75,181)
```

Monochromatic Color

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

#30487e
```
#30487e rgb(48,72,126)
```
#30417e
```
#30417e rgb(48,65,126)
```
#303b7e
```
#303b7e rgb(48,59,126)
```
#30347e
```
#30347e rgb(48,52,126)
```
#32307e
```
#32307e rgb(50,48,126)
```
#39307e
```
#39307e rgb(57,48,126)
```
#3f307e
```
#3f307e rgb(63,48,126)
```

Similar Colors

Text with hexadecimal color #30347e

This text has a font color of #30347e.

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

#30347e background color

This paragraph has a background color of #30347e.

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

#30347e border color

This element has a border color of #30347e.

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

CSS codes

.text {color:#30347e;}

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

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

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, #05050c is the darkest color, while #fdfdfe is the lightest one.

#05050c
```
#05050c rgb(5,5,12)
```
#0a0b1b
```
#0a0b1b rgb(10,11,27)
```
#101129
```
#101129 rgb(16,17,41)
```
#151737
```
#151737 rgb(21,23,55)
```
#1a1d45
```
#1a1d45 rgb(26,29,69)
```
#202253
```
#202253 rgb(32,34,83)
```
#252862
```
#252862 rgb(37,40,98)
```
#2b2e70
```
#2b2e70 rgb(43,46,112)
```
#30347e
```
#30347e rgb(48,52,126)
```
#353a8c
```
#353a8c rgb(53,58,140)
```
#3b409a
```
#3b409a rgb(59,64,154)
```
#4046a9
```
#4046a9 rgb(64,70,169)
```
#464bb7
```
#464bb7 rgb(70,75,183)
```

Shade Color Variation

#5358bd
```
#5358bd rgb(83,88,189)
```
#6166c3
```
#6166c3 rgb(97,102,195)
```
#6f74c8
```
#6f74c8 rgb(111,116,200)
```
#7d81ce
```
#7d81ce rgb(125,129,206)
```
#8c8fd3
```
#8c8fd3 rgb(140,143,211)
```
#9a9dd8
```
#9a9dd8 rgb(154,157,216)
```
#a8abde
```
#a8abde rgb(168,171,222)
```
#b6b8e3
```
#b6b8e3 rgb(182,184,227)
```
#c4c6e9
```
#c4c6e9 rgb(196,198,233)
```
#d3d4ee
```
#d3d4ee rgb(211,212,238)
```
#e1e2f3
```
#e1e2f3 rgb(225,226,243)
```
#efeff9
```
#efeff9 rgb(239,239,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51525d is the less saturated color, while #010aad is the most saturated one.

#51525d
```
#51525d rgb(81,82,93)
```
#4b4c63
```
#4b4c63 rgb(75,76,99)
```
#44466a
```
#44466a rgb(68,70,106)
```
#3d4071
```
#3d4071 rgb(61,64,113)
```
#373a77
```
#373a77 rgb(55,58,119)
```
#30347e
```
#30347e rgb(48,52,126)
```
#292e85
```
#292e85 rgb(41,46,133)
```
#23288b
```
#23288b rgb(35,40,139)
```
#1c2292
```
#1c2292 rgb(28,34,146)
```
#151c99
```
#151c99 rgb(21,28,153)
```
#0f169f
```
#0f169f rgb(15,22,159)
```
#0810a6
```
#0810a6 rgb(8,16,166)
```
#010aad
```
#010aad rgb(1,10,173)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393a48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004486 Protanopia 1% of men
#004876 Deuteranopia 1% of men
#1b4c52 Tritanopia 0.001% of the population

Trichromacy

#113e83 Protanomaly 1% of men, 0.01% of women
#114079 Deuteranomaly 6% of men, 0.4% of women
#224362 Tritanomaly 0.01% of the population

#30347e hex color

#30347e Color Information

#30347e Color Conversion

Color Schemes with #30347e

Alternatives to #30347e

#30347e Preview

Shades and Tints of #30347e

Tones of #30347e

Color Blindness Simulator