#224094 hex color

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

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

● #224094 color description : Dark blue.

The hexadecimal color #224094 has RGB values of R:34, G:64, B:148 and CMYK values of C:0.77, M:0.57, Y:0, K:0.42. Its decimal value is 2244756.

Hex triplet	224094	`#224094`
RGB Decimal	34, 64, 148	`rgb(34,64,148)`
RGB Percent	13.3, 25.1, 58	`rgb(13.3%,25.1%,58%)`
CMYK	77, 57, 0, 42
HSL	224.2°, 62.6, 35.7	`hsl(224.2,62.6%,35.7%)`
HSV (or HSB)	224.2°, 77, 58
Web Safe	333399	`#333399`

CIE-LAB	29.774, 20.325, -49.445
XYZ	7.837, 6.144, 28.788
xyY	0.183, 0.144, 6.144
CIE-LCH	29.774, 53.459, 292.346
CIE-LUV	29.774, -11.469, -66.425
Hunter-Lab	24.788, 13.058, -51.507
Binary	00100010, 01000000, 10010100

#224094
```
#224094 rgb(34,64,148)
```
#947622
```
#947622 rgb(148,118,34)
```

Complementary Color

#227994
```
#227994 rgb(34,121,148)
```
#224094
```
#224094 rgb(34,64,148)
```
#3d2294
```
#3d2294 rgb(61,34,148)
```

Analogous Color

#799422
```
#799422 rgb(121,148,34)
```
#224094
```
#224094 rgb(34,64,148)
```
#943d22
```
#943d22 rgb(148,61,34)
```

Split Complementary Color

#409422
```
#409422 rgb(64,148,34)
```
#224094
```
#224094 rgb(34,64,148)
```
#942240
```
#942240 rgb(148,34,64)
```

Triadic Color

#229476
```
#229476 rgb(34,148,118)
```
#224094
```
#224094 rgb(34,64,148)
```
#942240
```
#942240 rgb(148,34,64)
```
#947622
```
#947622 rgb(148,118,34)
```

Tetradic Color

#142556
```
#142556 rgb(20,37,86)
```
#182e6b
```
#182e6b rgb(24,46,107)
```
#1d377f
```
#1d377f rgb(29,55,127)
```
#224094
```
#224094 rgb(34,64,148)
```
#2749a9
```
#2749a9 rgb(39,73,169)
```
#2c52bd
```
#2c52bd rgb(44,82,189)
```
#325cd0
```
#325cd0 rgb(50,92,208)
```

Monochromatic Color

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

#225d94
```
#225d94 rgb(34,93,148)
```
#225394
```
#225394 rgb(34,83,148)
```
#224a94
```
#224a94 rgb(34,74,148)
```
#224094
```
#224094 rgb(34,64,148)
```
#223794
```
#223794 rgb(34,55,148)
```
#222d94
```
#222d94 rgb(34,45,148)
```
#222494
```
#222494 rgb(34,36,148)
```

Similar Colors

Text with hexadecimal color #224094

This text has a font color of #224094.

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

#224094 background color

This paragraph has a background color of #224094.

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

#224094 border color

This element has a border color of #224094.

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

CSS codes

.text {color:#224094;}

.background {background-color:#224094;}

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

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)
```
#050914
```
#050914 rgb(5,9,20)
```
#081024
```
#081024 rgb(8,16,36)
```
#0c1734
```
#0c1734 rgb(12,23,52)
```
#101e44
```
#101e44 rgb(16,30,68)
```
#132454
```
#132454 rgb(19,36,84)
```
#172b64
```
#172b64 rgb(23,43,100)
```
#1b3274
```
#1b3274 rgb(27,50,116)
```
#1e3984
```
#1e3984 rgb(30,57,132)
```
#224094
```
#224094 rgb(34,64,148)
```
#2647a4
```
#2647a4 rgb(38,71,164)
```
#294eb4
```
#294eb4 rgb(41,78,180)
```
#2d55c4
```
#2d55c4 rgb(45,85,196)
```

Shade Color Variation

#345dd0
```
#345dd0 rgb(52,93,208)
```
#446ad4
```
#446ad4 rgb(68,106,212)
```
#5477d8
```
#5477d8 rgb(84,119,216)
```
#6483db
```
#6483db rgb(100,131,219)
```
#7490df
```
#7490df rgb(116,144,223)
```
#849de3
```
#849de3 rgb(132,157,227)
```
#94aae6
```
#94aae6 rgb(148,170,230)
```
#a4b6ea
```
#a4b6ea rgb(164,182,234)
```
#b4c3ee
```
#b4c3ee rgb(180,195,238)
```
#c4d0f1
```
#c4d0f1 rgb(196,208,241)
```
#d4dcf5
```
#d4dcf5 rgb(212,220,245)
```
#e4e9f9
```
#e4e9f9 rgb(228,233,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 #0633b0 is the most saturated one.

#5a5b5c
```
#5a5b5c rgb(90,91,92)
```
#535763
```
#535763 rgb(83,87,99)
```
#4c546a
```
#4c546a rgb(76,84,106)
```
#455171
```
#455171 rgb(69,81,113)
```
#3e4d78
```
#3e4d78 rgb(62,77,120)
```
#374a7f
```
#374a7f rgb(55,74,127)
```
#304786
```
#304786 rgb(48,71,134)
```
#29438d
```
#29438d rgb(41,67,141)
```
#224094
```
#224094 rgb(34,64,148)
```
#1b3d9b
```
#1b3d9b rgb(27,61,155)
```
#1439a2
```
#1439a2 rgb(20,57,162)
```
#0d36a9
```
#0d36a9 rgb(13,54,169)
```
#0633b0
```
#0633b0 rgb(6,51,176)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3b4152 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d97 Protanopia 1% of men
#005184 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#0c4896 Protanomaly 1% of men, 0.01% of women
#0c4b8a Deuteranomaly 6% of men, 0.4% of women
#0c4f70 Tritanomaly 0.01% of the population

#224094 hex color

#224094 Color Information

#224094 Color Conversion

Color Schemes with #224094

Alternatives to #224094

#224094 Preview

Shades and Tints of #224094

Tones of #224094

Color Blindness Simulator