#224a48 hex color

In a RGB color space, hex #224a48 is composed of 13.3% red, 29% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 0% magenta, 2.7% yellow and 71% black. It has a hue angle of 177 degrees, a saturation of 37% and a lightness of 21.2%. #224a48 color hex could be obtained by blending #449490 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 29
- B 28
RGB color chart
- C 54
- M 0
- Y 3
- K 71
CMYK color chart

● #224a48 color description : Very dark desaturated cyan.

The hexadecimal color #224a48 has RGB values of R:34, G:74, B:72 and CMYK values of C:0.54, M:0, Y:0.03, K:0.71. Its decimal value is 2247240.

Hex triplet	224a48	`#224a48`
RGB Decimal	34, 74, 72	`rgb(34,74,72)`
RGB Percent	13.3, 29, 28.2	`rgb(13.3%,29%,28.2%)`
CMYK	54, 0, 3, 71
HSL	177°, 37, 21.2	`hsl(177,37%,21.2%)`
HSV (or HSB)	177°, 54.1, 29
Web Safe	333333	`#333333`

CIE-LAB	28.656, -14.629, -3.151
XYZ	4.278, 5.705, 7.006
xyY	0.252, 0.336, 5.705
CIE-LCH	28.656, 14.965, 192.155
CIE-LUV	28.656, -16.209, -1.948
Hunter-Lab	23.886, -9.831, -0.671
Binary	00100010, 01001010, 01001000

#224a48
```
#224a48 rgb(34,74,72)
```
#4a2224
```
#4a2224 rgb(74,34,36)
```

Complementary Color

#224a34
```
#224a34 rgb(34,74,52)
```
#224a48
```
#224a48 rgb(34,74,72)
```
#22384a
```
#22384a rgb(34,56,74)
```

Analogous Color

#4a3422
```
#4a3422 rgb(74,52,34)
```
#224a48
```
#224a48 rgb(34,74,72)
```
#4a2238
```
#4a2238 rgb(74,34,56)
```

Split Complementary Color

#4a4822
```
#4a4822 rgb(74,72,34)
```
#224a48
```
#224a48 rgb(34,74,72)
```
#48224a
```
#48224a rgb(72,34,74)
```

Triadic Color

#244a22
```
#244a22 rgb(36,74,34)
```
#224a48
```
#224a48 rgb(34,74,72)
```
#48224a
```
#48224a rgb(72,34,74)
```
#4a2224
```
#4a2224 rgb(74,34,36)
```

Tetradic Color

#0a1615
```
#0a1615 rgb(10,22,21)
```
#122726
```
#122726 rgb(18,39,38)
```
#1a3937
```
#1a3937 rgb(26,57,55)
```
#224a48
```
#224a48 rgb(34,74,72)
```
#2a5b59
```
#2a5b59 rgb(42,91,89)
```
#326d6a
```
#326d6a rgb(50,109,106)
```
#3a7e7b
```
#3a7e7b rgb(58,126,123)
```

Monochromatic Color

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

#224a3e
```
#224a3e rgb(34,74,62)
```
#224a41
```
#224a41 rgb(34,74,65)
```
#224a45
```
#224a45 rgb(34,74,69)
```
#224a48
```
#224a48 rgb(34,74,72)
```
#22494a
```
#22494a rgb(34,73,74)
```
#22454a
```
#22454a rgb(34,69,74)
```
#22424a
```
#22424a rgb(34,66,74)
```

Similar Colors

Text with hexadecimal color #224a48

This text has a font color of #224a48.

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

#224a48 background color

This paragraph has a background color of #224a48.

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

#224a48 border color

This element has a border color of #224a48.

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

CSS codes

.text {color:#224a48;}

.background {background-color:#224a48;}

.border {border:1px solid #224a48;}

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

#030707
```
#030707 rgb(3,7,7)
```
#091414
```
#091414 rgb(9,20,20)
```
#0f2221
```
#0f2221 rgb(15,34,33)
```
#162f2e
```
#162f2e rgb(22,47,46)
```
#1c3d3b
```
#1c3d3b rgb(28,61,59)
```
#224a48
```
#224a48 rgb(34,74,72)
```
#285755
```
#285755 rgb(40,87,85)
```
#2e6562
```
#2e6562 rgb(46,101,98)
```
#35726f
```
#35726f rgb(53,114,111)
```
#3b807c
```
#3b807c rgb(59,128,124)
```
#418d89
```
#418d89 rgb(65,141,137)
```
#479b96
```
#479b96 rgb(71,155,150)
```
#4da8a4
```
#4da8a4 rgb(77,168,164)
```

Shade Color Variation

#57b2ad
```
#57b2ad rgb(87,178,173)
```
#65b8b4
```
#65b8b4 rgb(101,184,180)
```
#72beba
```
#72beba rgb(114,190,186)
```
#7fc4c1
```
#7fc4c1 rgb(127,196,193)
```
#8dcbc7
```
#8dcbc7 rgb(141,203,199)
```
#9ad1ce
```
#9ad1ce rgb(154,209,206)
```
#a8d7d5
```
#a8d7d5 rgb(168,215,213)
```
#b5dddb
```
#b5dddb rgb(181,221,219)
```
#c3e3e2
```
#c3e3e2 rgb(195,227,226)
```
#d0e9e8
```
#d0e9e8 rgb(208,233,232)
```
#ddf0ef
```
#ddf0ef rgb(221,240,239)
```
#ebf6f5
```
#ebf6f5 rgb(235,246,245)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#333939
```
#333939 rgb(51,57,57)
```
#2e3e3d
```
#2e3e3d rgb(46,62,61)
```
#2a4241
```
#2a4241 rgb(42,66,65)
```
#264644
```
#264644 rgb(38,70,68)
```
#224a48
```
#224a48 rgb(34,74,72)
```
#1e4e4c
```
#1e4e4c rgb(30,78,76)
```
#1a524f
```
#1a524f rgb(26,82,79)
```
#165653
```
#165653 rgb(22,86,83)
```
#115b57
```
#115b57 rgb(17,91,87)
```
#0d5f5b
```
#0d5f5b rgb(13,95,91)
```
#09635e
```
#09635e rgb(9,99,94)
```
#056762
```
#056762 rgb(5,103,98)
```
#016b66
```
#016b66 rgb(1,107,102)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#384040 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e4c4e Protanopia 1% of men
#514b54 Deuteranopia 1% of men
#305258 Tritanopia 0.001% of the population

Trichromacy

#3e4b4b Protanomaly 1% of men, 0.01% of women
#3f4a4f Deuteranomaly 6% of men, 0.4% of women
#2b4f52 Tritanomaly 0.01% of the population

#224a48 hex color

#224a48 Color Information

#224a48 Color Conversion

Color Schemes with #224a48

Alternatives to #224a48

#224a48 Preview

Shades and Tints of #224a48

Tones of #224a48

Color Blindness Simulator