#30416c hex color

In a RGB color space, hex #30416c is composed of 18.8% red, 25.5% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 39.8% magenta, 0% yellow and 57.6% black. It has a hue angle of 223 degrees, a saturation of 38.5% and a lightness of 30.6%. #30416c color hex could be obtained by blending #6082d8 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #30416c has RGB values of R:48, G:65, B:108 and CMYK values of C:0.56, M:0.4, Y:0, K:0.58. Its decimal value is 3162476.

Hex triplet	30416c	`#30416c`
RGB Decimal	48, 65, 108	`rgb(48,65,108)`
RGB Percent	18.8, 25.5, 42.4	`rgb(18.8%,25.5%,42.4%)`
CMYK	56, 40, 0, 58
HSL	223°, 38.5, 30.6	`hsl(223,38.5%,30.6%)`
HSV (or HSB)	223°, 55.6, 42.4
Web Safe	333366	`#333366`

CIE-LAB	28.091, 6.975, -27.136
XYZ	5.815, 5.491, 14.94
xyY	0.222, 0.209, 5.491
CIE-LCH	28.091, 28.018, 284.414
CIE-LUV	28.091, -8.381, -35.334
Hunter-Lab	23.434, 3.288, -21.396
Binary	00110000, 01000001, 01101100

#30416c
```
#30416c rgb(48,65,108)
```
#6c5b30
```
#6c5b30 rgb(108,91,48)
```

Complementary Color

#305f6c
```
#305f6c rgb(48,95,108)
```
#30416c
```
#30416c rgb(48,65,108)
```
#3d306c
```
#3d306c rgb(61,48,108)
```

Analogous Color

#5f6c30
```
#5f6c30 rgb(95,108,48)
```
#30416c
```
#30416c rgb(48,65,108)
```
#6c3d30
```
#6c3d30 rgb(108,61,48)
```

Split Complementary Color

#416c30
```
#416c30 rgb(65,108,48)
```
#30416c
```
#30416c rgb(48,65,108)
```
#6c3041
```
#6c3041 rgb(108,48,65)
```

Triadic Color

#306c5b
```
#306c5b rgb(48,108,91)
```
#30416c
```
#30416c rgb(48,65,108)
```
#6c3041
```
#6c3041 rgb(108,48,65)
```
#6c5b30
```
#6c5b30 rgb(108,91,48)
```

Tetradic Color

#182137
```
#182137 rgb(24,33,55)
```
#202c49
```
#202c49 rgb(32,44,73)
```
#28365a
```
#28365a rgb(40,54,90)
```
#30416c
```
#30416c rgb(48,65,108)
```
#384c7e
```
#384c7e rgb(56,76,126)
```
#40568f
```
#40568f rgb(64,86,143)
```
#4861a1
```
#4861a1 rgb(72,97,161)
```

Monochromatic Color

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

#30506c
```
#30506c rgb(48,80,108)
```
#304b6c
```
#304b6c rgb(48,75,108)
```
#30466c
```
#30466c rgb(48,70,108)
```
#30416c
```
#30416c rgb(48,65,108)
```
#303c6c
```
#303c6c rgb(48,60,108)
```
#30376c
```
#30376c rgb(48,55,108)
```
#30326c
```
#30326c rgb(48,50,108)
```

Similar Colors

Text with hexadecimal color #30416c

This text has a font color of #30416c.

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

#30416c background color

This paragraph has a background color of #30416c.

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

#30416c border color

This element has a border color of #30416c.

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

CSS codes

.text {color:#30416c;}

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

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

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

#06080d
```
#06080d rgb(6,8,13)
```
#0c101b
```
#0c101b rgb(12,16,27)
```
#121828
```
#121828 rgb(18,24,40)
```
#182036
```
#182036 rgb(24,32,54)
```
#1e2843
```
#1e2843 rgb(30,40,67)
```
#243151
```
#243151 rgb(36,49,81)
```
#2a395e
```
#2a395e rgb(42,57,94)
```
#30416c
```
#30416c rgb(48,65,108)
```
#36497a
```
#36497a rgb(54,73,122)
```
#3c5187
```
#3c5187 rgb(60,81,135)
```
#425a95
```
#425a95 rgb(66,90,149)
```
#4862a2
```
#4862a2 rgb(72,98,162)
```
#4e6ab0
```
#4e6ab0 rgb(78,106,176)
```

Shade Color Variation

#5b75b6
```
#5b75b6 rgb(91,117,182)
```
#6981bc
```
#6981bc rgb(105,129,188)
```
#778cc2
```
#778cc2 rgb(119,140,194)
```
#8497c8
```
#8497c8 rgb(132,151,200)
```
#92a3ce
```
#92a3ce rgb(146,163,206)
```
#9faed4
```
#9faed4 rgb(159,174,212)
```
#adbadb
```
#adbadb rgb(173,186,219)
```
#bac5e1
```
#bac5e1 rgb(186,197,225)
```
#c8d1e7
```
#c8d1e7 rgb(200,209,231)
```
#d6dced
```
#d6dced rgb(214,220,237)
```
#e3e8f3
```
#e3e8f3 rgb(227,232,243)
```
#f1f3f9
```
#f1f3f9 rgb(241,243,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#484b54
```
#484b54 rgb(72,75,84)
```
#42495a
```
#42495a rgb(66,73,90)
```
#3c4660
```
#3c4660 rgb(60,70,96)
```
#364466
```
#364466 rgb(54,68,102)
```
#30416c
```
#30416c rgb(48,65,108)
```
#2a3e72
```
#2a3e72 rgb(42,62,114)
```
#243c78
```
#243c78 rgb(36,60,120)
```
#1e397e
```
#1e397e rgb(30,57,126)
```
#183784
```
#183784 rgb(24,55,132)
```
#12348a
```
#12348a rgb(18,52,138)
```
#0c3190
```
#0c3190 rgb(12,49,144)
```
#062f96
```
#062f96 rgb(6,47,150)
```
#002c9c
```
#002c9c rgb(0,44,156)
```

Tone Color Variation

Below, you can see how #30416c 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
#3e414a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b4a73 Protanopia 1% of men
#344c73 Deuteranopia 1% of men
#2e5157 Tritanopia 0.001% of the population

Trichromacy

#374770 Protanomaly 1% of men, 0.01% of women
#324870 Deuteranomaly 6% of men, 0.4% of women
#2e4b5e Tritanomaly 0.01% of the population

#30416c hex color

#30416c Color Information

#30416c Color Conversion

Color Schemes with #30416c

Alternatives to #30416c

#30416c Preview

Shades and Tints of #30416c

Tones of #30416c

Color Blindness Simulator