#224a8c hex color

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

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

● #224a8c color description : Dark blue.

The hexadecimal color #224a8c has RGB values of R:34, G:74, B:140 and CMYK values of C:0.76, M:0.47, Y:0, K:0.45. Its decimal value is 2247308.

Hex triplet	224a8c	`#224a8c`
RGB Decimal	34, 74, 140	`rgb(34,74,140)`
RGB Percent	13.3, 29, 54.9	`rgb(13.3%,29%,54.9%)`
CMYK	76, 47, 0, 45
HSL	217.4°, 60.9, 34.1	`hsl(217.4,60.9%,34.1%)`
HSV (or HSB)	217.4°, 75.7, 54.9
Web Safe	333399	`#333399`

CIE-LAB	32.102, 10.325, -40.782
XYZ	7.841, 7.131, 25.773
xyY	0.192, 0.175, 7.131
CIE-LCH	32.102, 42.069, 284.207
CIE-LUV	32.102, -14.433, -56.046
Hunter-Lab	26.703, 5.684, -38.532
Binary	00100010, 01001010, 10001100

#224a8c
```
#224a8c rgb(34,74,140)
```
#8c6422
```
#8c6422 rgb(140,100,34)
```

Complementary Color

#227f8c
```
#227f8c rgb(34,127,140)
```
#224a8c
```
#224a8c rgb(34,74,140)
```
#2f228c
```
#2f228c rgb(47,34,140)
```

Analogous Color

#7f8c22
```
#7f8c22 rgb(127,140,34)
```
#224a8c
```
#224a8c rgb(34,74,140)
```
#8c2f22
```
#8c2f22 rgb(140,47,34)
```

Split Complementary Color

#4a8c22
```
#4a8c22 rgb(74,140,34)
```
#224a8c
```
#224a8c rgb(34,74,140)
```
#8c224a
```
#8c224a rgb(140,34,74)
```

Triadic Color

#228c64
```
#228c64 rgb(34,140,100)
```
#224a8c
```
#224a8c rgb(34,74,140)
```
#8c224a
```
#8c224a rgb(140,34,74)
```
#8c6422
```
#8c6422 rgb(140,100,34)
```

Tetradic Color

#13294e
```
#13294e rgb(19,41,78)
```
#183463
```
#183463 rgb(24,52,99)
```
#1d3f77
```
#1d3f77 rgb(29,63,119)
```
#224a8c
```
#224a8c rgb(34,74,140)
```
#2755a1
```
#2755a1 rgb(39,85,161)
```
#2c60b5
```
#2c60b5 rgb(44,96,181)
```
#316bca
```
#316bca rgb(49,107,202)
```

Monochromatic Color

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

#22658c
```
#22658c rgb(34,101,140)
```
#225c8c
```
#225c8c rgb(34,92,140)
```
#22538c
```
#22538c rgb(34,83,140)
```
#224a8c
```
#224a8c rgb(34,74,140)
```
#22418c
```
#22418c rgb(34,65,140)
```
#22388c
```
#22388c rgb(34,56,140)
```
#22308c
```
#22308c rgb(34,48,140)
```

Similar Colors

Text with hexadecimal color #224a8c

This text has a font color of #224a8c.

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

#224a8c background color

This paragraph has a background color of #224a8c.

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

#224a8c border color

This element has a border color of #224a8c.

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

CSS codes

.text {color:#224a8c;}

.background {background-color:#224a8c;}

.border {border:1px solid #224a8c;}

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

#03070e
```
#03070e rgb(3,7,14)
```
#07101e
```
#07101e rgb(7,16,30)
```
#0b182d
```
#0b182d rgb(11,24,45)
```
#0f203d
```
#0f203d rgb(15,32,61)
```
#13294d
```
#13294d rgb(19,41,77)
```
#17315d
```
#17315d rgb(23,49,93)
```
#1a396c
```
#1a396c rgb(26,57,108)
```
#1e427c
```
#1e427c rgb(30,66,124)
```
#224a8c
```
#224a8c rgb(34,74,140)
```
#26529c
```
#26529c rgb(38,82,156)
```
#2a5bac
```
#2a5bac rgb(42,91,172)
```
#2d63bb
```
#2d63bb rgb(45,99,187)
```
#316bcb
```
#316bcb rgb(49,107,203)
```

Shade Color Variation

#4076d1
```
#4076d1 rgb(64,118,209)
```
#4f82d4
```
#4f82d4 rgb(79,130,212)
```
#5f8dd8
```
#5f8dd8 rgb(95,141,216)
```
#6f98dc
```
#6f98dc rgb(111,152,220)
```
#7fa3e0
```
#7fa3e0 rgb(127,163,224)
```
#8eafe4
```
#8eafe4 rgb(142,175,228)
```
#9ebae8
```
#9ebae8 rgb(158,186,232)
```
#aec5eb
```
#aec5eb rgb(174,197,235)
```
#bed0ef
```
#bed0ef rgb(190,208,239)
```
#cedcf3
```
#cedcf3 rgb(206,220,243)
```
#dde7f7
```
#dde7f7 rgb(221,231,247)
```
#edf2fb
```
#edf2fb rgb(237,242,251)
```
#fdfeff
```
#fdfeff rgb(253,254,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 #0142ad is the most saturated one.

#51555d
```
#51555d rgb(81,85,93)
```
#4a5464
```
#4a5464 rgb(74,84,100)
```
#43526b
```
#43526b rgb(67,82,107)
```
#3d5171
```
#3d5171 rgb(61,81,113)
```
#364f78
```
#364f78 rgb(54,79,120)
```
#2f4d7f
```
#2f4d7f rgb(47,77,127)
```
#294c85
```
#294c85 rgb(41,76,133)
```
#224a8c
```
#224a8c rgb(34,74,140)
```
#1b4893
```
#1b4893 rgb(27,72,147)
```
#154799
```
#154799 rgb(21,71,153)
```
#0e45a0
```
#0e45a0 rgb(14,69,160)
```
#0743a7
```
#0743a7 rgb(7,67,167)
```
#0142ad
```
#0142ad rgb(1,66,173)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3f4754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#325291 Protanopia 1% of men
#00568f Deuteranopia 1% of men
#005d63 Tritanopia 0.001% of the population

Trichromacy

#2c4f8f Protanomaly 1% of men, 0.01% of women
#0c518e Deuteranomaly 6% of men, 0.4% of women
#0c5672 Tritanomaly 0.01% of the population

#224a8c hex color

#224a8c Color Information

#224a8c Color Conversion

Color Schemes with #224a8c

Alternatives to #224a8c

#224a8c Preview

Shades and Tints of #224a8c

Tones of #224a8c

Color Blindness Simulator