#30223e hex color

In a RGB color space, hex #30223e is composed of 18.8% red, 13.3% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 45.2% magenta, 0% yellow and 75.7% black. It has a hue angle of 270 degrees, a saturation of 29.2% and a lightness of 18.8%. #30223e color hex could be obtained by blending #60447c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 24
RGB color chart
- C 23
- M 45
- Y 0
- K 76
CMYK color chart

● #30223e color description : Very dark desaturated violet.

The hexadecimal color #30223e has RGB values of R:48, G:34, B:62 and CMYK values of C:0.23, M:0.45, Y:0, K:0.76. Its decimal value is 3154494.

Hex triplet	30223e	`#30223e`
RGB Decimal	48, 34, 62	`rgb(48,34,62)`
RGB Percent	18.8, 13.3, 24.3	`rgb(18.8%,13.3%,24.3%)`
CMYK	23, 45, 0, 76
HSL	270°, 29.2, 18.8	`hsl(270,29.2%,18.8%)`
HSV (or HSB)	270°, 45.2, 24.3
Web Safe	333333	`#333333`

CIE-LAB	16.106, 13.422, -15.425
XYZ	2.66, 2.12, 4.826
xyY	0.277, 0.221, 2.12
CIE-LCH	16.106, 20.447, 311.028
CIE-LUV	16.106, 4.1, -16.425
Hunter-Lab	14.561, 7.13, -9.459
Binary	00110000, 00100010, 00111110

#30223e
```
#30223e rgb(48,34,62)
```
#303e22
```
#303e22 rgb(48,62,34)
```

Complementary Color

#22223e
```
#22223e rgb(34,34,62)
```
#30223e
```
#30223e rgb(48,34,62)
```
#3e223e
```
#3e223e rgb(62,34,62)
```

Analogous Color

#223e22
```
#223e22 rgb(34,62,34)
```
#30223e
```
#30223e rgb(48,34,62)
```
#3e3e22
```
#3e3e22 rgb(62,62,34)
```

Split Complementary Color

#223e30
```
#223e30 rgb(34,62,48)
```
#30223e
```
#30223e rgb(48,34,62)
```
#3e3022
```
#3e3022 rgb(62,48,34)
```

Triadic Color

#22303e
```
#22303e rgb(34,48,62)
```
#30223e
```
#30223e rgb(48,34,62)
```
#3e3022
```
#3e3022 rgb(62,48,34)
```
#303e22
```
#303e22 rgb(48,62,34)
```

Tetradic Color

#0a070d
```
#0a070d rgb(10,7,13)
```
#17101d
```
#17101d rgb(23,16,29)
```
#23192e
```
#23192e rgb(35,25,46)
```
#30223e
```
#30223e rgb(48,34,62)
```
#3d2b4e
```
#3d2b4e rgb(61,43,78)
```
#4a345f
```
#4a345f rgb(74,52,95)
```
#563d6f
```
#563d6f rgb(86,61,111)
```

Monochromatic Color

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

#29223e
```
#29223e rgb(41,34,62)
```
#2b223e
```
#2b223e rgb(43,34,62)
```
#2e223e
```
#2e223e rgb(46,34,62)
```
#30223e
```
#30223e rgb(48,34,62)
```
#32223e
```
#32223e rgb(50,34,62)
```
#35223e
```
#35223e rgb(53,34,62)
```
#37223e
```
#37223e rgb(55,34,62)
```

Similar Colors

Text with hexadecimal color #30223e

This text has a font color of #30223e.

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

#30223e background color

This paragraph has a background color of #30223e.

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

#30223e border color

This element has a border color of #30223e.

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

CSS codes

.text {color:#30223e;}

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

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

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, #09060b is the darkest color, while #fefefe is the lightest one.

#09060b
```
#09060b rgb(9,6,11)
```
#130d18
```
#130d18 rgb(19,13,24)
```
#1c1425
```
#1c1425 rgb(28,20,37)
```
#261b31
```
#261b31 rgb(38,27,49)
```
#30223e
```
#30223e rgb(48,34,62)
```
#3a294b
```
#3a294b rgb(58,41,75)
```
#443057
```
#443057 rgb(68,48,87)
```
#4d3764
```
#4d3764 rgb(77,55,100)
```
#573e71
```
#573e71 rgb(87,62,113)
```
#61457d
```
#61457d rgb(97,69,125)
```
#6b4c8a
```
#6b4c8a rgb(107,76,138)
```
#755397
```
#755397 rgb(117,83,151)
```
#7e5aa3
```
#7e5aa3 rgb(126,90,163)
```

Shade Color Variation

#8866ab
```
#8866ab rgb(136,102,171)
```
#9272b2
```
#9272b2 rgb(146,114,178)
```
#9c7fb9
```
#9c7fb9 rgb(156,127,185)
```
#a68cc0
```
#a68cc0 rgb(166,140,192)
```
#b098c7
```
#b098c7 rgb(176,152,199)
```
#b9a5ce
```
#b9a5ce rgb(185,165,206)
```
#c3b2d5
```
#c3b2d5 rgb(195,178,213)
```
#cdbedc
```
#cdbedc rgb(205,190,220)
```
#d7cbe2
```
#d7cbe2 rgb(215,203,226)
```
#e1d8e9
```
#e1d8e9 rgb(225,216,233)
```
#eae4f0
```
#eae4f0 rgb(234,228,240)
```
#f4f1f7
```
#f4f1f7 rgb(244,241,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #302d33 is the less saturated color, while #30015f is the most saturated one.

#302d33
```
#302d33 rgb(48,45,51)
```
#302937
```
#302937 rgb(48,41,55)
```
#30263a
```
#30263a rgb(48,38,58)
```
#30223e
```
#30223e rgb(48,34,62)
```
#301e42
```
#301e42 rgb(48,30,66)
```
#301b45
```
#301b45 rgb(48,27,69)
```
#301749
```
#301749 rgb(48,23,73)
```
#30134d
```
#30134d rgb(48,19,77)
```
#301050
```
#301050 rgb(48,16,80)
```
#300c54
```
#300c54 rgb(48,12,84)
```
#300858
```
#300858 rgb(48,8,88)
```
#30045c
```
#30045c rgb(48,4,92)
```
#30015f
```
#30015f rgb(48,1,95)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2a282d Atypical Achromatopsia 0.001% of the population

Dichromacy

#29324b Protanopia 1% of men
#2b3246 Deuteranopia 1% of men
#373135 Tritanopia 0.001% of the population

Trichromacy

#2b2c46 Protanomaly 1% of men, 0.01% of women
#2d2c43 Deuteranomaly 6% of men, 0.4% of women
#342c38 Tritanomaly 0.01% of the population

#30223e hex color

#30223e Color Information

#30223e Color Conversion

Color Schemes with #30223e

Alternatives to #30223e

#30223e Preview

Shades and Tints of #30223e

Tones of #30223e

Color Blindness Simulator