#224b53 hex color

In a RGB color space, hex #224b53 is composed of 13.3% red, 29.4% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 9.6% magenta, 0% yellow and 67.5% black. It has a hue angle of 189.8 degrees, a saturation of 41.9% and a lightness of 22.9%. #224b53 color hex could be obtained by blending #4496a6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 29
- B 33
RGB color chart
- C 59
- M 10
- Y 0
- K 67
CMYK color chart

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

The hexadecimal color #224b53 has RGB values of R:34, G:75, B:83 and CMYK values of C:0.59, M:0.1, Y:0, K:0.67. Its decimal value is 2247507.

Hex triplet	224b53	`#224b53`
RGB Decimal	34, 75, 83	`rgb(34,75,83)`
RGB Percent	13.3, 29.4, 32.5	`rgb(13.3%,29.4%,32.5%)`
CMYK	59, 10, 0, 67
HSL	189.8°, 41.9, 22.9	`hsl(189.8,41.9%,22.9%)`
HSV (or HSB)	189.8°, 59, 32.5
Web Safe	333366	`#333366`

CIE-LAB	29.403, -11.706, -9.132
XYZ	4.737, 5.996, 9.091
xyY	0.239, 0.302, 5.996
CIE-LCH	29.403, 14.846, 217.958
CIE-LUV	29.403, -16.239, -9.868
Hunter-Lab	24.488, -8.326, -4.87
Binary	00100010, 01001011, 01010011

#224b53
```
#224b53 rgb(34,75,83)
```
#532a22
```
#532a22 rgb(83,42,34)
```

Complementary Color

#225342
```
#225342 rgb(34,83,66)
```
#224b53
```
#224b53 rgb(34,75,83)
```
#223353
```
#223353 rgb(34,51,83)
```

Analogous Color

#534222
```
#534222 rgb(83,66,34)
```
#224b53
```
#224b53 rgb(34,75,83)
```
#532233
```
#532233 rgb(83,34,51)
```

Split Complementary Color

#4b5322
```
#4b5322 rgb(75,83,34)
```
#224b53
```
#224b53 rgb(34,75,83)
```
#53224b
```
#53224b rgb(83,34,75)
```

Triadic Color

#22532a
```
#22532a rgb(34,83,42)
```
#224b53
```
#224b53 rgb(34,75,83)
```
#53224b
```
#53224b rgb(83,34,75)
```
#532a22
```
#532a22 rgb(83,42,34)
```

Tetradic Color

#0c1a1d
```
#0c1a1d rgb(12,26,29)
```
#132a2f
```
#132a2f rgb(19,42,47)
```
#1b3b41
```
#1b3b41 rgb(27,59,65)
```
#224b53
```
#224b53 rgb(34,75,83)
```
#295b65
```
#295b65 rgb(41,91,101)
```
#316c77
```
#316c77 rgb(49,108,119)
```
#387c89
```
#387c89 rgb(56,124,137)
```

Monochromatic Color

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

#22534f
```
#22534f rgb(34,83,79)
```
#225353
```
#225353 rgb(34,83,83)
```
#224f53
```
#224f53 rgb(34,79,83)
```
#224b53
```
#224b53 rgb(34,75,83)
```
#224753
```
#224753 rgb(34,71,83)
```
#224353
```
#224353 rgb(34,67,83)
```
#223f53
```
#223f53 rgb(34,63,83)
```

Similar Colors

Text with hexadecimal color #224b53

This text has a font color of #224b53.

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

#224b53 background color

This paragraph has a background color of #224b53.

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

#224b53 border color

This element has a border color of #224b53.

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

CSS codes

.text {color:#224b53;}

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

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

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 #ffffff is the lightest one.

#050c0d
```
#050c0d rgb(5,12,13)
```
#0b191b
```
#0b191b rgb(11,25,27)
```
#112529
```
#112529 rgb(17,37,41)
```
#173237
```
#173237 rgb(23,50,55)
```
#1c3e45
```
#1c3e45 rgb(28,62,69)
```
#224b53
```
#224b53 rgb(34,75,83)
```
#285861
```
#285861 rgb(40,88,97)
```
#2d646f
```
#2d646f rgb(45,100,111)
```
#33717d
```
#33717d rgb(51,113,125)
```
#397d8b
```
#397d8b rgb(57,125,139)
```
#3f8a99
```
#3f8a99 rgb(63,138,153)
```
#4496a6
```
#4496a6 rgb(68,150,166)
```
#4aa3b4
```
#4aa3b4 rgb(74,163,180)
```

Shade Color Variation

#58aaba
```
#58aaba rgb(88,170,186)
```
#65b1c0
```
#65b1c0 rgb(101,177,192)
```
#73b8c6
```
#73b8c6 rgb(115,184,198)
```
#81bfcb
```
#81bfcb rgb(129,191,203)
```
#8fc6d1
```
#8fc6d1 rgb(143,198,209)
```
#9dcdd7
```
#9dcdd7 rgb(157,205,215)
```
#abd5dd
```
#abd5dd rgb(171,213,221)
```
#b9dce2
```
#b9dce2 rgb(185,220,226)
```
#c7e3e8
```
#c7e3e8 rgb(199,227,232)
```
#d5eaee
```
#d5eaee rgb(213,234,238)
```
#e3f1f3
```
#e3f1f3 rgb(227,241,243)
```
#f1f8f9
```
#f1f8f9 rgb(241,248,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#393c3d
```
#393c3d rgb(57,60,61)
```
#343f41
```
#343f41 rgb(52,63,65)
```
#304246
```
#304246 rgb(48,66,70)
```
#2b454a
```
#2b454a rgb(43,69,74)
```
#27484f
```
#27484f rgb(39,72,79)
```
#224b53
```
#224b53 rgb(34,75,83)
```
#1e4e58
```
#1e4e58 rgb(30,78,88)
```
#19515c
```
#19515c rgb(25,81,92)
```
#155461
```
#155461 rgb(21,84,97)
```
#105765
```
#105765 rgb(16,87,101)
```
#0c5a6a
```
#0c5a6a rgb(12,90,106)
```
#075d6e
```
#075d6e rgb(7,93,110)
```
#026073
```
#026073 rgb(2,96,115)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3a4244 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4e58 Protanopia 1% of men
#4e4d5e Deuteranopia 1% of men
#2c545a Tritanopia 0.001% of the population

Trichromacy

#3d4d56 Protanomaly 1% of men, 0.01% of women
#3e4c5a Deuteranomaly 6% of men, 0.4% of women
#285157 Tritanomaly 0.01% of the population

#224b53 hex color

#224b53 Color Information

#224b53 Color Conversion

Color Schemes with #224b53

Alternatives to #224b53

#224b53 Preview

Shades and Tints of #224b53

Tones of #224b53

Color Blindness Simulator