#224f52 hex color

In a RGB color space, hex #224f52 is composed of 13.3% red, 31% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 3.7% magenta, 0% yellow and 67.8% black. It has a hue angle of 183.8 degrees, a saturation of 41.4% and a lightness of 22.7%. #224f52 color hex could be obtained by blending #449ea4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 31
- B 32
RGB color chart
- C 59
- M 4
- Y 0
- K 68
CMYK color chart

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

The hexadecimal color #224f52 has RGB values of R:34, G:79, B:82 and CMYK values of C:0.59, M:0.04, Y:0, K:0.68. Its decimal value is 2248530.

Hex triplet	224f52	`#224f52`
RGB Decimal	34, 79, 82	`rgb(34,79,82)`
RGB Percent	13.3, 31, 32.2	`rgb(13.3%,31%,32.2%)`
CMYK	59, 4, 0, 68
HSL	183.8°, 41.4, 22.7	`hsl(183.8,41.4%,22.7%)`
HSV (or HSB)	183.8°, 58.5, 32.2
Web Safe	336666	`#336666`

CIE-LAB	30.738, -14.382, -6.482
XYZ	4.978, 6.541, 8.982
xyY	0.243, 0.319, 6.541
CIE-LCH	30.738, 15.775, 204.26
CIE-LUV	30.738, -17.865, -6.25
Hunter-Lab	25.575, -10.011, -2.921
Binary	00100010, 01001111, 01010010

#224f52
```
#224f52 rgb(34,79,82)
```
#522522
```
#522522 rgb(82,37,34)
```

Complementary Color

#22523d
```
#22523d rgb(34,82,61)
```
#224f52
```
#224f52 rgb(34,79,82)
```
#223752
```
#223752 rgb(34,55,82)
```

Analogous Color

#523d22
```
#523d22 rgb(82,61,34)
```
#224f52
```
#224f52 rgb(34,79,82)
```
#522237
```
#522237 rgb(82,34,55)
```

Split Complementary Color

#4f5222
```
#4f5222 rgb(79,82,34)
```
#224f52
```
#224f52 rgb(34,79,82)
```
#52224f
```
#52224f rgb(82,34,79)
```

Triadic Color

#225225
```
#225225 rgb(34,82,37)
```
#224f52
```
#224f52 rgb(34,79,82)
```
#52224f
```
#52224f rgb(82,34,79)
```
#522522
```
#522522 rgb(82,37,34)
```

Tetradic Color

#0c1b1c
```
#0c1b1c rgb(12,27,28)
```
#132c2e
```
#132c2e rgb(19,44,46)
```
#1b3e40
```
#1b3e40 rgb(27,62,64)
```
#224f52
```
#224f52 rgb(34,79,82)
```
#296064
```
#296064 rgb(41,96,100)
```
#317276
```
#317276 rgb(49,114,118)
```
#388388
```
#388388 rgb(56,131,136)
```

Monochromatic Color

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

#225249
```
#225249 rgb(34,82,73)
```
#22524d
```
#22524d rgb(34,82,77)
```
#225251
```
#225251 rgb(34,82,81)
```
#224f52
```
#224f52 rgb(34,79,82)
```
#224b52
```
#224b52 rgb(34,75,82)
```
#224752
```
#224752 rgb(34,71,82)
```
#224352
```
#224352 rgb(34,67,82)
```

Similar Colors

Text with hexadecimal color #224f52

This text has a font color of #224f52.

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

#224f52 background color

This paragraph has a background color of #224f52.

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

#224f52 border color

This element has a border color of #224f52.

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

CSS codes

.text {color:#224f52;}

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

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

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, #050c0d is the darkest color, while #fefeff is the lightest one.

#050c0d
```
#050c0d rgb(5,12,13)
```
#0b1a1b
```
#0b1a1b rgb(11,26,27)
```
#112728
```
#112728 rgb(17,39,40)
```
#173436
```
#173436 rgb(23,52,54)
```
#1c4244
```
#1c4244 rgb(28,66,68)
```
#224f52
```
#224f52 rgb(34,79,82)
```
#285c60
```
#285c60 rgb(40,92,96)
```
#2d6a6e
```
#2d6a6e rgb(45,106,110)
```
#33777c
```
#33777c rgb(51,119,124)
```
#398489
```
#398489 rgb(57,132,137)
```
#3f9297
```
#3f9297 rgb(63,146,151)
```
#449fa5
```
#449fa5 rgb(68,159,165)
```
#4aadb3
```
#4aadb3 rgb(74,173,179)
```

Shade Color Variation

#57b3ba
```
#57b3ba rgb(87,179,186)
```
#65babf
```
#65babf rgb(101,186,191)
```
#73c0c5
```
#73c0c5 rgb(115,192,197)
```
#81c6cb
```
#81c6cb rgb(129,198,203)
```
#8fccd1
```
#8fccd1 rgb(143,204,209)
```
#9dd3d6
```
#9dd3d6 rgb(157,211,214)
```
#abd9dc
```
#abd9dc rgb(171,217,220)
```
#b8dfe2
```
#b8dfe2 rgb(184,223,226)
```
#c6e5e8
```
#c6e5e8 rgb(198,229,232)
```
#d4eced
```
#d4eced rgb(212,236,237)
```
#e2f2f3
```
#e2f2f3 rgb(226,242,243)
```
#f0f8f9
```
#f0f8f9 rgb(240,248,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#383b3c
```
#383b3c rgb(56,59,60)
```
#343f40
```
#343f40 rgb(52,63,64)
```
#2f4345
```
#2f4345 rgb(47,67,69)
```
#2b4749
```
#2b4749 rgb(43,71,73)
```
#264b4e
```
#264b4e rgb(38,75,78)
```
#224f52
```
#224f52 rgb(34,79,82)
```
#1e5356
```
#1e5356 rgb(30,83,86)
```
#19575b
```
#19575b rgb(25,87,91)
```
#155b5f
```
#155b5f rgb(21,91,95)
```
#105f64
```
#105f64 rgb(16,95,100)
```
#0c6368
```
#0c6368 rgb(12,99,104)
```
#07666d
```
#07666d rgb(7,102,109)
```
#036a71
```
#036a71 rgb(3,106,113)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3c4545 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515157 Protanopia 1% of men
#53505d Deuteranopia 1% of men
#2e575e Tritanopia 0.001% of the population

Trichromacy

#405055 Protanomaly 1% of men, 0.01% of women
#414f59 Deuteranomaly 6% of men, 0.4% of women
#2a5459 Tritanomaly 0.01% of the population

#224f52 hex color

#224f52 Color Information

#224f52 Color Conversion

Color Schemes with #224f52

Alternatives to #224f52

#224f52 Preview

Shades and Tints of #224f52

Tones of #224f52

Color Blindness Simulator