#30417e hex color

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

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

● #30417e color description : Dark moderate blue.

The hexadecimal color #30417e has RGB values of R:48, G:65, B:126 and CMYK values of C:0.62, M:0.48, Y:0, K:0.51. Its decimal value is 3162494.

Hex triplet	30417e	`#30417e`
RGB Decimal	48, 65, 126	`rgb(48,65,126)`
RGB Percent	18.8, 25.5, 49.4	`rgb(18.8%,25.5%,49.4%)`
CMYK	62, 48, 0, 51
HSL	226.9°, 44.8, 34.1	`hsl(226.9,44.8%,34.1%)`
HSV (or HSB)	226.9°, 61.9, 49.4
Web Safe	333366	`#333366`

CIE-LAB	29.197, 13.507, -36.735
XYZ	6.874, 5.915, 20.517
xyY	0.206, 0.178, 5.915
CIE-LCH	29.197, 39.139, 290.188
CIE-LUV	29.197, -8.679, -49.185
Hunter-Lab	24.321, 7.892, -32.993
Binary	00110000, 01000001, 01111110

#30417e
```
#30417e rgb(48,65,126)
```
#7e6d30
```
#7e6d30 rgb(126,109,48)
```

Complementary Color

#30687e
```
#30687e rgb(48,104,126)
```
#30417e
```
#30417e rgb(48,65,126)
```
#46307e
```
#46307e rgb(70,48,126)
```

Analogous Color

#687e30
```
#687e30 rgb(104,126,48)
```
#30417e
```
#30417e rgb(48,65,126)
```
#7e4630
```
#7e4630 rgb(126,70,48)
```

Split Complementary Color

#417e30
```
#417e30 rgb(65,126,48)
```
#30417e
```
#30417e rgb(48,65,126)
```
#7e3041
```
#7e3041 rgb(126,48,65)
```

Triadic Color

#307e6d
```
#307e6d rgb(48,126,109)
```
#30417e
```
#30417e rgb(48,65,126)
```
#7e3041
```
#7e3041 rgb(126,48,65)
```
#7e6d30
```
#7e6d30 rgb(126,109,48)
```

Tetradic Color

#1b2447
```
#1b2447 rgb(27,36,71)
```
#222e59
```
#222e59 rgb(34,46,89)
```
#29376c
```
#29376c rgb(41,55,108)
```
#30417e
```
#30417e rgb(48,65,126)
```
#374b90
```
#374b90 rgb(55,75,144)
```
#3e54a3
```
#3e54a3 rgb(62,84,163)
```
#455eb5
```
#455eb5 rgb(69,94,181)
```

Monochromatic Color

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

#30557e
```
#30557e rgb(48,85,126)
```
#304e7e
```
#304e7e rgb(48,78,126)
```
#30487e
```
#30487e rgb(48,72,126)
```
#30417e
```
#30417e rgb(48,65,126)
```
#303b7e
```
#303b7e rgb(48,59,126)
```
#30347e
```
#30347e rgb(48,52,126)
```
#32307e
```
#32307e rgb(50,48,126)
```

Similar Colors

Text with hexadecimal color #30417e

This text has a font color of #30417e.

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

#30417e background color

This paragraph has a background color of #30417e.

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

#30417e border color

This element has a border color of #30417e.

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

CSS codes

.text {color:#30417e;}

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

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

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

#05060c
```
#05060c rgb(5,6,12)
```
#0a0e1b
```
#0a0e1b rgb(10,14,27)
```
#101529
```
#101529 rgb(16,21,41)
```
#151c37
```
#151c37 rgb(21,28,55)
```
#1a2445
```
#1a2445 rgb(26,36,69)
```
#202b53
```
#202b53 rgb(32,43,83)
```
#253262
```
#253262 rgb(37,50,98)
```
#2b3a70
```
#2b3a70 rgb(43,58,112)
```
#30417e
```
#30417e rgb(48,65,126)
```
#35488c
```
#35488c rgb(53,72,140)
```
#3b509a
```
#3b509a rgb(59,80,154)
```
#4057a9
```
#4057a9 rgb(64,87,169)
```
#465eb7
```
#465eb7 rgb(70,94,183)
```

Shade Color Variation

#536abd
```
#536abd rgb(83,106,189)
```
#6176c3
```
#6176c3 rgb(97,118,195)
```
#6f83c8
```
#6f83c8 rgb(111,131,200)
```
#7d8fce
```
#7d8fce rgb(125,143,206)
```
#8c9bd3
```
#8c9bd3 rgb(140,155,211)
```
#9aa7d8
```
#9aa7d8 rgb(154,167,216)
```
#a8b4de
```
#a8b4de rgb(168,180,222)
```
#b6c0e3
```
#b6c0e3 rgb(182,192,227)
```
#c4cce9
```
#c4cce9 rgb(196,204,233)
```
#d3d9ee
```
#d3d9ee rgb(211,217,238)
```
#e1e5f3
```
#e1e5f3 rgb(225,229,243)
```
#eff1f9
```
#eff1f9 rgb(239,241,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 #0127ad is the most saturated one.

#51545d
```
#51545d rgb(81,84,93)
```
#4b5063
```
#4b5063 rgb(75,80,99)
```
#444c6a
```
#444c6a rgb(68,76,106)
```
#3d4971
```
#3d4971 rgb(61,73,113)
```
#374577
```
#374577 rgb(55,69,119)
```
#30417e
```
#30417e rgb(48,65,126)
```
#293d85
```
#293d85 rgb(41,61,133)
```
#23398b
```
#23398b rgb(35,57,139)
```
#1c3692
```
#1c3692 rgb(28,54,146)
```
#153299
```
#153299 rgb(21,50,153)
```
#0f2e9f
```
#0f2e9f rgb(15,46,159)
```
#082aa6
```
#082aa6 rgb(8,42,166)
```
#0127ad
```
#0127ad rgb(1,39,173)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f434f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f4c86 Protanopia 1% of men
#1a4f82 Deuteranopia 1% of men
#21555b Tritanopia 0.001% of the population

Trichromacy

#2f4883 Protanomaly 1% of men, 0.01% of women
#224a81 Deuteranomaly 6% of men, 0.4% of women
#264d67 Tritanomaly 0.01% of the population

#30417e hex color

#30417e Color Information

#30417e Color Conversion

Color Schemes with #30417e

Alternatives to #30417e

#30417e Preview

Shades and Tints of #30417e

Tones of #30417e

Color Blindness Simulator