#224314 hex color

In a RGB color space, hex #224314 is composed of 13.3% red, 26.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 49.3% cyan, 0% magenta, 70.1% yellow and 73.7% black. It has a hue angle of 102.1 degrees, a saturation of 54% and a lightness of 17.1%. #224314 color hex could be obtained by blending #448628 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 13
- G 26
- B 8
RGB color chart
- C 49
- M 0
- Y 70
- K 74
CMYK color chart

● #224314 color description : Very dark green.

The hexadecimal color #224314 has RGB values of R:34, G:67, B:20 and CMYK values of C:0.49, M:0, Y:0.7, K:0.74. Its decimal value is 2245396.

Hex triplet	224314	`#224314`
RGB Decimal	34, 67, 20	`rgb(34,67,20)`
RGB Percent	13.3, 26.3, 7.8	`rgb(13.3%,26.3%,7.8%)`
CMYK	49, 0, 70, 74
HSL	102.1°, 54, 17.1	`hsl(102.1,54%,17.1%)`
HSV (or HSB)	102.1°, 70.1, 26.3
Web Safe	333300	`#333300`

CIE-LAB	24.967, -22.287, 24.174
XYZ	2.793, 4.405, 1.365
xyY	0.326, 0.514, 4.405
CIE-LCH	24.967, 32.88, 132.675
CIE-LUV	24.967, -14.512, 24.35
Hunter-Lab	20.987, -12.973, 10.836
Binary	00100010, 01000011, 00010100

#224314
```
#224314 rgb(34,67,20)
```
#351443
```
#351443 rgb(53,20,67)
```

Complementary Color

#3a4314
```
#3a4314 rgb(58,67,20)
```
#224314
```
#224314 rgb(34,67,20)
```
#14431e
```
#14431e rgb(20,67,30)
```

Analogous Color

#43143a
```
#43143a rgb(67,20,58)
```
#224314
```
#224314 rgb(34,67,20)
```
#1e1443
```
#1e1443 rgb(30,20,67)
```

Split Complementary Color

#431422
```
#431422 rgb(67,20,34)
```
#224314
```
#224314 rgb(34,67,20)
```
#142243
```
#142243 rgb(20,34,67)
```

Triadic Color

#433514
```
#433514 rgb(67,53,20)
```
#224314
```
#224314 rgb(34,67,20)
```
#142243
```
#142243 rgb(20,34,67)
```
#351443
```
#351443 rgb(53,20,67)
```

Tetradic Color

#040802
```
#040802 rgb(4,8,2)
```
#0e1c08
```
#0e1c08 rgb(14,28,8)
```
#182f0e
```
#182f0e rgb(24,47,14)
```
#224314
```
#224314 rgb(34,67,20)
```
#2c571a
```
#2c571a rgb(44,87,26)
```
#366a20
```
#366a20 rgb(54,106,32)
```
#407e26
```
#407e26 rgb(64,126,38)
```

Monochromatic Color

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

#2e4314
```
#2e4314 rgb(46,67,20)
```
#2a4314
```
#2a4314 rgb(42,67,20)
```
#264314
```
#264314 rgb(38,67,20)
```
#224314
```
#224314 rgb(34,67,20)
```
#1e4314
```
#1e4314 rgb(30,67,20)
```
#1a4314
```
#1a4314 rgb(26,67,20)
```
#164314
```
#164314 rgb(22,67,20)
```

Similar Colors

Text with hexadecimal color #224314

This text has a font color of #224314.

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

#224314 background color

This paragraph has a background color of #224314.

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

#224314 border color

This element has a border color of #224314.

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

CSS codes

.text {color:#224314;}

.background {background-color:#224314;}

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

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

#030702
```
#030702 rgb(3,7,2)
```
#0b1606
```
#0b1606 rgb(11,22,6)
```
#13250b
```
#13250b rgb(19,37,11)
```
#1a340f
```
#1a340f rgb(26,52,15)
```
#224314
```
#224314 rgb(34,67,20)
```
#2a5219
```
#2a5219 rgb(42,82,25)
```
#31611d
```
#31611d rgb(49,97,29)
```
#397022
```
#397022 rgb(57,112,34)
```
#417f26
```
#417f26 rgb(65,127,38)
```
#488f2b
```
#488f2b rgb(72,143,43)
```
#509e2f
```
#509e2f rgb(80,158,47)
```
#58ad34
```
#58ad34 rgb(88,173,52)
```
#5fbc38
```
#5fbc38 rgb(95,188,56)
```

Shade Color Variation

#69c641
```
#69c641 rgb(105,198,65)
```
#75cb50
```
#75cb50 rgb(117,203,80)
```
#81cf5f
```
#81cf5f rgb(129,207,95)
```
#8dd46f
```
#8dd46f rgb(141,212,111)
```
#99d87e
```
#99d87e rgb(153,216,126)
```
#a5dd8d
```
#a5dd8d rgb(165,221,141)
```
#b1e19c
```
#b1e19c rgb(177,225,156)
```
#bde6ab
```
#bde6ab rgb(189,230,171)
```
#c8eaba
```
#c8eaba rgb(200,234,186)
```
#d4efc9
```
#d4efc9 rgb(212,239,201)
```
#e0f3d8
```
#e0f3d8 rgb(224,243,216)
```
#ecf8e7
```
#ecf8e7 rgb(236,248,231)
```
#f8fcf6
```
#f8fcf6 rgb(248,252,246)
```

Tint Color Variation

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

#2b2c2b
```
#2b2c2b rgb(43,44,43)
```
#2a2f28
```
#2a2f28 rgb(42,47,40)
```
#293225
```
#293225 rgb(41,50,37)
```
#273621
```
#273621 rgb(39,54,33)
```
#26391e
```
#26391e rgb(38,57,30)
```
#253c1b
```
#253c1b rgb(37,60,27)
```
#234017
```
#234017 rgb(35,64,23)
```
#224314
```
#224314 rgb(34,67,20)
```
#214611
```
#214611 rgb(33,70,17)
```
#1f4a0d
```
#1f4a0d rgb(31,74,13)
```
#1e4d0a
```
#1e4d0a rgb(30,77,10)
```
#1d5007
```
#1d5007 rgb(29,80,7)
```
#1b5403
```
#1b5403 rgb(27,84,3)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#30372e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d451e Protanopia 1% of men
#544224 Deuteranopia 1% of men
#36484d Tritanopia 0.001% of the population

Trichromacy

#3d441a Protanomaly 1% of men, 0.01% of women
#42421e Deuteranomaly 6% of men, 0.4% of women
#2f4638 Tritanomaly 0.01% of the population

#224314 hex color

#224314 Color Information

#224314 Color Conversion

Color Schemes with #224314

Alternatives to #224314

#224314 Preview

Shades and Tints of #224314

Tones of #224314

Color Blindness Simulator