#224a4d hex color

In a RGB color space, hex #224a4d is composed of 13.3% red, 29% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 3.9% magenta, 0% yellow and 69.8% black. It has a hue angle of 184.2 degrees, a saturation of 38.7% and a lightness of 21.8%. #224a4d color hex could be obtained by blending #44949a with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 29
- B 30
RGB color chart
- C 56
- M 4
- Y 0
- K 70
CMYK color chart

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

The hexadecimal color #224a4d has RGB values of R:34, G:74, B:77 and CMYK values of C:0.56, M:0.04, Y:0, K:0.7. Its decimal value is 2247245.

Hex triplet	224a4d	`#224a4d`
RGB Decimal	34, 74, 77	`rgb(34,74,77)`
RGB Percent	13.3, 29, 30.2	`rgb(13.3%,29%,30.2%)`
CMYK	56, 4, 0, 70
HSL	184.2°, 38.7, 21.8	`hsl(184.2,38.7%,21.8%)`
HSV (or HSB)	184.2°, 55.8, 30.2
Web Safe	333366	`#333366`

CIE-LAB	28.833, -13.067, -6.121
XYZ	4.448, 5.773, 7.901
xyY	0.245, 0.319, 5.773
CIE-LCH	28.833, 14.43, 205.1
CIE-LUV	28.833, -16.042, -5.82
Hunter-Lab	24.027, -9.006, -2.677
Binary	00100010, 01001010, 01001101

#224a4d
```
#224a4d rgb(34,74,77)
```
#4d2522
```
#4d2522 rgb(77,37,34)
```

Complementary Color

#224d3b
```
#224d3b rgb(34,77,59)
```
#224a4d
```
#224a4d rgb(34,74,77)
```
#22354d
```
#22354d rgb(34,53,77)
```

Analogous Color

#4d3b22
```
#4d3b22 rgb(77,59,34)
```
#224a4d
```
#224a4d rgb(34,74,77)
```
#4d2235
```
#4d2235 rgb(77,34,53)
```

Split Complementary Color

#4a4d22
```
#4a4d22 rgb(74,77,34)
```
#224a4d
```
#224a4d rgb(34,74,77)
```
#4d224a
```
#4d224a rgb(77,34,74)
```

Triadic Color

#224d25
```
#224d25 rgb(34,77,37)
```
#224a4d
```
#224a4d rgb(34,74,77)
```
#4d224a
```
#4d224a rgb(77,34,74)
```
#4d2522
```
#4d2522 rgb(77,37,34)
```

Tetradic Color

#0b1718
```
#0b1718 rgb(11,23,24)
```
#12282a
```
#12282a rgb(18,40,42)
```
#1a393b
```
#1a393b rgb(26,57,59)
```
#224a4d
```
#224a4d rgb(34,74,77)
```
#2a5b5f
```
#2a5b5f rgb(42,91,95)
```
#326c70
```
#326c70 rgb(50,108,112)
```
#397d82
```
#397d82 rgb(57,125,130)
```

Monochromatic Color

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

#224d45
```
#224d45 rgb(34,77,69)
```
#224d49
```
#224d49 rgb(34,77,73)
```
#224d4c
```
#224d4c rgb(34,77,76)
```
#224a4d
```
#224a4d rgb(34,74,77)
```
#22464d
```
#22464d rgb(34,70,77)
```
#22434d
```
#22434d rgb(34,67,77)
```
#223f4d
```
#223f4d rgb(34,63,77)
```

Similar Colors

Text with hexadecimal color #224a4d

This text has a font color of #224a4d.

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

#224a4d background color

This paragraph has a background color of #224a4d.

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

#224a4d border color

This element has a border color of #224a4d.

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

CSS codes

.text {color:#224a4d;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#0a1617
```
#0a1617 rgb(10,22,23)
```
#102324
```
#102324 rgb(16,35,36)
```
#163032
```
#163032 rgb(22,48,50)
```
#1c3d3f
```
#1c3d3f rgb(28,61,63)
```
#224a4d
```
#224a4d rgb(34,74,77)
```
#28575b
```
#28575b rgb(40,87,91)
```
#2e6468
```
#2e6468 rgb(46,100,104)
```
#347176
```
#347176 rgb(52,113,118)
```
#3a7e83
```
#3a7e83 rgb(58,126,131)
```
#408b91
```
#408b91 rgb(64,139,145)
```
#46989f
```
#46989f rgb(70,152,159)
```
#4ca6ac
```
#4ca6ac rgb(76,166,172)
```

Shade Color Variation

#57aeb5
```
#57aeb5 rgb(87,174,181)
```
#65b5bb
```
#65b5bb rgb(101,181,187)
```
#72bbc1
```
#72bbc1 rgb(114,187,193)
```
#80c2c7
```
#80c2c7 rgb(128,194,199)
```
#8ec8cd
```
#8ec8cd rgb(142,200,205)
```
#9bcfd3
```
#9bcfd3 rgb(155,207,211)
```
#a9d6d9
```
#a9d6d9 rgb(169,214,217)
```
#b6dcdf
```
#b6dcdf rgb(182,220,223)
```
#c4e3e5
```
#c4e3e5 rgb(196,227,229)
```
#d2e9eb
```
#d2e9eb rgb(210,233,235)
```
#dff0f1
```
#dff0f1 rgb(223,240,241)
```
#edf6f7
```
#edf6f7 rgb(237,246,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#373838
```
#373838 rgb(55,56,56)
```
#333b3c
```
#333b3c rgb(51,59,60)
```
#2f3f40
```
#2f3f40 rgb(47,63,64)
```
#2b4344
```
#2b4344 rgb(43,67,68)
```
#264649
```
#264649 rgb(38,70,73)
```
#224a4d
```
#224a4d rgb(34,74,77)
```
#1e4e51
```
#1e4e51 rgb(30,78,81)
```
#195156
```
#195156 rgb(25,81,86)
```
#15555a
```
#15555a rgb(21,85,90)
```
#11595e
```
#11595e rgb(17,89,94)
```
#0d5c62
```
#0d5c62 rgb(13,92,98)
```
#086067
```
#086067 rgb(8,96,103)
```
#04646b
```
#04646b rgb(4,100,107)
```

Tone Color Variation

Below, you can see how #224a4d 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
#384041 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4d52 Protanopia 1% of men
#4f4b58 Deuteranopia 1% of men
#2e5259 Tritanopia 0.001% of the population

Trichromacy

#3d4c50 Protanomaly 1% of men, 0.01% of women
#3e4b54 Deuteranomaly 6% of men, 0.4% of women
#2a4f54 Tritanomaly 0.01% of the population

#224a4d hex color

#224a4d Color Information

#224a4d Color Conversion

Color Schemes with #224a4d

Alternatives to #224a4d

#224a4d Preview

Shades and Tints of #224a4d

Tones of #224a4d

Color Blindness Simulator