#220300 hex color

In a RGB color space, hex #220300 is composed of 13.3% red, 1.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.2% magenta, 100% yellow and 86.7% black. It has a hue angle of 5.3 degrees, a saturation of 100% and a lightness of 6.7%. #220300 color hex could be obtained by blending #440600 with #000000. Closest websafe color is: #330000.

♥
- f
- t
- g
- R 13
- G 1
- B 0
RGB color chart
- C 0
- M 91
- Y 100
- K 87
CMYK color chart

● #220300 color description : Very dark (mostly black) red.

The hexadecimal color #220300 has RGB values of R:34, G:3, B:0 and CMYK values of C:0, M:0.91, Y:1, K:0.87. Its decimal value is 2228992.

Hex triplet	220300	`#220300`
RGB Decimal	34, 3, 0	`rgb(34,3,0)`
RGB Percent	13.3, 1.2, 0	`rgb(13.3%,1.2%,0%)`
CMYK	0, 91, 100, 87
HSL	5.3°, 100, 6.7	`hsl(5.3,100%,6.7%)`
HSV (or HSB)	5.3°, 100, 13.3
Web Safe	330000	`#330000`

CIE-LAB	3.661, 12.579, 5.714
XYZ	0.692, 0.405, 0.042
xyY	0.608, 0.356, 0.405
CIE-LCH	3.661, 13.816, 24.432
CIE-LUV	3.661, 9.693, 2.881
Hunter-Lab	6.366, 8.27, 4.067
Binary	00100010, 00000011, 00000000

#220300
```
#220300 rgb(34,3,0)
```
#001f22
```
#001f22 rgb(0,31,34)
```

Complementary Color

#22000e
```
#22000e rgb(34,0,14)
```
#220300
```
#220300 rgb(34,3,0)
```
#221400
```
#221400 rgb(34,20,0)
```

Analogous Color

#000e22
```
#000e22 rgb(0,14,34)
```
#220300
```
#220300 rgb(34,3,0)
```
#002214
```
#002214 rgb(0,34,20)
```

Split Complementary Color

#030022
```
#030022 rgb(3,0,34)
```
#220300
```
#220300 rgb(34,3,0)
```
#002203
```
#002203 rgb(0,34,3)
```

Triadic Color

#22001f
```
#22001f rgb(34,0,31)
```
#220300
```
#220300 rgb(34,3,0)
```
#002203
```
#002203 rgb(0,34,3)
```
#001f22
```
#001f22 rgb(0,31,34)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#090100
```
#090100 rgb(9,1,0)
```
#220300
```
#220300 rgb(34,3,0)
```
#3c0500
```
#3c0500 rgb(60,5,0)
```
#550800
```
#550800 rgb(85,8,0)
```
#6f0a00
```
#6f0a00 rgb(111,10,0)
```

Monochromatic Color

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

#220005
```
#220005 rgb(34,0,5)
```
#220003
```
#220003 rgb(34,0,3)
```
#220000
```
#220000 rgb(34,0,0)
```
#220300
```
#220300 rgb(34,3,0)
```
#220600
```
#220600 rgb(34,6,0)
```
#220900
```
#220900 rgb(34,9,0)
```
#220c00
```
#220c00 rgb(34,12,0)
```

Similar Colors

Text with hexadecimal color #220300

This text has a font color of #220300.

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

#220300 background color

This paragraph has a background color of #220300.

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

#220300 border color

This element has a border color of #220300.

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

CSS codes

.text {color:#220300;}

.background {background-color:#220300;}

.border {border:1px solid #220300;}

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, #0e0100 is the darkest color, while #fffafa is the lightest one.

#0e0100
```
#0e0100 rgb(14,1,0)
```
#220300
```
#220300 rgb(34,3,0)
```
#360500
```
#360500 rgb(54,5,0)
```
#490600
```
#490600 rgb(73,6,0)
```
#5d0800
```
#5d0800 rgb(93,8,0)
```
#700a00
```
#700a00 rgb(112,10,0)
```
#840c00
```
#840c00 rgb(132,12,0)
```
#980d00
```
#980d00 rgb(152,13,0)
```
#ab0f00
```
#ab0f00 rgb(171,15,0)
```
#bf1100
```
#bf1100 rgb(191,17,0)
```
#d31300
```
#d31300 rgb(211,19,0)
```
#e61400
```
#e61400 rgb(230,20,0)
```
#fa1600
```
#fa1600 rgb(250,22,0)
```

Shade Color Variation

#ff240e
```
#ff240e rgb(255,36,14)
```
#ff3622
```
#ff3622 rgb(255,54,34)
```
#ff4736
```
#ff4736 rgb(255,71,54)
```
#ff5949
```
#ff5949 rgb(255,89,73)
```
#ff6b5d
```
#ff6b5d rgb(255,107,93)
```
#ff7d70
```
#ff7d70 rgb(255,125,112)
```
#ff8f84
```
#ff8f84 rgb(255,143,132)
```
#ffa198
```
#ffa198 rgb(255,161,152)
```
#ffb3ab
```
#ffb3ab rgb(255,179,171)
```
#ffc5bf
```
#ffc5bf rgb(255,197,191)
```
#ffd6d3
```
#ffd6d3 rgb(255,214,211)
```
#ffe8e6
```
#ffe8e6 rgb(255,232,230)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#121010
```
#121010 rgb(18,16,16)
```
#140f0e
```
#140f0e rgb(20,15,14)
```
#150e0d
```
#150e0d rgb(21,14,13)
```
#160d0c
```
#160d0c rgb(22,13,12)
```
#180c0a
```
#180c0a rgb(24,12,10)
```
#190b09
```
#190b09 rgb(25,11,9)
```
#1a0908
```
#1a0908 rgb(26,9,8)
```
#1b0807
```
#1b0807 rgb(27,8,7)
```
#1d0705
```
#1d0705 rgb(29,7,5)
```
#1e0604
```
#1e0604 rgb(30,6,4)
```
#1f0503
```
#1f0503 rgb(31,5,3)
```
#210401
```
#210401 rgb(33,4,1)
```
#220300
```
#220300 rgb(34,3,0)
```

Tone Color Variation

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

#0c0c0c Achromatopsia 0.005% of the population
#100a0a Atypical Achromatopsia 0.001% of the population

Dichromacy

#1c1905 Protanopia 1% of men
#201800 Deuteranopia 1% of men
#2d0c0d Tritanopia 0.001% of the population

Trichromacy

#1e1103 Protanomaly 1% of men, 0.01% of women
#201000 Deuteranomaly 6% of men, 0.4% of women
#290908 Tritanomaly 0.01% of the population

#220300 hex color

#220300 Color Information

#220300 Color Conversion

Color Schemes with #220300

Alternatives to #220300

#220300 Preview

Shades and Tints of #220300

Tones of #220300

Color Blindness Simulator