#30457e hex color

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

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

● #30457e color description : Dark moderate blue.

The hexadecimal color #30457e has RGB values of R:48, G:69, B:126 and CMYK values of C:0.62, M:0.45, Y:0, K:0.51. Its decimal value is 3163518.

Hex triplet	30457e	`#30457e`
RGB Decimal	48, 69, 126	`rgb(48,69,126)`
RGB Percent	18.8, 27.1, 49.4	`rgb(18.8%,27.1%,49.4%)`
CMYK	62, 45, 0, 51
HSL	223.8°, 44.8, 34.1	`hsl(223.8,44.8%,34.1%)`
HSV (or HSB)	223.8°, 61.9, 49.4
Web Safe	333366	`#333366`

CIE-LAB	30.377, 10.794, -34.847
XYZ	7.112, 6.391, 20.596
xyY	0.209, 0.187, 6.391
CIE-LCH	30.377, 36.481, 287.211
CIE-LUV	30.377, -9.941, -47.092
Hunter-Lab	25.28, 5.98, -30.61
Binary	00110000, 01000101, 01111110

#30457e
```
#30457e rgb(48,69,126)
```
#7e6930
```
#7e6930 rgb(126,105,48)
```

Complementary Color

#306c7e
```
#306c7e rgb(48,108,126)
```
#30457e
```
#30457e rgb(48,69,126)
```
#42307e
```
#42307e rgb(66,48,126)
```

Analogous Color

#6c7e30
```
#6c7e30 rgb(108,126,48)
```
#30457e
```
#30457e rgb(48,69,126)
```
#7e4230
```
#7e4230 rgb(126,66,48)
```

Split Complementary Color

#457e30
```
#457e30 rgb(69,126,48)
```
#30457e
```
#30457e rgb(48,69,126)
```
#7e3045
```
#7e3045 rgb(126,48,69)
```

Triadic Color

#307e69
```
#307e69 rgb(48,126,105)
```
#30457e
```
#30457e rgb(48,69,126)
```
#7e3045
```
#7e3045 rgb(126,48,69)
```
#7e6930
```
#7e6930 rgb(126,105,48)
```

Tetradic Color

#1b2747
```
#1b2747 rgb(27,39,71)
```
#223159
```
#223159 rgb(34,49,89)
```
#293b6c
```
#293b6c rgb(41,59,108)
```
#30457e
```
#30457e rgb(48,69,126)
```
#374f90
```
#374f90 rgb(55,79,144)
```
#3e59a3
```
#3e59a3 rgb(62,89,163)
```
#4563b5
```
#4563b5 rgb(69,99,181)
```

Monochromatic Color

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

#30597e
```
#30597e rgb(48,89,126)
```
#30527e
```
#30527e rgb(48,82,126)
```
#304c7e
```
#304c7e rgb(48,76,126)
```
#30457e
```
#30457e rgb(48,69,126)
```
#303f7e
```
#303f7e rgb(48,63,126)
```
#30387e
```
#30387e rgb(48,56,126)
```
#30327e
```
#30327e rgb(48,50,126)
```

Similar Colors

Text with hexadecimal color #30457e

This text has a font color of #30457e.

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

#30457e background color

This paragraph has a background color of #30457e.

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

#30457e border color

This element has a border color of #30457e.

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

CSS codes

.text {color:#30457e;}

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

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

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

#05070c
```
#05070c rgb(5,7,12)
```
#0a0f1b
```
#0a0f1b rgb(10,15,27)
```
#101629
```
#101629 rgb(16,22,41)
```
#151e37
```
#151e37 rgb(21,30,55)
```
#1a2645
```
#1a2645 rgb(26,38,69)
```
#202e53
```
#202e53 rgb(32,46,83)
```
#253562
```
#253562 rgb(37,53,98)
```
#2b3d70
```
#2b3d70 rgb(43,61,112)
```
#30457e
```
#30457e rgb(48,69,126)
```
#354d8c
```
#354d8c rgb(53,77,140)
```
#3b559a
```
#3b559a rgb(59,85,154)
```
#405ca9
```
#405ca9 rgb(64,92,169)
```
#4664b7
```
#4664b7 rgb(70,100,183)
```

Shade Color Variation

#536fbd
```
#536fbd rgb(83,111,189)
```
#617bc3
```
#617bc3 rgb(97,123,195)
```
#6f87c8
```
#6f87c8 rgb(111,135,200)
```
#7d93ce
```
#7d93ce rgb(125,147,206)
```
#8c9fd3
```
#8c9fd3 rgb(140,159,211)
```
#9aabd8
```
#9aabd8 rgb(154,171,216)
```
#a8b6de
```
#a8b6de rgb(168,182,222)
```
#b6c2e3
```
#b6c2e3 rgb(182,194,227)
```
#c4cee9
```
#c4cee9 rgb(196,206,233)
```
#d3daee
```
#d3daee rgb(211,218,238)
```
#e1e6f3
```
#e1e6f3 rgb(225,230,243)
```
#eff2f9
```
#eff2f9 rgb(239,242,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#51545d
```
#51545d rgb(81,84,93)
```
#4b5163
```
#4b5163 rgb(75,81,99)
```
#444e6a
```
#444e6a rgb(68,78,106)
```
#3d4b71
```
#3d4b71 rgb(61,75,113)
```
#374877
```
#374877 rgb(55,72,119)
```
#30457e
```
#30457e rgb(48,69,126)
```
#294285
```
#294285 rgb(41,66,133)
```
#233f8b
```
#233f8b rgb(35,63,139)
```
#1c3c92
```
#1c3c92 rgb(28,60,146)
```
#153999
```
#153999 rgb(21,57,153)
```
#0f369f
```
#0f369f rgb(15,54,159)
```
#0832a6
```
#0832a6 rgb(8,50,166)
```
#012fad
```
#012fad rgb(1,47,173)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414550 Atypical Achromatopsia 0.001% of the population

Dichromacy

#364f85 Protanopia 1% of men
#275183 Deuteranopia 1% of men
#23575e Tritanopia 0.001% of the population

Trichromacy

#344b82 Protanomaly 1% of men, 0.01% of women
#2a4d81 Deuteranomaly 6% of men, 0.4% of women
#285069 Tritanomaly 0.01% of the population

#30457e hex color

#30457e Color Information

#30457e Color Conversion

Color Schemes with #30457e

Alternatives to #30457e

#30457e Preview

Shades and Tints of #30457e

Tones of #30457e

Color Blindness Simulator