#224c55 hex color

In a RGB color space, hex #224c55 is composed of 13.3% red, 29.8% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 10.6% magenta, 0% yellow and 66.7% black. It has a hue angle of 190.6 degrees, a saturation of 42.9% and a lightness of 23.3%. #224c55 color hex could be obtained by blending #4498aa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 30
- B 33
RGB color chart
- C 60
- M 11
- Y 0
- K 67
CMYK color chart

● #224c55 color description : Very dark cyan.

The hexadecimal color #224c55 has RGB values of R:34, G:76, B:85 and CMYK values of C:0.6, M:0.11, Y:0, K:0.67. Its decimal value is 2247765.

Hex triplet	224c55	`#224c55`
RGB Decimal	34, 76, 85	`rgb(34,76,85)`
RGB Percent	13.3, 29.8, 33.3	`rgb(13.3%,29.8%,33.3%)`
CMYK	60, 11, 0, 67
HSL	190.6°, 42.9, 23.3	`hsl(190.6,42.9%,23.3%)`
HSV (or HSB)	190.6°, 60, 33.3
Web Safe	333366	`#333366`

CIE-LAB	29.824, -11.637, -9.781
XYZ	4.883, 6.164, 9.526
xyY	0.237, 0.3, 6.164
CIE-LCH	29.824, 15.202, 220.048
CIE-LUV	29.824, -16.565, -10.767
Hunter-Lab	24.828, -8.341, -5.369
Binary	00100010, 01001100, 01010101

#224c55
```
#224c55 rgb(34,76,85)
```
#552b22
```
#552b22 rgb(85,43,34)
```

Complementary Color

#225545
```
#225545 rgb(34,85,69)
```
#224c55
```
#224c55 rgb(34,76,85)
```
#223355
```
#223355 rgb(34,51,85)
```

Analogous Color

#554522
```
#554522 rgb(85,69,34)
```
#224c55
```
#224c55 rgb(34,76,85)
```
#552233
```
#552233 rgb(85,34,51)
```

Split Complementary Color

#4c5522
```
#4c5522 rgb(76,85,34)
```
#224c55
```
#224c55 rgb(34,76,85)
```
#55224c
```
#55224c rgb(85,34,76)
```

Triadic Color

#22552b
```
#22552b rgb(34,85,43)
```
#224c55
```
#224c55 rgb(34,76,85)
```
#55224c
```
#55224c rgb(85,34,76)
```
#552b22
```
#552b22 rgb(85,43,34)
```

Tetradic Color

#0c1b1e
```
#0c1b1e rgb(12,27,30)
```
#132b31
```
#132b31 rgb(19,43,49)
```
#1b3c43
```
#1b3c43 rgb(27,60,67)
```
#224c55
```
#224c55 rgb(34,76,85)
```
#295c67
```
#295c67 rgb(41,92,103)
```
#316d79
```
#316d79 rgb(49,109,121)
```
#387d8c
```
#387d8c rgb(56,125,140)
```

Monochromatic Color

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

#225551
```
#225551 rgb(34,85,81)
```
#225555
```
#225555 rgb(34,85,85)
```
#225055
```
#225055 rgb(34,80,85)
```
#224c55
```
#224c55 rgb(34,76,85)
```
#224855
```
#224855 rgb(34,72,85)
```
#224455
```
#224455 rgb(34,68,85)
```
#223f55
```
#223f55 rgb(34,63,85)
```

Similar Colors

Text with hexadecimal color #224c55

This text has a font color of #224c55.

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

#224c55 background color

This paragraph has a background color of #224c55.

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

#224c55 border color

This element has a border color of #224c55.

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

CSS codes

.text {color:#224c55;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060d0f
```
#060d0f rgb(6,13,15)
```
#0c1a1d
```
#0c1a1d rgb(12,26,29)
```
#11262b
```
#11262b rgb(17,38,43)
```
#173339
```
#173339 rgb(23,51,57)
```
#1c3f47
```
#1c3f47 rgb(28,63,71)
```
#224c55
```
#224c55 rgb(34,76,85)
```
#285963
```
#285963 rgb(40,89,99)
```
#2d6571
```
#2d6571 rgb(45,101,113)
```
#33727f
```
#33727f rgb(51,114,127)
```
#387e8d
```
#387e8d rgb(56,126,141)
```
#3e8b9b
```
#3e8b9b rgb(62,139,155)
```
#4497a9
```
#4497a9 rgb(68,151,169)
```

Shade Color Variation

#4aa3b7
```
#4aa3b7 rgb(74,163,183)
```
#58aabc
```
#58aabc rgb(88,170,188)
```
#66b2c2
```
#66b2c2 rgb(102,178,194)
```
#74b9c7
```
#74b9c7 rgb(116,185,199)
```
#82c0cd
```
#82c0cd rgb(130,192,205)
```
#90c7d3
```
#90c7d3 rgb(144,199,211)
```
#9eced8
```
#9eced8 rgb(158,206,216)
```
#acd5de
```
#acd5de rgb(172,213,222)
```
#badce3
```
#badce3 rgb(186,220,227)
```
#c8e3e9
```
#c8e3e9 rgb(200,227,233)
```
#d6eaef
```
#d6eaef rgb(214,234,239)
```
#e4f1f4
```
#e4f1f4 rgb(228,241,244)
```
#f2f8fa
```
#f2f8fa rgb(242,248,250)
```

Tint Color Variation

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

#393d3e
```
#393d3e rgb(57,61,62)
```
#344043
```
#344043 rgb(52,64,67)
```
#304347
```
#304347 rgb(48,67,71)
```
#2b464c
```
#2b464c rgb(43,70,76)
```
#274950
```
#274950 rgb(39,73,80)
```
#224c55
```
#224c55 rgb(34,76,85)
```
#1d4f5a
```
#1d4f5a rgb(29,79,90)
```
#19525e
```
#19525e rgb(25,82,94)
```
#145563
```
#145563 rgb(20,85,99)
```
#105867
```
#105867 rgb(16,88,103)
```
#0b5b6c
```
#0b5b6c rgb(11,91,108)
```
#075e70
```
#075e70 rgb(7,94,112)
```
#026175
```
#026175 rgb(2,97,117)
```

Tone Color Variation

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

#4d4f5a Protanopia 1% of men
#4e4e60 Deuteranopia 1% of men
#2c555b Tritanopia 0.001% of the population

Trichromacy

#3d4e58 Protanomaly 1% of men, 0.01% of women
#3e4d5c Deuteranomaly 6% of men, 0.4% of women
#285259 Tritanomaly 0.01% of the population

#224c55 hex color

#224c55 Color Information

#224c55 Color Conversion

Color Schemes with #224c55

Alternatives to #224c55

#224c55 Preview

Shades and Tints of #224c55

Tones of #224c55

Color Blindness Simulator