#224084 hex color

In a RGB color space, hex #224084 is composed of 13.3% red, 25.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 51.5% magenta, 0% yellow and 48.2% black. It has a hue angle of 221.6 degrees, a saturation of 59% and a lightness of 32.5%. #224084 color hex could be obtained by blending #4480ff with #000009. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 25
- B 52
RGB color chart
- C 74
- M 52
- Y 0
- K 48
CMYK color chart

● #224084 color description : Dark blue.

The hexadecimal color #224084 has RGB values of R:34, G:64, B:132 and CMYK values of C:0.74, M:0.52, Y:0, K:0.48. Its decimal value is 2244740.

Hex triplet	224084	`#224084`
RGB Decimal	34, 64, 132	`rgb(34,64,132)`
RGB Percent	13.3, 25.1, 51.8	`rgb(13.3%,25.1%,51.8%)`
CMYK	74, 52, 0, 48
HSL	221.6°, 59, 32.5	`hsl(221.6,59%,32.5%)`
HSV (or HSB)	221.6°, 74.2, 51.8
Web Safe	333399	`#333399`

CIE-LAB	28.57, 13.989, -41.523
XYZ	6.657, 5.672, 22.573
xyY	0.191, 0.163, 5.672
CIE-LCH	28.57, 43.817, 288.619
CIE-LUV	28.57, -11.458, -55.038
Hunter-Lab	23.817, 8.214, -39.521
Binary	00100010, 01000000, 10000100

#224084
```
#224084 rgb(34,64,132)
```
#846622
```
#846622 rgb(132,102,34)
```

Complementary Color

#227184
```
#227184 rgb(34,113,132)
```
#224084
```
#224084 rgb(34,64,132)
```
#352284
```
#352284 rgb(53,34,132)
```

Analogous Color

#718422
```
#718422 rgb(113,132,34)
```
#224084
```
#224084 rgb(34,64,132)
```
#843522
```
#843522 rgb(132,53,34)
```

Split Complementary Color

#408422
```
#408422 rgb(64,132,34)
```
#224084
```
#224084 rgb(34,64,132)
```
#842240
```
#842240 rgb(132,34,64)
```

Triadic Color

#228466
```
#228466 rgb(34,132,102)
```
#224084
```
#224084 rgb(34,64,132)
```
#842240
```
#842240 rgb(132,34,64)
```
#846622
```
#846622 rgb(132,102,34)
```

Tetradic Color

#122347
```
#122347 rgb(18,35,71)
```
#182c5b
```
#182c5b rgb(24,44,91)
```
#1d3670
```
#1d3670 rgb(29,54,112)
```
#224084
```
#224084 rgb(34,64,132)
```
#274a98
```
#274a98 rgb(39,74,152)
```
#2c54ad
```
#2c54ad rgb(44,84,173)
```
#325dc1
```
#325dc1 rgb(50,93,193)
```

Monochromatic Color

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

#225984
```
#225984 rgb(34,89,132)
```
#225084
```
#225084 rgb(34,80,132)
```
#224884
```
#224884 rgb(34,72,132)
```
#224084
```
#224084 rgb(34,64,132)
```
#223884
```
#223884 rgb(34,56,132)
```
#223084
```
#223084 rgb(34,48,132)
```
#222884
```
#222884 rgb(34,40,132)
```

Similar Colors

Text with hexadecimal color #224084

This text has a font color of #224084.

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

#224084 background color

This paragraph has a background color of #224084.

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

#224084 border color

This element has a border color of #224084.

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

CSS codes

.text {color:#224084;}

.background {background-color:#224084;}

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

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

#020307
```
#020307 rgb(2,3,7)
```
#060b17
```
#060b17 rgb(6,11,23)
```
#0a1326
```
#0a1326 rgb(10,19,38)
```
#0e1a36
```
#0e1a36 rgb(14,26,54)
```
#122246
```
#122246 rgb(18,34,70)
```
#162955
```
#162955 rgb(22,41,85)
```
#1a3165
```
#1a3165 rgb(26,49,101)
```
#1e3874
```
#1e3874 rgb(30,56,116)
```
#224084
```
#224084 rgb(34,64,132)
```
#264894
```
#264894 rgb(38,72,148)
```
#2a4fa3
```
#2a4fa3 rgb(42,79,163)
```
#2e57b3
```
#2e57b3 rgb(46,87,179)
```
#325ec2
```
#325ec2 rgb(50,94,194)
```

Shade Color Variation

#3b68cd
```
#3b68cd rgb(59,104,205)
```
#4b74d1
```
#4b74d1 rgb(75,116,209)
```
#5b80d5
```
#5b80d5 rgb(91,128,213)
```
#6a8cd9
```
#6a8cd9 rgb(106,140,217)
```
#7a98dd
```
#7a98dd rgb(122,152,221)
```
#89a4e1
```
#89a4e1 rgb(137,164,225)
```
#99b0e5
```
#99b0e5 rgb(153,176,229)
```
#a9bce9
```
#a9bce9 rgb(169,188,233)
```
#b8c8ed
```
#b8c8ed rgb(184,200,237)
```
#c8d4f1
```
#c8d4f1 rgb(200,212,241)
```
#d7e0f5
```
#d7e0f5 rgb(215,224,245)
```
#e7ecf9
```
#e7ecf9 rgb(231,236,249)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#4f5157
```
#4f5157 rgb(79,81,87)
```
#484f5e
```
#484f5e rgb(72,79,94)
```
#424c64
```
#424c64 rgb(66,76,100)
```
#3c4a6a
```
#3c4a6a rgb(60,74,106)
```
#354771
```
#354771 rgb(53,71,113)
```
#2f4577
```
#2f4577 rgb(47,69,119)
```
#28427e
```
#28427e rgb(40,66,126)
```
#224084
```
#224084 rgb(34,64,132)
```
#1c3e8a
```
#1c3e8a rgb(28,62,138)
```
#153b91
```
#153b91 rgb(21,59,145)
```
#0f3997
```
#0f3997 rgb(15,57,151)
```
#08369e
```
#08369e rgb(8,54,158)
```
#0234a4
```
#0234a4 rgb(2,52,164)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#393f4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#234b8b Protanopia 1% of men
#004e81 Deuteranopia 1% of men
#00545a Tritanopia 0.001% of the population

Trichromacy

#224788 Protanomaly 1% of men, 0.01% of women
#0c4982 Deuteranomaly 6% of men, 0.4% of women
#0c4d69 Tritanomaly 0.01% of the population

#224084 hex color

#224084 Color Information

#224084 Color Conversion

Color Schemes with #224084

Alternatives to #224084

#224084 Preview

Shades and Tints of #224084

Tones of #224084

Color Blindness Simulator