colorhexa.com

#224650 hex color

In a RGB color space, hex #224650 is composed of 13.3% red, 27.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 12.5% magenta, 0% yellow and 68.6% black. It has a hue angle of 193 degrees, a saturation of 40.4% and a lightness of 22.4%. #224650 color hex could be obtained by blending #448ca0 with #000000. Closest websafe color is: #333366.

- R 13
- G 27
- B 31
RGB color chart
- C 58
- M 13
- Y 0
- K 69
CMYK color chart

● #224650 color description : Very dark desaturated cyan.

The hexadecimal color #224650 has RGB values of R:34, G:70, B:80 and CMYK values of C:0.58, M:0.13, Y:0, K:0.69. Its decimal value is 2246224.

Hex triplet	224650	`#224650`
RGB Decimal	34, 70, 80	`rgb(34,70,80)`
RGB Percent	13.3, 27.5, 31.4	`rgb(13.3%,27.5%,31.4%)`
CMYK	58, 13, 0, 69
HSL	193°, 40.4, 22.4	`hsl(193,40.4%,22.4%)`
HSV (or HSB)	193°, 57.5, 31.4
Web Safe	333366	`#333366`

CIE-LAB	27.571, -9.68, -9.969
XYZ	4.297, 5.299, 8.385
xyY	0.239, 0.295, 5.299
CIE-LCH	27.571, 13.895, 225.841
CIE-LUV	27.571, -14.356, -10.95
Hunter-Lab	23.02, -6.963, -5.483
Binary	00100010, 01000110, 01010000

#224650
```
#224650 rgb(34,70,80)
```
#502c22
```
#502c22 rgb(80,44,34)
```

Complementary Color

#225043
```
#225043 rgb(34,80,67)
```
#224650
```
#224650 rgb(34,70,80)
```
#222f50
```
#222f50 rgb(34,47,80)
```

Analogous Color

#504322
```
#504322 rgb(80,67,34)
```
#224650
```
#224650 rgb(34,70,80)
```
#50222f
```
#50222f rgb(80,34,47)
```

Split Complementary Color

#0b171a
```
#0b171a rgb(11,23,26)
```
#13272c
```
#13272c rgb(19,39,44)
```
#1a363e
```
#1a363e rgb(26,54,62)
```
#224650
```
#224650 rgb(34,70,80)
```
#2a5662
```
#2a5662 rgb(42,86,98)
```
#316574
```
#316574 rgb(49,101,116)
```
#397586
```
#397586 rgb(57,117,134)
```

Monochromatic Color

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

#22504e
```
#22504e rgb(34,80,78)
```
#224e50
```
#224e50 rgb(34,78,80)
```
#224a50
```
#224a50 rgb(34,74,80)
```
#224650
```
#224650 rgb(34,70,80)
```
#224250
```
#224250 rgb(34,66,80)
```
#223e50
```
#223e50 rgb(34,62,80)
```
#223b50
```
#223b50 rgb(34,59,80)
```

Similar Colors

Text with hexadecimal color #224650

This text has a font color of #224650.

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

#224650 background color

This paragraph has a background color of #224650.

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

#224650 border color

This element has a border color of #224650.

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

CSS codes

.text {color:#224650;}

.background {background-color:#224650;}

.border {border:1px solid #224650;}

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

#050a0b
```
#050a0b rgb(5,10,11)
```
#0b1619
```
#0b1619 rgb(11,22,25)
```
#102227
```
#102227 rgb(16,34,39)
```
#162e34
```
#162e34 rgb(22,46,52)
```
#1c3a42
```
#1c3a42 rgb(28,58,66)
```
#224650
```
#224650 rgb(34,70,80)
```
#28525e
```
#28525e rgb(40,82,94)
```
#2e5e6c
```
#2e5e6c rgb(46,94,108)
```
#346a79
```
#346a79 rgb(52,106,121)
```
#397687
```
#397687 rgb(57,118,135)
```
#3f8295
```
#3f8295 rgb(63,130,149)
```
#458ea3
```
#458ea3 rgb(69,142,163)
```
#4b9ab0
```
#4b9ab0 rgb(75,154,176)
```

Shade Color Variation

#57a3b8
```
#57a3b8 rgb(87,163,184)
```
#65aabe
```
#65aabe rgb(101,170,190)
```
#73b2c3
```
#73b2c3 rgb(115,178,195)
```
#81b9c9
```
#81b9c9 rgb(129,185,201)
```
#8ec1cf
```
#8ec1cf rgb(142,193,207)
```
#9cc9d5
```
#9cc9d5 rgb(156,201,213)
```
#aad0db
```
#aad0db rgb(170,208,219)
```
#b8d8e1
```
#b8d8e1 rgb(184,216,225)
```
#c5dfe6
```
#c5dfe6 rgb(197,223,230)
```
#d3e7ec
```
#d3e7ec rgb(211,231,236)
```
#e1eef2
```
#e1eef2 rgb(225,238,242)
```
#eff6f8
```
#eff6f8 rgb(239,246,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#383a3a
```
#383a3a rgb(56,58,58)
```
#343c3e
```
#343c3e rgb(52,60,62)
```
#2f3f43
```
#2f3f43 rgb(47,63,67)
```
#2b4147
```
#2b4147 rgb(43,65,71)
```
#26444c
```
#26444c rgb(38,68,76)
```
#224650
```
#224650 rgb(34,70,80)
```
#1e4854
```
#1e4854 rgb(30,72,84)
```
#194b59
```
#194b59 rgb(25,75,89)
```
#154d5d
```
#154d5d rgb(21,77,93)
```
#105062
```
#105062 rgb(16,80,98)
```
#0c5266
```
#0c5266 rgb(12,82,102)
```
#08556a
```
#08556a rgb(8,85,106)
```
#03576f
```
#03576f rgb(3,87,111)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#373e40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#484a55 Protanopia 1% of men
#49495b Deuteranopia 1% of men
#2c5056 Tritanopia 0.001% of the population

Trichromacy

#3a4853 Protanomaly 1% of men, 0.01% of women
#3a4857 Deuteranomaly 6% of men, 0.4% of women
#284c53 Tritanomaly 0.01% of the population