#224196 hex color

In a RGB color space, hex #224196 is composed of 13.3% red, 25.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 56.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 224 degrees, a saturation of 63% and a lightness of 36.1%. #224196 color hex could be obtained by blending #4482ff with #00002d. Closest websafe color is: #333399.

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

● #224196 color description : Dark blue.

The hexadecimal color #224196 has RGB values of R:34, G:65, B:150 and CMYK values of C:0.77, M:0.57, Y:0, K:0.41. Its decimal value is 2245014.

Hex triplet	224196	`#224196`
RGB Decimal	34, 65, 150	`rgb(34,65,150)`
RGB Percent	13.3, 25.5, 58.8	`rgb(13.3%,25.5%,58.8%)`
CMYK	77, 57, 0, 41
HSL	224°, 63, 36.1	`hsl(224,63%,36.1%)`
HSV (or HSB)	224°, 77.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	30.211, 20.428, -49.957
XYZ	8.054, 6.322, 29.648
xyY	0.183, 0.144, 6.322
CIE-LCH	30.211, 53.972, 292.24
CIE-LUV	30.211, -11.744, -67.444
Hunter-Lab	25.144, 13.174, -52.311
Binary	00100010, 01000001, 10010110

#224196
```
#224196 rgb(34,65,150)
```
#967722
```
#967722 rgb(150,119,34)
```

Complementary Color

#227b96
```
#227b96 rgb(34,123,150)
```
#224196
```
#224196 rgb(34,65,150)
```
#3d2296
```
#3d2296 rgb(61,34,150)
```

Analogous Color

#7b9622
```
#7b9622 rgb(123,150,34)
```
#224196
```
#224196 rgb(34,65,150)
```
#963d22
```
#963d22 rgb(150,61,34)
```

Split Complementary Color

#419622
```
#419622 rgb(65,150,34)
```
#224196
```
#224196 rgb(34,65,150)
```
#962241
```
#962241 rgb(150,34,65)
```

Triadic Color

#229677
```
#229677 rgb(34,150,119)
```
#224196
```
#224196 rgb(34,65,150)
```
#962241
```
#962241 rgb(150,34,65)
```
#967722
```
#967722 rgb(150,119,34)
```

Tetradic Color

#142658
```
#142658 rgb(20,38,88)
```
#192f6c
```
#192f6c rgb(25,47,108)
```
#1d3881
```
#1d3881 rgb(29,56,129)
```
#224196
```
#224196 rgb(34,65,150)
```
#274aab
```
#274aab rgb(39,74,171)
```
#2b53c0
```
#2b53c0 rgb(43,83,192)
```
#345ed1
```
#345ed1 rgb(52,94,209)
```

Monochromatic Color

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

#225e96
```
#225e96 rgb(34,94,150)
```
#225496
```
#225496 rgb(34,84,150)
```
#224b96
```
#224b96 rgb(34,75,150)
```
#224196
```
#224196 rgb(34,65,150)
```
#223796
```
#223796 rgb(34,55,150)
```
#222e96
```
#222e96 rgb(34,46,150)
```
#222496
```
#222496 rgb(34,36,150)
```

Similar Colors

Text with hexadecimal color #224196

This text has a font color of #224196.

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

#224196 background color

This paragraph has a background color of #224196.

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

#224196 border color

This element has a border color of #224196.

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

CSS codes

.text {color:#224196;}

.background {background-color:#224196;}

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

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

#010306
```
#010306 rgb(1,3,6)
```
#050a16
```
#050a16 rgb(5,10,22)
```
#091026
```
#091026 rgb(9,16,38)
```
#0c1736
```
#0c1736 rgb(12,23,54)
```
#101e46
```
#101e46 rgb(16,30,70)
```
#142556
```
#142556 rgb(20,37,86)
```
#172c66
```
#172c66 rgb(23,44,102)
```
#1b3376
```
#1b3376 rgb(27,51,118)
```
#1e3a86
```
#1e3a86 rgb(30,58,134)
```
#224196
```
#224196 rgb(34,65,150)
```
#2648a6
```
#2648a6 rgb(38,72,166)
```
#294fb6
```
#294fb6 rgb(41,79,182)
```
#2d56c6
```
#2d56c6 rgb(45,86,198)
```

Shade Color Variation

#355fd1
```
#355fd1 rgb(53,95,209)
```
#456cd5
```
#456cd5 rgb(69,108,213)
```
#5578d9
```
#5578d9 rgb(85,120,217)
```
#6585dc
```
#6585dc rgb(101,133,220)
```
#7592e0
```
#7592e0 rgb(117,146,224)
```
#859ee3
```
#859ee3 rgb(133,158,227)
```
#95abe7
```
#95abe7 rgb(149,171,231)
```
#a5b8eb
```
#a5b8eb rgb(165,184,235)
```
#b5c4ee
```
#b5c4ee rgb(181,196,238)
```
#c5d1f2
```
#c5d1f2 rgb(197,209,242)
```
#d5def6
```
#d5def6 rgb(213,222,246)
```
#e5eaf9
```
#e5eaf9 rgb(229,234,249)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

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

#5b5b5d
```
#5b5b5d rgb(91,91,93)
```
#545864
```
#545864 rgb(84,88,100)
```
#4c556c
```
#4c556c rgb(76,85,108)
```
#455173
```
#455173 rgb(69,81,115)
```
#3e4e7a
```
#3e4e7a rgb(62,78,122)
```
#374b81
```
#374b81 rgb(55,75,129)
```
#304888
```
#304888 rgb(48,72,136)
```
#29448f
```
#29448f rgb(41,68,143)
```
#224196
```
#224196 rgb(34,65,150)
```
#1b3e9d
```
#1b3e9d rgb(27,62,157)
```
#143aa4
```
#143aa4 rgb(20,58,164)
```
#0d37ab
```
#0d37ab rgb(13,55,171)
```
#0634b2
```
#0634b2 rgb(6,52,178)
```

Tone Color Variation

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

#0c4998 Protanomaly 1% of men, 0.01% of women
#0c4c8c Deuteranomaly 6% of men, 0.4% of women
#0c5072 Tritanomaly 0.01% of the population

#224196 hex color

#224196 Color Information

#224196 Color Conversion

Color Schemes with #224196

Alternatives to #224196

#224196 Preview

Shades and Tints of #224196

Tones of #224196

Color Blindness Simulator