#22428c hex color

In a RGB color space, hex #22428c is composed of 13.3% red, 25.9% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 52.9% magenta, 0% yellow and 45.1% black. It has a hue angle of 221.9 degrees, a saturation of 60.9% and a lightness of 34.1%. #22428c color hex could be obtained by blending #4484ff with #000019. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 26
- B 55
RGB color chart
- C 76
- M 53
- Y 0
- K 45
CMYK color chart

● #22428c color description : Dark blue.

The hexadecimal color #22428c has RGB values of R:34, G:66, B:140 and CMYK values of C:0.76, M:0.53, Y:0, K:0.45. Its decimal value is 2245260.

Hex triplet	22428c	`#22428c`
RGB Decimal	34, 66, 140	`rgb(34,66,140)`
RGB Percent	13.3, 25.9, 54.9	`rgb(13.3%,25.9%,54.9%)`
CMYK	76, 53, 0, 45
HSL	221.9°, 60.9, 34.1	`hsl(221.9,60.9%,34.1%)`
HSV (or HSB)	221.9°, 75.7, 54.9
Web Safe	333399	`#333399`

CIE-LAB	29.737, 15.787, -44.593
XYZ	7.341, 6.129, 25.606
xyY	0.188, 0.157, 6.129
CIE-LCH	29.737, 47.305, 289.495
CIE-LUV	29.737, -12.024, -59.949
Hunter-Lab	24.758, 9.598, -43.99
Binary	00100010, 01000010, 10001100

#22428c
```
#22428c rgb(34,66,140)
```
#8c6c22
```
#8c6c22 rgb(140,108,34)
```

Complementary Color

#22778c
```
#22778c rgb(34,119,140)
```
#22428c
```
#22428c rgb(34,66,140)
```
#37228c
```
#37228c rgb(55,34,140)
```

Analogous Color

#778c22
```
#778c22 rgb(119,140,34)
```
#22428c
```
#22428c rgb(34,66,140)
```
#8c3722
```
#8c3722 rgb(140,55,34)
```

Split Complementary Color

#428c22
```
#428c22 rgb(66,140,34)
```
#22428c
```
#22428c rgb(34,66,140)
```
#8c2242
```
#8c2242 rgb(140,34,66)
```

Triadic Color

#228c6c
```
#228c6c rgb(34,140,108)
```
#22428c
```
#22428c rgb(34,66,140)
```
#8c2242
```
#8c2242 rgb(140,34,66)
```
#8c6c22
```
#8c6c22 rgb(140,108,34)
```

Tetradic Color

#13254e
```
#13254e rgb(19,37,78)
```
#182f63
```
#182f63 rgb(24,47,99)
```
#1d3877
```
#1d3877 rgb(29,56,119)
```
#22428c
```
#22428c rgb(34,66,140)
```
#274ca1
```
#274ca1 rgb(39,76,161)
```
#2c55b5
```
#2c55b5 rgb(44,85,181)
```
#315fca
```
#315fca rgb(49,95,202)
```

Monochromatic Color

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

#225d8c
```
#225d8c rgb(34,93,140)
```
#22548c
```
#22548c rgb(34,84,140)
```
#224b8c
```
#224b8c rgb(34,75,140)
```
#22428c
```
#22428c rgb(34,66,140)
```
#22398c
```
#22398c rgb(34,57,140)
```
#22308c
```
#22308c rgb(34,48,140)
```
#22288c
```
#22288c rgb(34,40,140)
```

Similar Colors

Text with hexadecimal color #22428c

This text has a font color of #22428c.

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

#22428c background color

This paragraph has a background color of #22428c.

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

#22428c border color

This element has a border color of #22428c.

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

CSS codes

.text {color:#22428c;}

.background {background-color:#22428c;}

.border {border:1px solid #22428c;}

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, #03060e is the darkest color, while #fdfdff is the lightest one.

#03060e
```
#03060e rgb(3,6,14)
```
#070e1e
```
#070e1e rgb(7,14,30)
```
#0b152d
```
#0b152d rgb(11,21,45)
```
#0f1d3d
```
#0f1d3d rgb(15,29,61)
```
#13244d
```
#13244d rgb(19,36,77)
```
#172c5d
```
#172c5d rgb(23,44,93)
```
#1a336c
```
#1a336c rgb(26,51,108)
```
#1e3b7c
```
#1e3b7c rgb(30,59,124)
```
#22428c
```
#22428c rgb(34,66,140)
```
#26499c
```
#26499c rgb(38,73,156)
```
#2a51ac
```
#2a51ac rgb(42,81,172)
```
#2d58bb
```
#2d58bb rgb(45,88,187)
```
#3160cb
```
#3160cb rgb(49,96,203)
```

Shade Color Variation

#406bd1
```
#406bd1 rgb(64,107,209)
```
#4f77d4
```
#4f77d4 rgb(79,119,212)
```
#5f84d8
```
#5f84d8 rgb(95,132,216)
```
#6f90dc
```
#6f90dc rgb(111,144,220)
```
#7f9ce0
```
#7f9ce0 rgb(127,156,224)
```
#8ea8e4
```
#8ea8e4 rgb(142,168,228)
```
#9eb4e8
```
#9eb4e8 rgb(158,180,232)
```
#aec1eb
```
#aec1eb rgb(174,193,235)
```
#becdef
```
#becdef rgb(190,205,239)
```
#ced9f3
```
#ced9f3 rgb(206,217,243)
```
#dde5f7
```
#dde5f7 rgb(221,229,247)
```
#edf1fb
```
#edf1fb rgb(237,241,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51555d is the less saturated color, while #0135ad is the most saturated one.

#51555d
```
#51555d rgb(81,85,93)
```
#4a5264
```
#4a5264 rgb(74,82,100)
```
#434f6b
```
#434f6b rgb(67,79,107)
```
#3d4d71
```
#3d4d71 rgb(61,77,113)
```
#364a78
```
#364a78 rgb(54,74,120)
```
#2f477f
```
#2f477f rgb(47,71,127)
```
#294585
```
#294585 rgb(41,69,133)
```
#22428c
```
#22428c rgb(34,66,140)
```
#1b3f93
```
#1b3f93 rgb(27,63,147)
```
#153d99
```
#153d99 rgb(21,61,153)
```
#0e3aa0
```
#0e3aa0 rgb(14,58,160)
```
#0737a7
```
#0737a7 rgb(7,55,167)
```
#0135ad
```
#0135ad rgb(1,53,173)
```

Tone Color Variation

Below, you can see how #22428c 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
#3b4150 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1c4d93 Protanopia 1% of men
#005185 Deuteranopia 1% of men
#00575d Tritanopia 0.001% of the population

Trichromacy

#1e4990 Protanomaly 1% of men, 0.01% of women
#0c4b87 Deuteranomaly 6% of men, 0.4% of women
#0c4f6e Tritanomaly 0.01% of the population

#22428c hex color

#22428c Color Information

#22428c Color Conversion

Color Schemes with #22428c

Alternatives to #22428c

#22428c Preview

Shades and Tints of #22428c

Tones of #22428c

Color Blindness Simulator