colorhexa.com

#30449e hex color

In a RGB color space, hex #30449e is composed of 18.8% red, 26.7% green and 62% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 57% magenta, 0% yellow and 38% black. It has a hue angle of 229.1 degrees, a saturation of 53.4% and a lightness of 40.4%. #30449e color hex could be obtained by blending #6088ff with #00003d. Closest websafe color is: #333399.

- R 19
- G 27
- B 62
RGB color chart
- C 70
- M 57
- Y 0
- K 38
CMYK color chart

● #30449e color description : Dark moderate blue.

The hexadecimal color #30449e has RGB values of R:48, G:68, B:158 and CMYK values of C:0.7, M:0.57, Y:0, K:0.38. Its decimal value is 3163294.

Hex triplet	30449e	`#30449e`
RGB Decimal	48, 68, 158	`rgb(48,68,158)`
RGB Percent	18.8, 26.7, 62	`rgb(18.8%,26.7%,62%)`
CMYK	70, 57, 0, 38
HSL	229.1°, 53.4, 40.4	`hsl(229.1,53.4%,40.4%)`
HSV (or HSB)	229.1°, 69.6, 62
Web Safe	333399	`#333399`

CIE-LAB	32.326, 23.382, -51.351
XYZ	9.456, 7.231, 33.243
xyY	0.189, 0.145, 7.231
CIE-LCH	32.326, 56.423, 294.481
CIE-LUV	32.326, -10.106, -71.163
Hunter-Lab	26.89, 15.715, -54.476
Binary	00110000, 01000100, 10011110

#30449e
```
#30449e rgb(48,68,158)
```
#9e8a30
```
#9e8a30 rgb(158,138,48)
```

Complementary Color

#307b9e
```
#307b9e rgb(48,123,158)
```
#30449e
```
#30449e rgb(48,68,158)
```
#53309e
```
#53309e rgb(83,48,158)
```

Analogous Color

#7b9e30
```
#7b9e30 rgb(123,158,48)
```
#30449e
```
#30449e rgb(48,68,158)
```
#9e5330
```
#9e5330 rgb(158,83,48)
```

Split Complementary Color

#449e30
```
#449e30 rgb(68,158,48)
```
#30449e
```
#30449e rgb(48,68,158)
```
#9e3044
```
#9e3044 rgb(158,48,68)
```

Triadic Color

#309e8a
```
#309e8a rgb(48,158,138)
```
#30449e
```
#30449e rgb(48,68,158)
```
#9e3044
```
#9e3044 rgb(158,48,68)
```
#9e8a30
```
#9e8a30 rgb(158,138,48)
```

Tetradic Color

#1e2b63
```
#1e2b63 rgb(30,43,99)
```
#243377
```
#243377 rgb(36,51,119)
```
#2a3c8a
```
#2a3c8a rgb(42,60,138)
```
#30449e
```
#30449e rgb(48,68,158)
```
#364cb2
```
#364cb2 rgb(54,76,178)
```
#3d56c4
```
#3d56c4 rgb(61,86,196)
```
#5167ca
```
#5167ca rgb(81,103,202)
```

Monochromatic Color

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

#30609e
```
#30609e rgb(48,96,158)
```
#30569e
```
#30569e rgb(48,86,158)
```
#304d9e
```
#304d9e rgb(48,77,158)
```
#30449e
```
#30449e rgb(48,68,158)
```
#303b9e
```
#303b9e rgb(48,59,158)
```
#30329e
```
#30329e rgb(48,50,158)
```
#37309e
```
#37309e rgb(55,48,158)
```

Similar Colors

Text with hexadecimal color #30449e

This text has a font color of #30449e.

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

#30449e background color

This paragraph has a background color of #30449e.

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

#30449e border color

This element has a border color of #30449e.

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

CSS codes

.text {color:#30449e;}

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

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

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

#020308
```
#020308 rgb(2,3,8)
```
#070a17
```
#070a17 rgb(7,10,23)
```
#0b1026
```
#0b1026 rgb(11,16,38)
```
#101735
```
#101735 rgb(16,23,53)
```
#151d44
```
#151d44 rgb(21,29,68)
```
#192453
```
#192453 rgb(25,36,83)
```
#1e2a62
```
#1e2a62 rgb(30,42,98)
```
#223171
```
#223171 rgb(34,49,113)
```
#273780
```
#273780 rgb(39,55,128)
```
#2b3e8f
```
#2b3e8f rgb(43,62,143)
```
#30449e
```
#30449e rgb(48,68,158)
```
#354aad
```
#354aad rgb(53,74,173)
```
#3951bc
```
#3951bc rgb(57,81,188)
```

Shade Color Variation

#435bc6
```
#435bc6 rgb(67,91,198)
```
#5268ca
```
#5268ca rgb(82,104,202)
```
#6175cf
```
#6175cf rgb(97,117,207)
```
#7082d4
```
#7082d4 rgb(112,130,212)
```
#7f8fd8
```
#7f8fd8 rgb(127,143,216)
```
#8e9cdd
```
#8e9cdd rgb(142,156,221)
```
#9daae1
```
#9daae1 rgb(157,170,225)
```
#acb7e6
```
#acb7e6 rgb(172,183,230)
```
#bbc4ea
```
#bbc4ea rgb(187,196,234)
```
#cad1ef
```
#cad1ef rgb(202,209,239)
```
#d9def4
```
#d9def4 rgb(217,222,244)
```
#e8ebf8
```
#e8ebf8 rgb(232,235,248)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60626e is the less saturated color, while #0026ce is the most saturated one.

#60626e
```
#60626e rgb(96,98,110)
```
#585d76
```
#585d76 rgb(88,93,118)
```
#50587e
```
#50587e rgb(80,88,126)
```
#485386
```
#485386 rgb(72,83,134)
```
#404e8e
```
#404e8e rgb(64,78,142)
```
#384996
```
#384996 rgb(56,73,150)
```
#30449e
```
#30449e rgb(48,68,158)
```
#283fa6
```
#283fa6 rgb(40,63,166)
```
#203aae
```
#203aae rgb(32,58,174)
```
#1835b6
```
#1835b6 rgb(24,53,182)
```
#1030be
```
#1030be rgb(16,48,190)
```
#082bc6
```
#082bc6 rgb(8,43,198)
```
#0026ce
```
#0026ce rgb(0,38,206)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434759 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a2 Protanopia 1% of men
#00578e Deuteranopia 1% of men
#005d63 Tritanopia 0.001% of the population

Trichromacy

#114da0 Protanomaly 1% of men, 0.01% of women
#115094 Deuteranomaly 6% of men, 0.4% of women
#115479 Tritanomaly 0.01% of the population