#224c83 hex color

In a RGB color space, hex #224c83 is composed of 13.3% red, 29.8% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 42% magenta, 0% yellow and 48.6% black. It has a hue angle of 214 degrees, a saturation of 58.8% and a lightness of 32.4%. #224c83 color hex could be obtained by blending #4498ff with #000007. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 30
- B 51
RGB color chart
- C 74
- M 42
- Y 0
- K 49
CMYK color chart

● #224c83 color description : Dark blue.

The hexadecimal color #224c83 has RGB values of R:34, G:76, B:131 and CMYK values of C:0.74, M:0.42, Y:0, K:0.49. Its decimal value is 2247811.

Hex triplet	224c83	`#224c83`
RGB Decimal	34, 76, 131	`rgb(34,76,131)`
RGB Percent	13.3, 29.8, 51.4	`rgb(13.3%,29.8%,51.4%)`
CMYK	74, 42, 0, 49
HSL	214°, 58.8, 32.4	`hsl(214,58.8%,32.4%)`
HSV (or HSB)	214°, 74, 51.4
Web Safe	333399	`#333399`

CIE-LAB	32.14, 5.424, -35.18
XYZ	7.34, 7.147, 22.464
xyY	0.199, 0.193, 7.147
CIE-LCH	32.14, 35.596, 278.766
CIE-LUV	32.14, -15.237, -47.961
Hunter-Lab	26.734, 2.223, -31.106
Binary	00100010, 01001100, 10000011

#224c83
```
#224c83 rgb(34,76,131)
```
#835922
```
#835922 rgb(131,89,34)
```

Complementary Color

#227d83
```
#227d83 rgb(34,125,131)
```
#224c83
```
#224c83 rgb(34,76,131)
```
#292283
```
#292283 rgb(41,34,131)
```

Analogous Color

#7d8322
```
#7d8322 rgb(125,131,34)
```
#224c83
```
#224c83 rgb(34,76,131)
```
#832922
```
#832922 rgb(131,41,34)
```

Split Complementary Color

#4c8322
```
#4c8322 rgb(76,131,34)
```
#224c83
```
#224c83 rgb(34,76,131)
```
#83224c
```
#83224c rgb(131,34,76)
```

Triadic Color

#228359
```
#228359 rgb(34,131,89)
```
#224c83
```
#224c83 rgb(34,76,131)
```
#83224c
```
#83224c rgb(131,34,76)
```
#835922
```
#835922 rgb(131,89,34)
```

Tetradic Color

#122946
```
#122946 rgb(18,41,70)
```
#17355b
```
#17355b rgb(23,53,91)
```
#1d406f
```
#1d406f rgb(29,64,111)
```
#224c83
```
#224c83 rgb(34,76,131)
```
#275897
```
#275897 rgb(39,88,151)
```
#2d63ab
```
#2d63ab rgb(45,99,171)
```
#326fc0
```
#326fc0 rgb(50,111,192)
```

Monochromatic Color

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

#226483
```
#226483 rgb(34,100,131)
```
#225c83
```
#225c83 rgb(34,92,131)
```
#225483
```
#225483 rgb(34,84,131)
```
#224c83
```
#224c83 rgb(34,76,131)
```
#224483
```
#224483 rgb(34,68,131)
```
#223c83
```
#223c83 rgb(34,60,131)
```
#223483
```
#223483 rgb(34,52,131)
```

Similar Colors

Text with hexadecimal color #224c83

This text has a font color of #224c83.

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

#224c83 background color

This paragraph has a background color of #224c83.

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

#224c83 border color

This element has a border color of #224c83.

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

CSS codes

.text {color:#224c83;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#060d16
```
#060d16 rgb(6,13,22)
```
#0a1626
```
#0a1626 rgb(10,22,38)
```
#0e1f35
```
#0e1f35 rgb(14,31,53)
```
#122845
```
#122845 rgb(18,40,69)
```
#163154
```
#163154 rgb(22,49,84)
```
#1a3a64
```
#1a3a64 rgb(26,58,100)
```
#1e4373
```
#1e4373 rgb(30,67,115)
```
#224c83
```
#224c83 rgb(34,76,131)
```
#265593
```
#265593 rgb(38,85,147)
```
#2a5ea2
```
#2a5ea2 rgb(42,94,162)
```
#2e67b2
```
#2e67b2 rgb(46,103,178)
```
#3270c1
```
#3270c1 rgb(50,112,193)
```

Shade Color Variation

#3b7acc
```
#3b7acc rgb(59,122,204)
```
#4b84d0
```
#4b84d0 rgb(75,132,208)
```
#5a8fd4
```
#5a8fd4 rgb(90,143,212)
```
#6a9ad8
```
#6a9ad8 rgb(106,154,216)
```
#79a4dc
```
#79a4dc rgb(121,164,220)
```
#89afe0
```
#89afe0 rgb(137,175,224)
```
#98b9e4
```
#98b9e4 rgb(152,185,228)
```
#a8c4e8
```
#a8c4e8 rgb(168,196,232)
```
#b8ceec
```
#b8ceec rgb(184,206,236)
```
#c7d9f0
```
#c7d9f0 rgb(199,217,240)
```
#d7e4f5
```
#d7e4f5 rgb(215,228,245)
```
#e6eef9
```
#e6eef9 rgb(230,238,249)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5257 is the less saturated color, while #0248a3 is the most saturated one.

#4e5257
```
#4e5257 rgb(78,82,87)
```
#48515d
```
#48515d rgb(72,81,93)
```
#425063
```
#425063 rgb(66,80,99)
```
#3b4f6a
```
#3b4f6a rgb(59,79,106)
```
#354f70
```
#354f70 rgb(53,79,112)
```
#2f4e76
```
#2f4e76 rgb(47,78,118)
```
#284d7d
```
#284d7d rgb(40,77,125)
```
#224c83
```
#224c83 rgb(34,76,131)
```
#1c4b89
```
#1c4b89 rgb(28,75,137)
```
#154a90
```
#154a90 rgb(21,74,144)
```
#0f4996
```
#0f4996 rgb(15,73,150)
```
#09499c
```
#09499c rgb(9,73,156)
```
#0248a3
```
#0248a3 rgb(2,72,163)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3f4752 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5387 Protanopia 1% of men
#2a5589 Deuteranopia 1% of men
#005d63 Tritanopia 0.001% of the population

Trichromacy

#335086 Protanomaly 1% of men, 0.01% of women
#275287 Deuteranomaly 6% of men, 0.4% of women
#0c566f Tritanomaly 0.01% of the population

#224c83 hex color

#224c83 Color Information

#224c83 Color Conversion

Color Schemes with #224c83

Alternatives to #224c83

#224c83 Preview

Shades and Tints of #224c83

Tones of #224c83

Color Blindness Simulator