#30549b hex color

In a RGB color space, hex #30549b is composed of 18.8% red, 32.9% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 45.8% magenta, 0% yellow and 39.2% black. It has a hue angle of 219.8 degrees, a saturation of 52.7% and a lightness of 39.8%. #30549b color hex could be obtained by blending #60a8ff with #000037. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 33
- B 61
RGB color chart
- C 69
- M 46
- Y 0
- K 39
CMYK color chart

● #30549b color description : Dark moderate blue.

The hexadecimal color #30549b has RGB values of R:48, G:84, B:155 and CMYK values of C:0.69, M:0.46, Y:0, K:0.39. Its decimal value is 3167387.

Hex triplet	30549b	`#30549b`
RGB Decimal	48, 84, 155	`rgb(48,84,155)`
RGB Percent	18.8, 32.9, 60.8	`rgb(18.8%,32.9%,60.8%)`
CMYK	69, 46, 0, 39
HSL	219.8°, 52.7, 39.8	`hsl(219.8,52.7%,39.8%)`
HSV (or HSB)	219.8°, 69, 60.8
Web Safe	336699	`#336699`

CIE-LAB	36.621, 11.598, -42.615
XYZ	10.304, 9.335, 32.267
xyY	0.199, 0.18, 9.335
CIE-LCH	36.621, 44.165, 285.224
CIE-LUV	36.621, -14.785, -61.117
Hunter-Lab	30.553, 6.733, -41.229
Binary	00110000, 01010100, 10011011

#30549b
```
#30549b rgb(48,84,155)
```
#9b7730
```
#9b7730 rgb(155,119,48)
```

Complementary Color

#308a9b
```
#308a9b rgb(48,138,155)
```
#30549b
```
#30549b rgb(48,84,155)
```
#42309b
```
#42309b rgb(66,48,155)
```

Analogous Color

#8a9b30
```
#8a9b30 rgb(138,155,48)
```
#30549b
```
#30549b rgb(48,84,155)
```
#9b4230
```
#9b4230 rgb(155,66,48)
```

Split Complementary Color

#549b30
```
#549b30 rgb(84,155,48)
```
#30549b
```
#30549b rgb(48,84,155)
```
#9b3054
```
#9b3054 rgb(155,48,84)
```

Triadic Color

#309b77
```
#309b77 rgb(48,155,119)
```
#30549b
```
#30549b rgb(48,84,155)
```
#9b3054
```
#9b3054 rgb(155,48,84)
```
#9b7730
```
#9b7730 rgb(155,119,48)
```

Tetradic Color

#1e3461
```
#1e3461 rgb(30,52,97)
```
#243f74
```
#243f74 rgb(36,63,116)
```
#2a4988
```
#2a4988 rgb(42,73,136)
```
#30549b
```
#30549b rgb(48,84,155)
```
#365fae
```
#365fae rgb(54,95,174)
```
#3c69c2
```
#3c69c2 rgb(60,105,194)
```
#4f78c8
```
#4f78c8 rgb(79,120,200)
```

Monochromatic Color

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

#306f9b
```
#306f9b rgb(48,111,155)
```
#30669b
```
#30669b rgb(48,102,155)
```
#305d9b
```
#305d9b rgb(48,93,155)
```
#30549b
```
#30549b rgb(48,84,155)
```
#304b9b
```
#304b9b rgb(48,75,155)
```
#30429b
```
#30429b rgb(48,66,155)
```
#30399b
```
#30399b rgb(48,57,155)
```

Similar Colors

Text with hexadecimal color #30549b

This text has a font color of #30549b.

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

#30549b background color

This paragraph has a background color of #30549b.

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

#30549b border color

This element has a border color of #30549b.

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

CSS codes

.text {color:#30549b;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060b14
```
#060b14 rgb(6,11,20)
```
#0b1323
```
#0b1323 rgb(11,19,35)
```
#101b32
```
#101b32 rgb(16,27,50)
```
#142341
```
#142341 rgb(20,35,65)
```
#192b50
```
#192b50 rgb(25,43,80)
```
#1d345f
```
#1d345f rgb(29,52,95)
```
#223c6e
```
#223c6e rgb(34,60,110)
```
#27447d
```
#27447d rgb(39,68,125)
```
#2b4c8c
```
#2b4c8c rgb(43,76,140)
```
#30549b
```
#30549b rgb(48,84,155)
```
#355caa
```
#355caa rgb(53,92,170)
```
#3964b9
```
#3964b9 rgb(57,100,185)
```

Shade Color Variation

#426ec4
```
#426ec4 rgb(66,110,196)
```
#5179c9
```
#5179c9 rgb(81,121,201)
```
#5f85ce
```
#5f85ce rgb(95,133,206)
```
#6e90d2
```
#6e90d2 rgb(110,144,210)
```
#7d9cd7
```
#7d9cd7 rgb(125,156,215)
```
#8ca7dc
```
#8ca7dc rgb(140,167,220)
```
#9bb3e0
```
#9bb3e0 rgb(155,179,224)
```
#aabee5
```
#aabee5 rgb(170,190,229)
```
#b9cae9
```
#b9cae9 rgb(185,202,233)
```
#c8d5ee
```
#c8d5ee rgb(200,213,238)
```
#d7e1f3
```
#d7e1f3 rgb(215,225,243)
```
#e6ecf7
```
#e6ecf7 rgb(230,236,247)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

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

#5f636c
```
#5f636c rgb(95,99,108)
```
#576174
```
#576174 rgb(87,97,116)
```
#4f5e7c
```
#4f5e7c rgb(79,94,124)
```
#475c84
```
#475c84 rgb(71,92,132)
```
#40598b
```
#40598b rgb(64,89,139)
```
#385793
```
#385793 rgb(56,87,147)
```
#30549b
```
#30549b rgb(48,84,155)
```
#2851a3
```
#2851a3 rgb(40,81,163)
```
#204fab
```
#204fab rgb(32,79,171)
```
#194cb2
```
#194cb2 rgb(25,76,178)
```
#114aba
```
#114aba rgb(17,74,186)
```
#0947c2
```
#0947c2 rgb(9,71,194)
```
#0145ca
```
#0145ca rgb(1,69,202)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4a5260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c5ca0 Protanopia 1% of men
#1d609e Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#37599e Protanomaly 1% of men, 0.01% of women
#245b9d Deuteranomaly 6% of men, 0.4% of women
#11607f Tritanomaly 0.01% of the population

#30549b hex color

#30549b Color Information

#30549b Color Conversion

Color Schemes with #30549b

Alternatives to #30549b

#30549b Preview

Shades and Tints of #30549b

Tones of #30549b

Color Blindness Simulator