#224195 hex color

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

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

● #224195 color description : Dark blue.

The hexadecimal color #224195 has RGB values of R:34, G:65, B:149 and CMYK values of C:0.77, M:0.56, Y:0, K:0.42. Its decimal value is 2245013.

Hex triplet	224195	`#224195`
RGB Decimal	34, 65, 149	`rgb(34,65,149)`
RGB Percent	13.3, 25.5, 58.4	`rgb(13.3%,25.5%,58.4%)`
CMYK	77, 56, 0, 42
HSL	223.8°, 62.8, 35.9	`hsl(223.8,62.8%,35.9%)`
HSV (or HSB)	223.8°, 77.2, 58.4
Web Safe	333399	`#333399`

CIE-LAB	30.133, 20.034, -49.474
XYZ	7.974, 6.29, 29.226
xyY	0.183, 0.145, 6.29
CIE-LCH	30.133, 53.376, 292.045
CIE-LUV	30.133, -11.742, -66.746
Hunter-Lab	25.08, 12.86, -51.535
Binary	00100010, 01000001, 10010101

#224195
```
#224195 rgb(34,65,149)
```
#957622
```
#957622 rgb(149,118,34)
```

Complementary Color

#227b95
```
#227b95 rgb(34,123,149)
```
#224195
```
#224195 rgb(34,65,149)
```
#3d2295
```
#3d2295 rgb(61,34,149)
```

Analogous Color

#7b9522
```
#7b9522 rgb(123,149,34)
```
#224195
```
#224195 rgb(34,65,149)
```
#953d22
```
#953d22 rgb(149,61,34)
```

Split Complementary Color

#419522
```
#419522 rgb(65,149,34)
```
#224195
```
#224195 rgb(34,65,149)
```
#952241
```
#952241 rgb(149,34,65)
```

Triadic Color

#229576
```
#229576 rgb(34,149,118)
```
#224195
```
#224195 rgb(34,65,149)
```
#952241
```
#952241 rgb(149,34,65)
```
#957622
```
#957622 rgb(149,118,34)
```

Tetradic Color

#142657
```
#142657 rgb(20,38,87)
```
#192f6b
```
#192f6b rgb(25,47,107)
```
#1d3880
```
#1d3880 rgb(29,56,128)
```
#224195
```
#224195 rgb(34,65,149)
```
#274aaa
```
#274aaa rgb(39,74,170)
```
#2b53bf
```
#2b53bf rgb(43,83,191)
```
#335dd0
```
#335dd0 rgb(51,93,208)
```

Monochromatic Color

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

#225e95
```
#225e95 rgb(34,94,149)
```
#225495
```
#225495 rgb(34,84,149)
```
#224b95
```
#224b95 rgb(34,75,149)
```
#224195
```
#224195 rgb(34,65,149)
```
#223795
```
#223795 rgb(34,55,149)
```
#222e95
```
#222e95 rgb(34,46,149)
```
#222495
```
#222495 rgb(34,36,149)
```

Similar Colors

Text with hexadecimal color #224195

This text has a font color of #224195.

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

#224195 background color

This paragraph has a background color of #224195.

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

#224195 border color

This element has a border color of #224195.

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

CSS codes

.text {color:#224195;}

.background {background-color:#224195;}

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

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)
```
#050915
```
#050915 rgb(5,9,21)
```
#081025
```
#081025 rgb(8,16,37)
```
#0c1735
```
#0c1735 rgb(12,23,53)
```
#101e45
```
#101e45 rgb(16,30,69)
```
#132555
```
#132555 rgb(19,37,85)
```
#172c65
```
#172c65 rgb(23,44,101)
```
#1b3375
```
#1b3375 rgb(27,51,117)
```
#1e3a85
```
#1e3a85 rgb(30,58,133)
```
#224195
```
#224195 rgb(34,65,149)
```
#2648a5
```
#2648a5 rgb(38,72,165)
```
#294fb5
```
#294fb5 rgb(41,79,181)
```
#2d56c5
```
#2d56c5 rgb(45,86,197)
```

Shade Color Variation

#355fd1
```
#355fd1 rgb(53,95,209)
```
#456bd4
```
#456bd4 rgb(69,107,212)
```
#5578d8
```
#5578d8 rgb(85,120,216)
```
#6585dc
```
#6585dc rgb(101,133,220)
```
#7591df
```
#7591df rgb(117,145,223)
```
#849ee3
```
#849ee3 rgb(132,158,227)
```
#94abe7
```
#94abe7 rgb(148,171,231)
```
#a4b7ea
```
#a4b7ea rgb(164,183,234)
```
#b4c4ee
```
#b4c4ee rgb(180,196,238)
```
#c4d1f2
```
#c4d1f2 rgb(196,209,242)
```
#d4ddf5
```
#d4ddf5 rgb(212,221,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 #0634b1 is the most saturated one.

#5a5b5d
```
#5a5b5d rgb(90,91,93)
```
#535864
```
#535864 rgb(83,88,100)
```
#4c546b
```
#4c546b rgb(76,84,107)
```
#455172
```
#455172 rgb(69,81,114)
```
#3e4e79
```
#3e4e79 rgb(62,78,121)
```
#374b80
```
#374b80 rgb(55,75,128)
```
#304787
```
#304787 rgb(48,71,135)
```
#29448e
```
#29448e rgb(41,68,142)
```
#224195
```
#224195 rgb(34,65,149)
```
#1b3e9c
```
#1b3e9c rgb(27,62,156)
```
#143ba3
```
#143ba3 rgb(20,59,163)
```
#0d37aa
```
#0d37aa rgb(13,55,170)
```
#0634b1
```
#0634b1 rgb(6,52,177)
```

Tone Color Variation

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

#004e99 Protanopia 1% of men
#005286 Deuteranopia 1% of men
#00585d Tritanopia 0.001% of the population

Trichromacy

#0c4997 Protanomaly 1% of men, 0.01% of women
#0c4c8b Deuteranomaly 6% of men, 0.4% of women
#0c4f71 Tritanomaly 0.01% of the population

#224195 hex color

#224195 Color Information

#224195 Color Conversion

Color Schemes with #224195

Alternatives to #224195

#224195 Preview

Shades and Tints of #224195

Tones of #224195

Color Blindness Simulator