#30318f hex color

In a RGB color space, hex #30318f is composed of 18.8% red, 19.2% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 65.7% magenta, 0% yellow and 43.9% black. It has a hue angle of 239.4 degrees, a saturation of 49.7% and a lightness of 37.5%. #30318f color hex could be obtained by blending #6062ff with #00001f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 19
- B 56
RGB color chart
- C 66
- M 66
- Y 0
- K 44
CMYK color chart

● #30318f color description : Dark moderate blue.

The hexadecimal color #30318f has RGB values of R:48, G:49, B:143 and CMYK values of C:0.66, M:0.66, Y:0, K:0.44. Its decimal value is 3158415.

Hex triplet	30318f	`#30318f`
RGB Decimal	48, 49, 143	`rgb(48,49,143)`
RGB Percent	18.8, 19.2, 56.1	`rgb(18.8%,19.2%,56.1%)`
CMYK	66, 66, 0, 44
HSL	239.4°, 49.7, 37.5	`hsl(239.4,49.7%,37.5%)`
HSV (or HSB)	239.4°, 66.4, 56.1
Web Safe	333399	`#333399`

CIE-LAB	26.18, 30.474, -52.193
XYZ	7.274, 4.808, 26.53
xyY	0.188, 0.125, 4.808
CIE-LCH	26.18, 60.438, 300.28
CIE-LUV	26.18, -5.044, -66.762
Hunter-Lab	21.927, 20.845, -56.388
Binary	00110000, 00110001, 10001111

#30318f
```
#30318f rgb(48,49,143)
```
#8f8e30
```
#8f8e30 rgb(143,142,48)
```

Complementary Color

#30618f
```
#30618f rgb(48,97,143)
```
#30318f
```
#30318f rgb(48,49,143)
```
#5f308f
```
#5f308f rgb(95,48,143)
```

Analogous Color

#618f30
```
#618f30 rgb(97,143,48)
```
#30318f
```
#30318f rgb(48,49,143)
```
#8f5f30
```
#8f5f30 rgb(143,95,48)
```

Split Complementary Color

#318f30
```
#318f30 rgb(49,143,48)
```
#30318f
```
#30318f rgb(48,49,143)
```
#8f3031
```
#8f3031 rgb(143,48,49)
```

Triadic Color

#308f8e
```
#308f8e rgb(48,143,142)
```
#30318f
```
#30318f rgb(48,49,143)
```
#8f3031
```
#8f3031 rgb(143,48,49)
```
#8f8e30
```
#8f8e30 rgb(143,142,48)
```

Tetradic Color

#1d1d56
```
#1d1d56 rgb(29,29,86)
```
#232469
```
#232469 rgb(35,36,105)
```
#2a2a7c
```
#2a2a7c rgb(42,42,124)
```
#30318f
```
#30318f rgb(48,49,143)
```
#3638a2
```
#3638a2 rgb(54,56,162)
```
#3d3eb5
```
#3d3eb5 rgb(61,62,181)
```
#494bc2
```
#494bc2 rgb(73,75,194)
```

Monochromatic Color

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

#30498f
```
#30498f rgb(48,73,143)
```
#30418f
```
#30418f rgb(48,65,143)
```
#30398f
```
#30398f rgb(48,57,143)
```
#30318f
```
#30318f rgb(48,49,143)
```
#37308f
```
#37308f rgb(55,48,143)
```
#3f308f
```
#3f308f rgb(63,48,143)
```
#47308f
```
#47308f rgb(71,48,143)
```

Similar Colors

Text with hexadecimal color #30318f

This text has a font color of #30318f.

<span style="color:#30318f;">Text here</span>

#30318f background color

This paragraph has a background color of #30318f.

<p style="background-color:#30318f;">Content here</p>

#30318f border color

This element has a border color of #30318f.

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

CSS codes

.text {color:#30318f;}

.background {background-color:#30318f;}

.border {border:1px solid #30318f;}

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, #04040b is the darkest color, while #fbfbfe is the lightest one.

#04040b
```
#04040b rgb(4,4,11)
```
#09091a
```
#09091a rgb(9,9,26)
```
#0d0e28
```
#0d0e28 rgb(13,14,40)
```
#121337
```
#121337 rgb(18,19,55)
```
#171846
```
#171846 rgb(23,24,70)
```
#1c1d54
```
#1c1d54 rgb(28,29,84)
```
#212263
```
#212263 rgb(33,34,99)
```
#262772
```
#262772 rgb(38,39,114)
```
#2b2c80
```
#2b2c80 rgb(43,44,128)
```
#30318f
```
#30318f rgb(48,49,143)
```
#35369e
```
#35369e rgb(53,54,158)
```
#3a3bac
```
#3a3bac rgb(58,59,172)
```
#3f40bb
```
#3f40bb rgb(63,64,187)
```

Shade Color Variation

#4b4cc3
```
#4b4cc3 rgb(75,76,195)
```
#5a5bc7
```
#5a5bc7 rgb(90,91,199)
```
#6869cc
```
#6869cc rgb(104,105,204)
```
#7778d1
```
#7778d1 rgb(119,120,209)
```
#8687d6
```
#8687d6 rgb(134,135,214)
```
#9495db
```
#9495db rgb(148,149,219)
```
#a3a4e0
```
#a3a4e0 rgb(163,164,224)
```
#b2b2e5
```
#b2b2e5 rgb(178,178,229)
```
#c0c1ea
```
#c0c1ea rgb(192,193,234)
```
#cfcfef
```
#cfcfef rgb(207,207,239)
```
#dedef4
```
#dedef4 rgb(222,222,244)
```
#ecedf9
```
#ecedf9 rgb(236,237,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#5c5c63
```
#5c5c63 rgb(92,92,99)
```
#55556a
```
#55556a rgb(85,85,106)
```
#4d4e72
```
#4d4e72 rgb(77,78,114)
```
#464779
```
#464779 rgb(70,71,121)
```
#3f3f80
```
#3f3f80 rgb(63,63,128)
```
#373888
```
#373888 rgb(55,56,136)
```
#30318f
```
#30318f rgb(48,49,143)
```
#292a96
```
#292a96 rgb(41,42,150)
```
#21239e
```
#21239e rgb(33,35,158)
```
#1a1ba5
```
#1a1ba5 rgb(26,27,165)
```
#1314ac
```
#1314ac rgb(19,20,172)
```
#0b0db4
```
#0b0db4 rgb(11,13,180)
```
#0406bb
```
#0406bb rgb(4,6,187)
```

Tone Color Variation

Below, you can see how #30318f 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
#39394c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004588 Protanopia 1% of men
#004977 Deuteranopia 1% of men
#004f54 Tritanopia 0.001% of the population

Trichromacy

#113e8a Protanomaly 1% of men, 0.01% of women
#11407f Deuteranomaly 6% of men, 0.4% of women
#114469 Tritanomaly 0.01% of the population

#30318f hex color

#30318f Color Information

#30318f Color Conversion

Color Schemes with #30318f

Alternatives to #30318f

#30318f Preview

Shades and Tints of #30318f

Tones of #30318f

Color Blindness Simulator