colorhexa.com

#224e97 hex color

In a RGB color space, hex #224e97 is composed of 13.3% red, 30.6% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 48.3% magenta, 0% yellow and 40.8% black. It has a hue angle of 217.4 degrees, a saturation of 63.2% and a lightness of 36.3%. #224e97 color hex could be obtained by blending #449cff with #00002f. Closest websafe color is: #336699.

- R 13
- G 31
- B 59
RGB color chart
- C 77
- M 48
- Y 0
- K 41
CMYK color chart

● #224e97 color description : Dark blue.

The hexadecimal color #224e97 has RGB values of R:34, G:78, B:151 and CMYK values of C:0.77, M:0.48, Y:0, K:0.41. Its decimal value is 2248343.

Hex triplet	224e97	`#224e97`
RGB Decimal	34, 78, 151	`rgb(34,78,151)`
RGB Percent	13.3, 30.6, 59.2	`rgb(13.3%,30.6%,59.2%)`
CMYK	77, 48, 0, 41
HSL	217.4°, 63.2, 36.3	`hsl(217.4,63.2%,36.3%)`
HSV (or HSB)	217.4°, 77.5, 59.2
Web Safe	336699	`#336699`

CIE-LAB	34.03, 11.987, -44.391
XYZ	8.969, 8.023, 30.352
xyY	0.189, 0.169, 8.023
CIE-LCH	34.03, 45.981, 285.111
CIE-LUV	34.03, -15.502, -62.236
Hunter-Lab	28.324, 6.954, -43.709
Binary	00100010, 01001110, 10010111

#224e97
```
#224e97 rgb(34,78,151)
```
#976b22
```
#976b22 rgb(151,107,34)
```

Complementary Color

#228997
```
#228997 rgb(34,137,151)
```
#224e97
```
#224e97 rgb(34,78,151)
```
#312297
```
#312297 rgb(49,34,151)
```

Analogous Color

#899722
```
#899722 rgb(137,151,34)
```
#224e97
```
#224e97 rgb(34,78,151)
```
#973122
```
#973122 rgb(151,49,34)
```

Split Complementary Color

#4e9722
```
#4e9722 rgb(78,151,34)
```
#224e97
```
#224e97 rgb(34,78,151)
```
#97224e
```
#97224e rgb(151,34,78)
```

Triadic Color

#22976b
```
#22976b rgb(34,151,107)
```
#224e97
```
#224e97 rgb(34,78,151)
```
#97224e
```
#97224e rgb(151,34,78)
```
#976b22
```
#976b22 rgb(151,107,34)
```

Tetradic Color

#142e59
```
#142e59 rgb(20,46,89)
```
#19386d
```
#19386d rgb(25,56,109)
```
#1d4382
```
#1d4382 rgb(29,67,130)
```
#224e97
```
#224e97 rgb(34,78,151)
```
#2759ac
```
#2759ac rgb(39,89,172)
```
#2b64c1
```
#2b64c1 rgb(43,100,193)
```
#346fd1
```
#346fd1 rgb(52,111,209)
```

Monochromatic Color

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

#226b97
```
#226b97 rgb(34,107,151)
```
#226297
```
#226297 rgb(34,98,151)
```
#225897
```
#225897 rgb(34,88,151)
```
#224e97
```
#224e97 rgb(34,78,151)
```
#224497
```
#224497 rgb(34,68,151)
```
#223b97
```
#223b97 rgb(34,59,151)
```
#223197
```
#223197 rgb(34,49,151)
```

Similar Colors

Text with hexadecimal color #224e97

This text has a font color of #224e97.

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

#224e97 background color

This paragraph has a background color of #224e97.

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

#224e97 border color

This element has a border color of #224e97.

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

CSS codes

.text {color:#224e97;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#050c17
```
#050c17 rgb(5,12,23)
```
#091427
```
#091427 rgb(9,20,39)
```
#0c1c37
```
#0c1c37 rgb(12,28,55)
```
#102547
```
#102547 rgb(16,37,71)
```
#142d57
```
#142d57 rgb(20,45,87)
```
#173567
```
#173567 rgb(23,53,103)
```
#1b3d77
```
#1b3d77 rgb(27,61,119)
```
#1e4687
```
#1e4687 rgb(30,70,135)
```
#224e97
```
#224e97 rgb(34,78,151)
```
#2656a7
```
#2656a7 rgb(38,86,167)
```
#295fb7
```
#295fb7 rgb(41,95,183)
```
#2d67c7
```
#2d67c7 rgb(45,103,199)
```

Shade Color Variation

#3670d2
```
#3670d2 rgb(54,112,210)
```
#467cd5
```
#467cd5 rgb(70,124,213)
```
#5687d9
```
#5687d9 rgb(86,135,217)
```
#6692dd
```
#6692dd rgb(102,146,221)
```
#769ee0
```
#769ee0 rgb(118,158,224)
```
#86a9e4
```
#86a9e4 rgb(134,169,228)
```
#96b4e7
```
#96b4e7 rgb(150,180,231)
```
#a6c0eb
```
#a6c0eb rgb(166,192,235)
```
#b6cbef
```
#b6cbef rgb(182,203,239)
```
#c6d7f2
```
#c6d7f2 rgb(198,215,242)
```
#d6e2f6
```
#d6e2f6 rgb(214,226,246)
```
#e6edf9
```
#e6edf9 rgb(230,237,249)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5c5e is the less saturated color, while #0647b3 is the most saturated one.

#5b5c5e
```
#5b5c5e rgb(91,92,94)
```
#545a65
```
#545a65 rgb(84,90,101)
```
#4d596c
```
#4d596c rgb(77,89,108)
```
#465773
```
#465773 rgb(70,87,115)
```
#3e557b
```
#3e557b rgb(62,85,123)
```
#375382
```
#375382 rgb(55,83,130)
```
#305289
```
#305289 rgb(48,82,137)
```
#295090
```
#295090 rgb(41,80,144)
```
#224e97
```
#224e97 rgb(34,78,151)
```
#1b4c9e
```
#1b4c9e rgb(27,76,158)
```
#144aa5
```
#144aa5 rgb(20,74,165)
```
#0d49ac
```
#0d49ac rgb(13,73,172)
```
#0647b3
```
#0647b3 rgb(6,71,179)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#414a59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#31569c Protanopia 1% of men
#005a96 Deuteranopia 1% of men
#006168 Tritanopia 0.001% of the population

Trichromacy

#2b539a Protanomaly 1% of men, 0.01% of women
#0c5696 Deuteranomaly 6% of men, 0.4% of women
#0c5a79 Tritanomaly 0.01% of the population