#224395 hex color

In a RGB color space, hex #224395 is composed of 13.3% red, 26.3% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 55% magenta, 0% yellow and 41.6% black. It has a hue angle of 222.8 degrees, a saturation of 62.8% and a lightness of 35.9%. #224395 color hex could be obtained by blending #4486ff with #00002b. Closest websafe color is: #333399.

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

● #224395 color description : Dark blue.

The hexadecimal color #224395 has RGB values of R:34, G:67, B:149 and CMYK values of C:0.77, M:0.55, Y:0, K:0.42. Its decimal value is 2245525.

Hex triplet	224395	`#224395`
RGB Decimal	34, 67, 149	`rgb(34,67,149)`
RGB Percent	13.3, 26.3, 58.4	`rgb(13.3%,26.3%,58.4%)`
CMYK	77, 55, 0, 42
HSL	222.8°, 62.8, 35.9	`hsl(222.8,62.8%,35.9%)`
HSV (or HSB)	222.8°, 77.2, 58.4
Web Safe	333399	`#333399`

CIE-LAB	30.697, 18.665, -48.558
XYZ	8.09, 6.524, 29.265
xyY	0.184, 0.149, 6.524
CIE-LCH	30.697, 52.022, 291.026
CIE-LUV	30.697, -12.292, -65.959
Hunter-Lab	25.542, 11.843, -50.054
Binary	00100010, 01000011, 10010101

#224395
```
#224395 rgb(34,67,149)
```
#957422
```
#957422 rgb(149,116,34)
```

Complementary Color

#227d95
```
#227d95 rgb(34,125,149)
```
#224395
```
#224395 rgb(34,67,149)
```
#3a2295
```
#3a2295 rgb(58,34,149)
```

Analogous Color

#7d9522
```
#7d9522 rgb(125,149,34)
```
#224395
```
#224395 rgb(34,67,149)
```
#953a22
```
#953a22 rgb(149,58,34)
```

Split Complementary Color

#439522
```
#439522 rgb(67,149,34)
```
#224395
```
#224395 rgb(34,67,149)
```
#952243
```
#952243 rgb(149,34,67)
```

Triadic Color

#229574
```
#229574 rgb(34,149,116)
```
#224395
```
#224395 rgb(34,67,149)
```
#952243
```
#952243 rgb(149,34,67)
```
#957422
```
#957422 rgb(149,116,34)
```

Tetradic Color

#142757
```
#142757 rgb(20,39,87)
```
#19306b
```
#19306b rgb(25,48,107)
```
#1d3a80
```
#1d3a80 rgb(29,58,128)
```
#224395
```
#224395 rgb(34,67,149)
```
#274caa
```
#274caa rgb(39,76,170)
```
#2b56bf
```
#2b56bf rgb(43,86,191)
```
#3360d0
```
#3360d0 rgb(51,96,208)
```

Monochromatic Color

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

#226095
```
#226095 rgb(34,96,149)
```
#225695
```
#225695 rgb(34,86,149)
```
#224d95
```
#224d95 rgb(34,77,149)
```
#224395
```
#224395 rgb(34,67,149)
```
#223995
```
#223995 rgb(34,57,149)
```
#223095
```
#223095 rgb(34,48,149)
```
#222695
```
#222695 rgb(34,38,149)
```

Similar Colors

Text with hexadecimal color #224395

This text has a font color of #224395.

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

#224395 background color

This paragraph has a background color of #224395.

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

#224395 border color

This element has a border color of #224395.

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

CSS codes

.text {color:#224395;}

.background {background-color:#224395;}

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

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

#010205
```
#010205 rgb(1,2,5)
```
#050a15
```
#050a15 rgb(5,10,21)
```
#081125
```
#081125 rgb(8,17,37)
```
#0c1835
```
#0c1835 rgb(12,24,53)
```
#101f45
```
#101f45 rgb(16,31,69)
```
#132655
```
#132655 rgb(19,38,85)
```
#172d65
```
#172d65 rgb(23,45,101)
```
#1b3575
```
#1b3575 rgb(27,53,117)
```
#1e3c85
```
#1e3c85 rgb(30,60,133)
```
#224395
```
#224395 rgb(34,67,149)
```
#264aa5
```
#264aa5 rgb(38,74,165)
```
#2951b5
```
#2951b5 rgb(41,81,181)
```
#2d59c5
```
#2d59c5 rgb(45,89,197)
```

Shade Color Variation

#3561d1
```
#3561d1 rgb(53,97,209)
```
#456ed4
```
#456ed4 rgb(69,110,212)
```
#557ad8
```
#557ad8 rgb(85,122,216)
```
#6587dc
```
#6587dc rgb(101,135,220)
```
#7593df
```
#7593df rgb(117,147,223)
```
#84a0e3
```
#84a0e3 rgb(132,160,227)
```
#94ace7
```
#94ace7 rgb(148,172,231)
```
#a4b8ea
```
#a4b8ea rgb(164,184,234)
```
#b4c5ee
```
#b4c5ee rgb(180,197,238)
```
#c4d1f2
```
#c4d1f2 rgb(196,209,242)
```
#d4def5
```
#d4def5 rgb(212,222,245)
```
#e4eaf9
```
#e4eaf9 rgb(228,234,249)
```
#f4f7fd
```
#f4f7fd rgb(244,247,253)
```

Tint Color Variation

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

#5a5b5d
```
#5a5b5d rgb(90,91,93)
```
#535864
```
#535864 rgb(83,88,100)
```
#4c556b
```
#4c556b rgb(76,85,107)
```
#455272
```
#455272 rgb(69,82,114)
```
#3e4f79
```
#3e4f79 rgb(62,79,121)
```
#374c80
```
#374c80 rgb(55,76,128)
```
#304987
```
#304987 rgb(48,73,135)
```
#29468e
```
#29468e rgb(41,70,142)
```
#224395
```
#224395 rgb(34,67,149)
```
#1b409c
```
#1b409c rgb(27,64,156)
```
#143da3
```
#143da3 rgb(20,61,163)
```
#0d3aaa
```
#0d3aaa rgb(13,58,170)
```
#0637b1
```
#0637b1 rgb(6,55,177)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3c4253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9b Protanopia 1% of men
#005388 Deuteranopia 1% of men
#00595f Tritanopia 0.001% of the population

Trichromacy

#0c4a99 Protanomaly 1% of men, 0.01% of women
#0c4d8d Deuteranomaly 6% of men, 0.4% of women
#0c5172 Tritanomaly 0.01% of the population

#224395 hex color

#224395 Color Information

#224395 Color Conversion

Color Schemes with #224395

Alternatives to #224395

#224395 Preview

Shades and Tints of #224395

Tones of #224395

Color Blindness Simulator