#224060 hex color

In a RGB color space, hex #224060 is composed of 13.3% red, 25.1% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 33.3% magenta, 0% yellow and 62.4% black. It has a hue angle of 211 degrees, a saturation of 47.7% and a lightness of 25.5%. #224060 color hex could be obtained by blending #4480c0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 25
- B 38
RGB color chart
- C 65
- M 33
- Y 0
- K 62
CMYK color chart

● #224060 color description : Very dark blue.

The hexadecimal color #224060 has RGB values of R:34, G:64, B:96 and CMYK values of C:0.65, M:0.33, Y:0, K:0.62. Its decimal value is 2244704.

Hex triplet	224060	`#224060`
RGB Decimal	34, 64, 96	`rgb(34,64,96)`
RGB Percent	13.3, 25.1, 37.6	`rgb(13.3%,25.1%,37.6%)`
CMYK	65, 33, 0, 62
HSL	211°, 47.7, 25.5	`hsl(211,47.7%,25.5%)`
HSV (or HSB)	211°, 64.6, 37.6
Web Safe	333366	`#333366`

CIE-LAB	26.306, -0.091, -22.302
XYZ	4.604, 4.851, 11.759
xyY	0.217, 0.229, 4.851
CIE-LCH	26.306, 22.303, 269.766
CIE-LUV	26.306, -11.751, -27.619
Hunter-Lab	22.025, -1.232, -16.238
Binary	00100010, 01000000, 01100000

#224060
```
#224060 rgb(34,64,96)
```
#604222
```
#604222 rgb(96,66,34)
```

Complementary Color

#225f60
```
#225f60 rgb(34,95,96)
```
#224060
```
#224060 rgb(34,64,96)
```
#232260
```
#232260 rgb(35,34,96)
```

Analogous Color

#5f6022
```
#5f6022 rgb(95,96,34)
```
#224060
```
#224060 rgb(34,64,96)
```
#602322
```
#602322 rgb(96,35,34)
```

Split Complementary Color

#406022
```
#406022 rgb(64,96,34)
```
#224060
```
#224060 rgb(34,64,96)
```
#602240
```
#602240 rgb(96,34,64)
```

Triadic Color

#226042
```
#226042 rgb(34,96,66)
```
#224060
```
#224060 rgb(34,64,96)
```
#602240
```
#602240 rgb(96,34,64)
```
#604222
```
#604222 rgb(96,66,34)
```

Tetradic Color

#0e1a28
```
#0e1a28 rgb(14,26,40)
```
#15273a
```
#15273a rgb(21,39,58)
```
#1b334d
```
#1b334d rgb(27,51,77)
```
#224060
```
#224060 rgb(34,64,96)
```
#294d73
```
#294d73 rgb(41,77,115)
```
#2f5986
```
#2f5986 rgb(47,89,134)
```
#366698
```
#366698 rgb(54,102,152)
```

Monochromatic Color

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

#225060
```
#225060 rgb(34,80,96)
```
#224a60
```
#224a60 rgb(34,74,96)
```
#224560
```
#224560 rgb(34,69,96)
```
#224060
```
#224060 rgb(34,64,96)
```
#223b60
```
#223b60 rgb(34,59,96)
```
#223660
```
#223660 rgb(34,54,96)
```
#223160
```
#223160 rgb(34,49,96)
```

Similar Colors

Text with hexadecimal color #224060

This text has a font color of #224060.

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

#224060 background color

This paragraph has a background color of #224060.

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

#224060 border color

This element has a border color of #224060.

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

CSS codes

.text {color:#224060;}

.background {background-color:#224060;}

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

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

#030609
```
#030609 rgb(3,6,9)
```
#081018
```
#081018 rgb(8,16,24)
```
#0d1926
```
#0d1926 rgb(13,25,38)
```
#132335
```
#132335 rgb(19,35,53)
```
#182d43
```
#182d43 rgb(24,45,67)
```
#1d3652
```
#1d3652 rgb(29,54,82)
```
#224060
```
#224060 rgb(34,64,96)
```
#274a6e
```
#274a6e rgb(39,74,110)
```
#2c537d
```
#2c537d rgb(44,83,125)
```
#315d8b
```
#315d8b rgb(49,93,139)
```
#37679a
```
#37679a rgb(55,103,154)
```
#3c70a8
```
#3c70a8 rgb(60,112,168)
```
#417ab7
```
#417ab7 rgb(65,122,183)
```

Shade Color Variation

#4c84c0
```
#4c84c0 rgb(76,132,192)
```
#5a8ec5
```
#5a8ec5 rgb(90,142,197)
```
#6998ca
```
#6998ca rgb(105,152,202)
```
#77a2cf
```
#77a2cf rgb(119,162,207)
```
#86acd4
```
#86acd4 rgb(134,172,212)
```
#94b6d9
```
#94b6d9 rgb(148,182,217)
```
#a3c0de
```
#a3c0de rgb(163,192,222)
```
#b1c9e3
```
#b1c9e3 rgb(177,201,227)
```
#c0d3e9
```
#c0d3e9 rgb(192,211,233)
```
#ceddee
```
#ceddee rgb(206,221,238)
```
#dde7f3
```
#dde7f3 rgb(221,231,243)
```
#ebf1f8
```
#ebf1f8 rgb(235,241,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#404142
```
#404142 rgb(64,65,66)
```
#3b4147
```
#3b4147 rgb(59,65,71)
```
#36414c
```
#36414c rgb(54,65,76)
```
#314051
```
#314051 rgb(49,64,81)
```
#2c4056
```
#2c4056 rgb(44,64,86)
```
#27405b
```
#27405b rgb(39,64,91)
```
#224060
```
#224060 rgb(34,64,96)
```
#1d4065
```
#1d4065 rgb(29,64,101)
```
#18406a
```
#18406a rgb(24,64,106)
```
#13406f
```
#13406f rgb(19,64,111)
```
#0e3f74
```
#0e3f74 rgb(14,63,116)
```
#093f79
```
#093f79 rgb(9,63,121)
```
#043f7e
```
#043f7e rgb(4,63,126)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#363c42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d4766 Protanopia 1% of men
#374869 Deuteranopia 1% of men
#214e53 Tritanopia 0.001% of the population

Trichromacy

#334464 Protanomaly 1% of men, 0.01% of women
#2f4565 Deuteranomaly 6% of men, 0.4% of women
#214958 Tritanomaly 0.01% of the population

#224060 hex color

#224060 Color Information

#224060 Color Conversion

Color Schemes with #224060

Alternatives to #224060

#224060 Preview

Shades and Tints of #224060

Tones of #224060

Color Blindness Simulator