#30417f hex color

In a RGB color space, hex #30417f is composed of 18.8% red, 25.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 48.8% magenta, 0% yellow and 50.2% black. It has a hue angle of 227.1 degrees, a saturation of 45.1% and a lightness of 34.3%. #30417f color hex could be obtained by blending #6082fe with #000000. Closest websafe color is: #333366.

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

● #30417f color description : Dark moderate blue.

The hexadecimal color #30417f has RGB values of R:48, G:65, B:127 and CMYK values of C:0.62, M:0.49, Y:0, K:0.5. Its decimal value is 3162495.

Hex triplet	30417f	`#30417f`
RGB Decimal	48, 65, 127	`rgb(48,65,127)`
RGB Percent	18.8, 25.5, 49.8	`rgb(18.8%,25.5%,49.8%)`
CMYK	62, 49, 0, 50
HSL	227.1°, 45.1, 34.3	`hsl(227.1,45.1%,34.3%)`
HSV (or HSB)	227.1°, 62.2, 49.8
Web Safe	333366	`#333366`

CIE-LAB	29.263, 13.876, -37.254
XYZ	6.939, 5.941, 20.859
xyY	0.206, 0.176, 5.941
CIE-LCH	29.263, 39.754, 290.429
CIE-LUV	29.263, -8.697, -49.938
Hunter-Lab	24.374, 8.164, -33.677
Binary	00110000, 01000001, 01111111

#30417f
```
#30417f rgb(48,65,127)
```
#7f6e30
```
#7f6e30 rgb(127,110,48)
```

Complementary Color

#30697f
```
#30697f rgb(48,105,127)
```
#30417f
```
#30417f rgb(48,65,127)
```
#46307f
```
#46307f rgb(70,48,127)
```

Analogous Color

#697f30
```
#697f30 rgb(105,127,48)
```
#30417f
```
#30417f rgb(48,65,127)
```
#7f4630
```
#7f4630 rgb(127,70,48)
```

Split Complementary Color

#417f30
```
#417f30 rgb(65,127,48)
```
#30417f
```
#30417f rgb(48,65,127)
```
#7f3041
```
#7f3041 rgb(127,48,65)
```

Triadic Color

#307f6e
```
#307f6e rgb(48,127,110)
```
#30417f
```
#30417f rgb(48,65,127)
```
#7f3041
```
#7f3041 rgb(127,48,65)
```
#7f6e30
```
#7f6e30 rgb(127,110,48)
```

Tetradic Color

#1b2547
```
#1b2547 rgb(27,37,71)
```
#222e5a
```
#222e5a rgb(34,46,90)
```
#29386c
```
#29386c rgb(41,56,108)
```
#30417f
```
#30417f rgb(48,65,127)
```
#374a92
```
#374a92 rgb(55,74,146)
```
#3e54a4
```
#3e54a4 rgb(62,84,164)
```
#455db7
```
#455db7 rgb(69,93,183)
```

Monochromatic Color

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

#30557f
```
#30557f rgb(48,85,127)
```
#304e7f
```
#304e7f rgb(48,78,127)
```
#30487f
```
#30487f rgb(48,72,127)
```
#30417f
```
#30417f rgb(48,65,127)
```
#303a7f
```
#303a7f rgb(48,58,127)
```
#30347f
```
#30347f rgb(48,52,127)
```
#33307f
```
#33307f rgb(51,48,127)
```

Similar Colors

Text with hexadecimal color #30417f

This text has a font color of #30417f.

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

#30417f background color

This paragraph has a background color of #30417f.

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

#30417f border color

This element has a border color of #30417f.

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

CSS codes

.text {color:#30417f;}

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

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

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

#05070d
```
#05070d rgb(5,7,13)
```
#0a0e1b
```
#0a0e1b rgb(10,14,27)
```
#10152a
```
#10152a rgb(16,21,42)
```
#151d38
```
#151d38 rgb(21,29,56)
```
#1a2446
```
#1a2446 rgb(26,36,70)
```
#202b54
```
#202b54 rgb(32,43,84)
```
#253263
```
#253263 rgb(37,50,99)
```
#2b3a71
```
#2b3a71 rgb(43,58,113)
```
#30417f
```
#30417f rgb(48,65,127)
```
#35488d
```
#35488d rgb(53,72,141)
```
#3b509b
```
#3b509b rgb(59,80,155)
```
#4057aa
```
#4057aa rgb(64,87,170)
```
#465eb8
```
#465eb8 rgb(70,94,184)
```

Shade Color Variation

#536abe
```
#536abe rgb(83,106,190)
```
#6176c3
```
#6176c3 rgb(97,118,195)
```
#7083c9
```
#7083c9 rgb(112,131,201)
```
#7e8fce
```
#7e8fce rgb(126,143,206)
```
#8c9bd4
```
#8c9bd4 rgb(140,155,212)
```
#9aa8d9
```
#9aa8d9 rgb(154,168,217)
```
#a8b4de
```
#a8b4de rgb(168,180,222)
```
#b7c0e4
```
#b7c0e4 rgb(183,192,228)
```
#c5cde9
```
#c5cde9 rgb(197,205,233)
```
#d3d9ee
```
#d3d9ee rgb(211,217,238)
```
#e1e5f4
```
#e1e5f4 rgb(225,229,244)
```
#f0f2f9
```
#f0f2f9 rgb(240,242,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#52545d
```
#52545d rgb(82,84,93)
```
#4b5064
```
#4b5064 rgb(75,80,100)
```
#444d6b
```
#444d6b rgb(68,77,107)
```
#3d4972
```
#3d4972 rgb(61,73,114)
```
#374578
```
#374578 rgb(55,69,120)
```
#30417f
```
#30417f rgb(48,65,127)
```
#293d86
```
#293d86 rgb(41,61,134)
```
#23398c
```
#23398c rgb(35,57,140)
```
#1c3593
```
#1c3593 rgb(28,53,147)
```
#15329a
```
#15329a rgb(21,50,154)
```
#0e2ea1
```
#0e2ea1 rgb(14,46,161)
```
#082aa7
```
#082aa7 rgb(8,42,167)
```
#0126ae
```
#0126ae rgb(1,38,174)
```

Tone Color Variation

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

#2e4c87 Protanopia 1% of men
#174f83 Deuteranopia 1% of men
#20555b Tritanopia 0.001% of the population

Trichromacy

#2f4884 Protanomaly 1% of men, 0.01% of women
#204a81 Deuteranomaly 6% of men, 0.4% of women
#264d68 Tritanomaly 0.01% of the population

#30417f hex color

#30417f Color Information

#30417f Color Conversion

Color Schemes with #30417f

Alternatives to #30417f

#30417f Preview

Shades and Tints of #30417f

Tones of #30417f

Color Blindness Simulator