#30518c hex color

In a RGB color space, hex #30518c is composed of 18.8% red, 31.8% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 42.1% magenta, 0% yellow and 45.1% black. It has a hue angle of 218.5 degrees, a saturation of 48.9% and a lightness of 36.9%. #30518c color hex could be obtained by blending #60a2ff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 32
- B 55
RGB color chart
- C 66
- M 42
- Y 0
- K 45
CMYK color chart

● #30518c color description : Dark moderate blue.

The hexadecimal color #30518c has RGB values of R:48, G:81, B:140 and CMYK values of C:0.66, M:0.42, Y:0, K:0.45. Its decimal value is 3166604.

Hex triplet	30518c	`#30518c`
RGB Decimal	48, 81, 140	`rgb(48,81,140)`
RGB Percent	18.8, 31.8, 54.9	`rgb(18.8%,31.8%,54.9%)`
CMYK	66, 42, 0, 45
HSL	218.5°, 48.9, 36.9	`hsl(218.5,48.9%,36.9%)`
HSV (or HSB)	218.5°, 65.7, 54.9
Web Safe	336699	`#336699`

CIE-LAB	34.815, 7.969, -36.41
XYZ	8.894, 8.406, 25.963
xyY	0.206, 0.194, 8.406
CIE-LCH	34.815, 37.272, 282.345
CIE-LUV	34.815, -13.904, -51.116
Hunter-Lab	28.993, 4.018, -32.799
Binary	00110000, 01010001, 10001100

#30518c
```
#30518c rgb(48,81,140)
```
#8c6b30
```
#8c6b30 rgb(140,107,48)
```

Complementary Color

#307f8c
```
#307f8c rgb(48,127,140)
```
#30518c
```
#30518c rgb(48,81,140)
```
#3d308c
```
#3d308c rgb(61,48,140)
```

Analogous Color

#7f8c30
```
#7f8c30 rgb(127,140,48)
```
#30518c
```
#30518c rgb(48,81,140)
```
#8c3d30
```
#8c3d30 rgb(140,61,48)
```

Split Complementary Color

#518c30
```
#518c30 rgb(81,140,48)
```
#30518c
```
#30518c rgb(48,81,140)
```
#8c3051
```
#8c3051 rgb(140,48,81)
```

Triadic Color

#308c6b
```
#308c6b rgb(48,140,107)
```
#30518c
```
#30518c rgb(48,81,140)
```
#8c3051
```
#8c3051 rgb(140,48,81)
```
#8c6b30
```
#8c6b30 rgb(140,107,48)
```

Tetradic Color

#1c3053
```
#1c3053 rgb(28,48,83)
```
#233b66
```
#233b66 rgb(35,59,102)
```
#294679
```
#294679 rgb(41,70,121)
```
#30518c
```
#30518c rgb(48,81,140)
```
#375c9f
```
#375c9f rgb(55,92,159)
```
#3d67b2
```
#3d67b2 rgb(61,103,178)
```
#4873c0
```
#4873c0 rgb(72,115,192)
```

Monochromatic Color

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

#30688c
```
#30688c rgb(48,104,140)
```
#30608c
```
#30608c rgb(48,96,140)
```
#30598c
```
#30598c rgb(48,89,140)
```
#30518c
```
#30518c rgb(48,81,140)
```
#30498c
```
#30498c rgb(48,73,140)
```
#30428c
```
#30428c rgb(48,66,140)
```
#303a8c
```
#303a8c rgb(48,58,140)
```

Similar Colors

Text with hexadecimal color #30518c

This text has a font color of #30518c.

<span style="color:#30518c;">Text here</span>

#30518c background color

This paragraph has a background color of #30518c.

<p style="background-color:#30518c;">Content here</p>

#30518c border color

This element has a border color of #30518c.

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

CSS codes

.text {color:#30518c;}

.background {background-color:#30518c;}

.border {border:1px solid #30518c;}

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

#030509
```
#030509 rgb(3,5,9)
```
#080d17
```
#080d17 rgb(8,13,23)
```
#0d1626
```
#0d1626 rgb(13,22,38)
```
#121e34
```
#121e34 rgb(18,30,52)
```
#172743
```
#172743 rgb(23,39,67)
```
#1c2f52
```
#1c2f52 rgb(28,47,82)
```
#213860
```
#213860 rgb(33,56,96)
```
#26406f
```
#26406f rgb(38,64,111)
```
#2b497d
```
#2b497d rgb(43,73,125)
```
#30518c
```
#30518c rgb(48,81,140)
```
#35599b
```
#35599b rgb(53,89,155)
```
#3a62a9
```
#3a62a9 rgb(58,98,169)
```
#3f6ab8
```
#3f6ab8 rgb(63,106,184)
```

Shade Color Variation

#4a74c1
```
#4a74c1 rgb(74,116,193)
```
#5880c6
```
#5880c6 rgb(88,128,198)
```
#678bcb
```
#678bcb rgb(103,139,203)
```
#7596d0
```
#7596d0 rgb(117,150,208)
```
#84a1d5
```
#84a1d5 rgb(132,161,213)
```
#93acda
```
#93acda rgb(147,172,218)
```
#a1b7df
```
#a1b7df rgb(161,183,223)
```
#b0c3e4
```
#b0c3e4 rgb(176,195,228)
```
#becee9
```
#becee9 rgb(190,206,233)
```
#cdd9ee
```
#cdd9ee rgb(205,217,238)
```
#dce4f3
```
#dce4f3 rgb(220,228,243)
```
#eaeff8
```
#eaeff8 rgb(234,239,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#5b5d61
```
#5b5d61 rgb(91,93,97)
```
#545b68
```
#545b68 rgb(84,91,104)
```
#4d596f
```
#4d596f rgb(77,89,111)
```
#465776
```
#465776 rgb(70,87,118)
```
#3e557e
```
#3e557e rgb(62,85,126)
```
#375385
```
#375385 rgb(55,83,133)
```
#30518c
```
#30518c rgb(48,81,140)
```
#294f93
```
#294f93 rgb(41,79,147)
```
#224d9a
```
#224d9a rgb(34,77,154)
```
#1a4ba2
```
#1a4ba2 rgb(26,75,162)
```
#1349a9
```
#1349a9 rgb(19,73,169)
```
#0c47b0
```
#0c47b0 rgb(12,71,176)
```
#0545b7
```
#0545b7 rgb(5,69,183)
```

Tone Color Variation

Below, you can see how #30518c 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

#4e4e4e Achromatopsia 0.005% of the population
#484f5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#415991 Protanopia 1% of men
#315b91 Deuteranopia 1% of men
#1c636a Tritanopia 0.001% of the population

Trichromacy

#3b568f Protanomaly 1% of men, 0.01% of women
#30578f Deuteranomaly 6% of men, 0.4% of women
#235c76 Tritanomaly 0.01% of the population

#30518c hex color

#30518c Color Information

#30518c Color Conversion

Color Schemes with #30518c

Alternatives to #30518c

#30518c Preview

Shades and Tints of #30518c

Tones of #30518c

Color Blindness Simulator