#30226d hex color

In a RGB color space, hex #30226d is composed of 18.8% red, 13.3% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 68.8% magenta, 0% yellow and 57.3% black. It has a hue angle of 251.2 degrees, a saturation of 52.4% and a lightness of 28%. #30226d color hex could be obtained by blending #6044da with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 13
- B 43
RGB color chart
- C 56
- M 69
- Y 0
- K 57
CMYK color chart

● #30226d color description : Very dark blue.

The hexadecimal color #30226d has RGB values of R:48, G:34, B:109 and CMYK values of C:0.56, M:0.69, Y:0, K:0.57. Its decimal value is 3154541.

Hex triplet	30226d	`#30226d`
RGB Decimal	48, 34, 109	`rgb(48,34,109)`
RGB Percent	18.8, 13.3, 42.7	`rgb(18.8%,13.3%,42.7%)`
CMYK	56, 69, 0, 57
HSL	251.2°, 52.4, 28	`hsl(251.2,52.4%,28%)`
HSV (or HSB)	251.2°, 68.8, 42.7
Web Safe	333366	`#333366`

CIE-LAB	19.542, 28.361, -41.513
XYZ	4.551, 2.876, 14.783
xyY	0.205, 0.13, 2.876
CIE-LCH	19.542, 50.275, 304.34
CIE-LUV	19.542, -0.02, -47.528
Hunter-Lab	16.96, 18.215, -39.806
Binary	00110000, 00100010, 01101101

#30226d
```
#30226d rgb(48,34,109)
```
#5f6d22
```
#5f6d22 rgb(95,109,34)
```

Complementary Color

#223a6d
```
#223a6d rgb(34,58,109)
```
#30226d
```
#30226d rgb(48,34,109)
```
#56226d
```
#56226d rgb(86,34,109)
```

Analogous Color

#3a6d22
```
#3a6d22 rgb(58,109,34)
```
#30226d
```
#30226d rgb(48,34,109)
```
#6d5622
```
#6d5622 rgb(109,86,34)
```

Split Complementary Color

#226d30
```
#226d30 rgb(34,109,48)
```
#30226d
```
#30226d rgb(48,34,109)
```
#6d3022
```
#6d3022 rgb(109,48,34)
```

Triadic Color

#225f6d
```
#225f6d rgb(34,95,109)
```
#30226d
```
#30226d rgb(48,34,109)
```
#6d3022
```
#6d3022 rgb(109,48,34)
```
#5f6d22
```
#5f6d22 rgb(95,109,34)
```

Tetradic Color

#161033
```
#161033 rgb(22,16,51)
```
#1f1646
```
#1f1646 rgb(31,22,70)
```
#271c5a
```
#271c5a rgb(39,28,90)
```
#30226d
```
#30226d rgb(48,34,109)
```
#392880
```
#392880 rgb(57,40,128)
```
#412e94
```
#412e94 rgb(65,46,148)
```
#4a34a7
```
#4a34a7 rgb(74,52,167)
```

Monochromatic Color

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

#22276d
```
#22276d rgb(34,39,109)
```
#24226d
```
#24226d rgb(36,34,109)
```
#2a226d
```
#2a226d rgb(42,34,109)
```
#30226d
```
#30226d rgb(48,34,109)
```
#36226d
```
#36226d rgb(54,34,109)
```
#3d226d
```
#3d226d rgb(61,34,109)
```
#43226d
```
#43226d rgb(67,34,109)
```

Similar Colors

Text with hexadecimal color #30226d

This text has a font color of #30226d.

<span style="color:#30226d;">Text here</span>

#30226d background color

This paragraph has a background color of #30226d.

<p style="background-color:#30226d;">Content here</p>

#30226d border color

This element has a border color of #30226d.

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

CSS codes

.text {color:#30226d;}

.background {background-color:#30226d;}

.border {border:1px solid #30226d;}

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, #020104 is the darkest color, while #f6f4fc is the lightest one.

#020104
```
#020104 rgb(2,1,4)
```
#080613
```
#080613 rgb(8,6,19)
```
#0f0b22
```
#0f0b22 rgb(15,11,34)
```
#160f31
```
#160f31 rgb(22,15,49)
```
#1c1440
```
#1c1440 rgb(28,20,64)
```
#23194f
```
#23194f rgb(35,25,79)
```
#291d5e
```
#291d5e rgb(41,29,94)
```
#30226d
```
#30226d rgb(48,34,109)
```
#37277c
```
#37277c rgb(55,39,124)
```
#3d2b8b
```
#3d2b8b rgb(61,43,139)
```
#44309a
```
#44309a rgb(68,48,154)
```
#4a35a9
```
#4a35a9 rgb(74,53,169)
```
#5139b8
```
#5139b8 rgb(81,57,184)
```

Shade Color Variation

#5941c4
```
#5941c4 rgb(89,65,196)
```
#6650c8
```
#6650c8 rgb(102,80,200)
```
#735fcd
```
#735fcd rgb(115,95,205)
```
#806ed2
```
#806ed2 rgb(128,110,210)
```
#8e7dd6
```
#8e7dd6 rgb(142,125,214)
```
#9b8cdb
```
#9b8cdb rgb(155,140,219)
```
#a89be0
```
#a89be0 rgb(168,155,224)
```
#b5aae4
```
#b5aae4 rgb(181,170,228)
```
#c2b9e9
```
#c2b9e9 rgb(194,185,233)
```
#cfc8ee
```
#cfc8ee rgb(207,200,238)
```
#dcd6f2
```
#dcd6f2 rgb(220,214,242)
```
#e9e5f7
```
#e9e5f7 rgb(233,229,247)
```
#f6f4fc
```
#f6f4fc rgb(246,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #45434c is the less saturated color, while #1b018e is the most saturated one.

#45434c
```
#45434c rgb(69,67,76)
```
#413e52
```
#413e52 rgb(65,62,82)
```
#3e3857
```
#3e3857 rgb(62,56,87)
```
#3a335d
```
#3a335d rgb(58,51,93)
```
#372d62
```
#372d62 rgb(55,45,98)
```
#332868
```
#332868 rgb(51,40,104)
```
#30226d
```
#30226d rgb(48,34,109)
```
#2d1d73
```
#2d1d73 rgb(45,29,115)
```
#291778
```
#291778 rgb(41,23,120)
```
#26127e
```
#26127e rgb(38,18,126)
```
#220c83
```
#220c83 rgb(34,12,131)
```
#1f0789
```
#1f0789 rgb(31,7,137)
```
#1b018e
```
#1b018e rgb(27,1,142)
```

Tone Color Variation

Below, you can see how #30226d 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

#2f2f2f Achromatopsia 0.005% of the population
#2f2c3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386e Protanopia 1% of men
#003b60 Deuteranopia 1% of men
#243d42 Tritanopia 0.001% of the population

Trichromacy

#11306d Protanomaly 1% of men, 0.01% of women
#113265 Deuteranomaly 6% of men, 0.4% of women
#283351 Tritanomaly 0.01% of the population

#30226d hex color

#30226d Color Information

#30226d Color Conversion

Color Schemes with #30226d

Alternatives to #30226d

#30226d Preview

Shades and Tints of #30226d

Tones of #30226d

Color Blindness Simulator