#224594 hex color

In a RGB color space, hex #224594 is composed of 13.3% red, 27.1% green and 58% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 53.4% magenta, 0% yellow and 42% black. It has a hue angle of 221.6 degrees, a saturation of 62.6% and a lightness of 35.7%. #224594 color hex could be obtained by blending #448aff with #000029. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 27
- B 58
RGB color chart
- C 77
- M 53
- Y 0
- K 42
CMYK color chart

● #224594 color description : Dark blue.

The hexadecimal color #224594 has RGB values of R:34, G:69, B:148 and CMYK values of C:0.77, M:0.53, Y:0, K:0.42. Its decimal value is 2246036.

Hex triplet	224594	`#224594`
RGB Decimal	34, 69, 148	`rgb(34,69,148)`
RGB Percent	13.3, 27.1, 58	`rgb(13.3%,27.1%,58%)`
CMYK	77, 53, 0, 42
HSL	221.6°, 62.6, 35.7	`hsl(221.6,62.6%,35.7%)`
HSV (or HSB)	221.6°, 77, 58
Web Safe	333399	`#333399`

CIE-LAB	31.193, 16.902, -47.144
XYZ	8.132, 6.734, 28.887
xyY	0.186, 0.154, 6.734
CIE-LCH	31.193, 50.082, 289.724
CIE-LUV	31.193, -12.859, -64.4
Hunter-Lab	25.95, 10.525, -47.835
Binary	00100010, 01000101, 10010100

#224594
```
#224594 rgb(34,69,148)
```
#947122
```
#947122 rgb(148,113,34)
```

Complementary Color

#227e94
```
#227e94 rgb(34,126,148)
```
#224594
```
#224594 rgb(34,69,148)
```
#382294
```
#382294 rgb(56,34,148)
```

Analogous Color

#7e9422
```
#7e9422 rgb(126,148,34)
```
#224594
```
#224594 rgb(34,69,148)
```
#943822
```
#943822 rgb(148,56,34)
```

Split Complementary Color

#459422
```
#459422 rgb(69,148,34)
```
#224594
```
#224594 rgb(34,69,148)
```
#942245
```
#942245 rgb(148,34,69)
```

Triadic Color

#229471
```
#229471 rgb(34,148,113)
```
#224594
```
#224594 rgb(34,69,148)
```
#942245
```
#942245 rgb(148,34,69)
```
#947122
```
#947122 rgb(148,113,34)
```

Tetradic Color

#142856
```
#142856 rgb(20,40,86)
```
#18326b
```
#18326b rgb(24,50,107)
```
#1d3b7f
```
#1d3b7f rgb(29,59,127)
```
#224594
```
#224594 rgb(34,69,148)
```
#274fa9
```
#274fa9 rgb(39,79,169)
```
#2c58bd
```
#2c58bd rgb(44,88,189)
```
#3263d0
```
#3263d0 rgb(50,99,208)
```

Monochromatic Color

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

#226294
```
#226294 rgb(34,98,148)
```
#225894
```
#225894 rgb(34,88,148)
```
#224f94
```
#224f94 rgb(34,79,148)
```
#224594
```
#224594 rgb(34,69,148)
```
#223c94
```
#223c94 rgb(34,60,148)
```
#223294
```
#223294 rgb(34,50,148)
```
#222994
```
#222994 rgb(34,41,148)
```

Similar Colors

Text with hexadecimal color #224594

This text has a font color of #224594.

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

#224594 background color

This paragraph has a background color of #224594.

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

#224594 border color

This element has a border color of #224594.

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

CSS codes

.text {color:#224594;}

.background {background-color:#224594;}

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050a14
```
#050a14 rgb(5,10,20)
```
#081124
```
#081124 rgb(8,17,36)
```
#0c1834
```
#0c1834 rgb(12,24,52)
```
#102044
```
#102044 rgb(16,32,68)
```
#132754
```
#132754 rgb(19,39,84)
```
#172f64
```
#172f64 rgb(23,47,100)
```
#1b3674
```
#1b3674 rgb(27,54,116)
```
#1e3e84
```
#1e3e84 rgb(30,62,132)
```
#224594
```
#224594 rgb(34,69,148)
```
#264ca4
```
#264ca4 rgb(38,76,164)
```
#2954b4
```
#2954b4 rgb(41,84,180)
```
#2d5bc4
```
#2d5bc4 rgb(45,91,196)
```

Shade Color Variation

#3464d0
```
#3464d0 rgb(52,100,208)
```
#4470d4
```
#4470d4 rgb(68,112,212)
```
#547cd8
```
#547cd8 rgb(84,124,216)
```
#6489db
```
#6489db rgb(100,137,219)
```
#7495df
```
#7495df rgb(116,149,223)
```
#84a1e3
```
#84a1e3 rgb(132,161,227)
```
#94ade6
```
#94ade6 rgb(148,173,230)
```
#a4b9ea
```
#a4b9ea rgb(164,185,234)
```
#b4c5ee
```
#b4c5ee rgb(180,197,238)
```
#c4d2f1
```
#c4d2f1 rgb(196,210,241)
```
#d4def5
```
#d4def5 rgb(212,222,245)
```
#e4eaf9
```
#e4eaf9 rgb(228,234,249)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#5a5b5c
```
#5a5b5c rgb(90,91,92)
```
#535863
```
#535863 rgb(83,88,99)
```
#4c556a
```
#4c556a rgb(76,85,106)
```
#455371
```
#455371 rgb(69,83,113)
```
#3e5078
```
#3e5078 rgb(62,80,120)
```
#374d7f
```
#374d7f rgb(55,77,127)
```
#304a86
```
#304a86 rgb(48,74,134)
```
#29488d
```
#29488d rgb(41,72,141)
```
#224594
```
#224594 rgb(34,69,148)
```
#1b429b
```
#1b429b rgb(27,66,155)
```
#1440a2
```
#1440a2 rgb(20,64,162)
```
#0d3da9
```
#0d3da9 rgb(13,61,169)
```
#063ab0
```
#063ab0 rgb(6,58,176)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3d4454 Atypical Achromatopsia 0.001% of the population

Dichromacy

#17509b Protanopia 1% of men
#00548a Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#1b4c98 Protanomaly 1% of men, 0.01% of women
#0c4e8e Deuteranomaly 6% of men, 0.4% of women
#0c5273 Tritanomaly 0.01% of the population

#224594 hex color

#224594 Color Information

#224594 Color Conversion

Color Schemes with #224594

Alternatives to #224594

#224594 Preview

Shades and Tints of #224594

Tones of #224594

Color Blindness Simulator