#224942 hex color

In a RGB color space, hex #224942 is composed of 13.3% red, 28.6% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 0% magenta, 9.6% yellow and 71.4% black. It has a hue angle of 169.2 degrees, a saturation of 36.4% and a lightness of 21%. #224942 color hex could be obtained by blending #449284 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 29
- B 26
RGB color chart
- C 53
- M 0
- Y 10
- K 71
CMYK color chart

● #224942 color description : Very dark desaturated cyan.

The hexadecimal color #224942 has RGB values of R:34, G:73, B:66 and CMYK values of C:0.53, M:0, Y:0.1, K:0.71. Its decimal value is 2246978.

Hex triplet	224942	`#224942`
RGB Decimal	34, 73, 66	`rgb(34,73,66)`
RGB Percent	13.3, 28.6, 25.9	`rgb(13.3%,28.6%,25.9%)`
CMYK	53, 0, 10, 71
HSL	169.2°, 36.4, 21	`hsl(169.2,36.4%,21%)`
HSV (or HSB)	169.2°, 53.4, 28.6
Web Safe	333333	`#333333`

CIE-LAB	28.11, -15.844, -0.07
XYZ	4.025, 5.498, 6.003
xyY	0.259, 0.354, 5.498
CIE-LCH	28.11, 15.844, 180.252
CIE-LUV	28.11, -15.996, 1.885
Hunter-Lab	23.448, -10.392, 1.235
Binary	00100010, 01001001, 01000010

#224942
```
#224942 rgb(34,73,66)
```
#492229
```
#492229 rgb(73,34,41)
```

Complementary Color

#22492f
```
#22492f rgb(34,73,47)
```
#224942
```
#224942 rgb(34,73,66)
```
#223d49
```
#223d49 rgb(34,61,73)
```

Analogous Color

#492f22
```
#492f22 rgb(73,47,34)
```
#224942
```
#224942 rgb(34,73,66)
```
#49223d
```
#49223d rgb(73,34,61)
```

Split Complementary Color

#494222
```
#494222 rgb(73,66,34)
```
#224942
```
#224942 rgb(34,73,66)
```
#422249
```
#422249 rgb(66,34,73)
```

Triadic Color

#294922
```
#294922 rgb(41,73,34)
```
#224942
```
#224942 rgb(34,73,66)
```
#422249
```
#422249 rgb(66,34,73)
```
#492229
```
#492229 rgb(73,34,41)
```

Tetradic Color

#0a1513
```
#0a1513 rgb(10,21,19)
```
#122623
```
#122623 rgb(18,38,35)
```
#1a3832
```
#1a3832 rgb(26,56,50)
```
#224942
```
#224942 rgb(34,73,66)
```
#2a5a52
```
#2a5a52 rgb(42,90,82)
```
#326c61
```
#326c61 rgb(50,108,97)
```
#3a7d71
```
#3a7d71 rgb(58,125,113)
```

Monochromatic Color

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

#224938
```
#224938 rgb(34,73,56)
```
#22493c
```
#22493c rgb(34,73,60)
```
#22493f
```
#22493f rgb(34,73,63)
```
#224942
```
#224942 rgb(34,73,66)
```
#224945
```
#224945 rgb(34,73,69)
```
#224949
```
#224949 rgb(34,73,73)
```
#224649
```
#224649 rgb(34,70,73)
```

Similar Colors

Text with hexadecimal color #224942

This text has a font color of #224942.

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

#224942 background color

This paragraph has a background color of #224942.

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

#224942 border color

This element has a border color of #224942.

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

CSS codes

.text {color:#224942;}

.background {background-color:#224942;}

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

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

#030606
```
#030606 rgb(3,6,6)
```
#091312
```
#091312 rgb(9,19,18)
```
#0f211e
```
#0f211e rgb(15,33,30)
```
#162e2a
```
#162e2a rgb(22,46,42)
```
#1c3c36
```
#1c3c36 rgb(28,60,54)
```
#224942
```
#224942 rgb(34,73,66)
```
#28564e
```
#28564e rgb(40,86,78)
```
#2e645a
```
#2e645a rgb(46,100,90)
```
#357166
```
#357166 rgb(53,113,102)
```
#3b7f72
```
#3b7f72 rgb(59,127,114)
```
#418c7e
```
#418c7e rgb(65,140,126)
```
#47998b
```
#47998b rgb(71,153,139)
```
#4ea797
```
#4ea797 rgb(78,167,151)
```

Shade Color Variation

#57b1a1
```
#57b1a1 rgb(87,177,161)
```
#64b7a8
```
#64b7a8 rgb(100,183,168)
```
#72bdb0
```
#72bdb0 rgb(114,189,176)
```
#7fc4b7
```
#7fc4b7 rgb(127,196,183)
```
#8dcabf
```
#8dcabf rgb(141,202,191)
```
#9ad0c6
```
#9ad0c6 rgb(154,208,198)
```
#a7d6ce
```
#a7d6ce rgb(167,214,206)
```
#b5dcd5
```
#b5dcd5 rgb(181,220,213)
```
#c2e3dd
```
#c2e3dd rgb(194,227,221)
```
#d0e9e4
```
#d0e9e4 rgb(208,233,228)
```
#ddefec
```
#ddefec rgb(221,239,236)
```
#eaf5f3
```
#eaf5f3 rgb(234,245,243)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

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

#323937
```
#323937 rgb(50,57,55)
```
#2e3d3a
```
#2e3d3a rgb(46,61,58)
```
#2a413d
```
#2a413d rgb(42,65,61)
```
#26453f
```
#26453f rgb(38,69,63)
```
#224942
```
#224942 rgb(34,73,66)
```
#1e4d45
```
#1e4d45 rgb(30,77,69)
```
#1a5147
```
#1a5147 rgb(26,81,71)
```
#16554a
```
#16554a rgb(22,85,74)
```
#12594d
```
#12594d rgb(18,89,77)
```
#0d5e4f
```
#0d5e4f rgb(13,94,79)
```
#096252
```
#096252 rgb(9,98,82)
```
#056654
```
#056654 rgb(5,102,84)
```
#016a57
```
#016a57 rgb(1,106,87)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#383f3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e4b48 Protanopia 1% of men
#514a4e Deuteranopia 1% of men
#315056 Tritanopia 0.001% of the population

Trichromacy

#3e4a46 Protanomaly 1% of men, 0.01% of women
#40494a Deuteranomaly 6% of men, 0.4% of women
#2b4d4f Tritanomaly 0.01% of the population

#224942 hex color

#224942 Color Information

#224942 Color Conversion

Color Schemes with #224942

Alternatives to #224942

#224942 Preview

Shades and Tints of #224942

Tones of #224942

Color Blindness Simulator