#30416b hex color

In a RGB color space, hex #30416b is composed of 18.8% red, 25.5% green and 42% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 39.3% magenta, 0% yellow and 58% black. It has a hue angle of 222.7 degrees, a saturation of 38.1% and a lightness of 30.4%. #30416b color hex could be obtained by blending #6082d6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 25
- B 42
RGB color chart
- C 55
- M 39
- Y 0
- K 58
CMYK color chart

● #30416b color description : Very dark desaturated blue.

The hexadecimal color #30416b has RGB values of R:48, G:65, B:107 and CMYK values of C:0.55, M:0.39, Y:0, K:0.58. Its decimal value is 3162475.

Hex triplet	30416b	`#30416b`
RGB Decimal	48, 65, 107	`rgb(48,65,107)`
RGB Percent	18.8, 25.5, 42	`rgb(18.8%,25.5%,42%)`
CMYK	55, 39, 0, 58
HSL	222.7°, 38.1, 30.4	`hsl(222.7,38.1%,30.4%)`
HSV (or HSB)	222.7°, 55.1, 42
Web Safe	333366	`#333366`

CIE-LAB	28.035, 6.62, -26.589
XYZ	5.762, 5.47, 14.661
xyY	0.223, 0.211, 5.47
CIE-LCH	28.035, 27.4, 283.981
CIE-LUV	28.035, -8.366, -34.55
Hunter-Lab	23.389, 3.049, -20.794
Binary	00110000, 01000001, 01101011

#30416b
```
#30416b rgb(48,65,107)
```
#6b5a30
```
#6b5a30 rgb(107,90,48)
```

Complementary Color

#305f6b
```
#305f6b rgb(48,95,107)
```
#30416b
```
#30416b rgb(48,65,107)
```
#3d306b
```
#3d306b rgb(61,48,107)
```

Analogous Color

#5f6b30
```
#5f6b30 rgb(95,107,48)
```
#30416b
```
#30416b rgb(48,65,107)
```
#6b3d30
```
#6b3d30 rgb(107,61,48)
```

Split Complementary Color

#416b30
```
#416b30 rgb(65,107,48)
```
#30416b
```
#30416b rgb(48,65,107)
```
#6b3041
```
#6b3041 rgb(107,48,65)
```

Triadic Color

#306b5a
```
#306b5a rgb(48,107,90)
```
#30416b
```
#30416b rgb(48,65,107)
```
#6b3041
```
#6b3041 rgb(107,48,65)
```
#6b5a30
```
#6b5a30 rgb(107,90,48)
```

Tetradic Color

#182136
```
#182136 rgb(24,33,54)
```
#202c48
```
#202c48 rgb(32,44,72)
```
#283659
```
#283659 rgb(40,54,89)
```
#30416b
```
#30416b rgb(48,65,107)
```
#384c7d
```
#384c7d rgb(56,76,125)
```
#40568e
```
#40568e rgb(64,86,142)
```
#4861a0
```
#4861a0 rgb(72,97,160)
```

Monochromatic Color

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

#30506b
```
#30506b rgb(48,80,107)
```
#304b6b
```
#304b6b rgb(48,75,107)
```
#30466b
```
#30466b rgb(48,70,107)
```
#30416b
```
#30416b rgb(48,65,107)
```
#303c6b
```
#303c6b rgb(48,60,107)
```
#30376b
```
#30376b rgb(48,55,107)
```
#30326b
```
#30326b rgb(48,50,107)
```

Similar Colors

Text with hexadecimal color #30416b

This text has a font color of #30416b.

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

#30416b background color

This paragraph has a background color of #30416b.

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

#30416b border color

This element has a border color of #30416b.

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

CSS codes

.text {color:#30416b;}

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

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

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 #fefefe is the lightest one.

#05070c
```
#05070c rgb(5,7,12)
```
#0c101a
```
#0c101a rgb(12,16,26)
```
#121827
```
#121827 rgb(18,24,39)
```
#182035
```
#182035 rgb(24,32,53)
```
#1e2842
```
#1e2842 rgb(30,40,66)
```
#243150
```
#243150 rgb(36,49,80)
```
#2a395d
```
#2a395d rgb(42,57,93)
```
#30416b
```
#30416b rgb(48,65,107)
```
#364979
```
#364979 rgb(54,73,121)
```
#3c5186
```
#3c5186 rgb(60,81,134)
```
#425a94
```
#425a94 rgb(66,90,148)
```
#4862a1
```
#4862a1 rgb(72,98,161)
```
#4e6aaf
```
#4e6aaf rgb(78,106,175)
```

Shade Color Variation

#5b75b6
```
#5b75b6 rgb(91,117,182)
```
#6981bc
```
#6981bc rgb(105,129,188)
```
#768cc2
```
#768cc2 rgb(118,140,194)
```
#8497c8
```
#8497c8 rgb(132,151,200)
```
#91a3ce
```
#91a3ce rgb(145,163,206)
```
#9faed4
```
#9faed4 rgb(159,174,212)
```
#acbada
```
#acbada rgb(172,186,218)
```
#bac5e0
```
#bac5e0 rgb(186,197,224)
```
#c8d0e6
```
#c8d0e6 rgb(200,208,230)
```
#d5dcec
```
#d5dcec rgb(213,220,236)
```
#e3e7f2
```
#e3e7f2 rgb(227,231,242)
```
#f0f2f8
```
#f0f2f8 rgb(240,242,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484b53 is the less saturated color, while #002d9b is the most saturated one.

#484b53
```
#484b53 rgb(72,75,83)
```
#424959
```
#424959 rgb(66,73,89)
```
#3c465f
```
#3c465f rgb(60,70,95)
```
#364465
```
#364465 rgb(54,68,101)
```
#30416b
```
#30416b rgb(48,65,107)
```
#2a3e71
```
#2a3e71 rgb(42,62,113)
```
#243c77
```
#243c77 rgb(36,60,119)
```
#1e397d
```
#1e397d rgb(30,57,125)
```
#183783
```
#183783 rgb(24,55,131)
```
#123489
```
#123489 rgb(18,52,137)
```
#0c328f
```
#0c328f rgb(12,50,143)
```
#062f95
```
#062f95 rgb(6,47,149)
```
#002d9b
```
#002d9b rgb(0,45,155)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e4149 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b4a72 Protanopia 1% of men
#354c72 Deuteranopia 1% of men
#2e5156 Tritanopia 0.001% of the population

Trichromacy

#37476f Protanomaly 1% of men, 0.01% of women
#33486f Deuteranomaly 6% of men, 0.4% of women
#2f4b5e Tritanomaly 0.01% of the population

#30416b hex color

#30416b Color Information

#30416b Color Conversion

Color Schemes with #30416b

Alternatives to #30416b

#30416b Preview

Shades and Tints of #30416b

Tones of #30416b

Color Blindness Simulator