#1224a8 hex color

In a RGB color space, hex #1224a8 is composed of 7.1% red, 14.1% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 78.6% magenta, 0% yellow and 34.1% black. It has a hue angle of 232.8 degrees, a saturation of 80.6% and a lightness of 36.5%. #1224a8 color hex could be obtained by blending #2448ff with #000051. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 7
- G 14
- B 66
RGB color chart
- C 89
- M 79
- Y 0
- K 34
CMYK color chart

● #1224a8 color description : Dark blue.

The hexadecimal color #1224a8 has RGB values of R:18, G:36, B:168 and CMYK values of C:0.89, M:0.79, Y:0, K:0.34. Its decimal value is 1189032.

Hex triplet	1224a8	`#1224a8`
RGB Decimal	18, 36, 168	`rgb(18,36,168)`
RGB Percent	7.1, 14.1, 65.9	`rgb(7.1%,14.1%,65.9%)`
CMYK	89, 79, 0, 34
HSL	232.8°, 80.6, 36.5	`hsl(232.8,80.6%,36.5%)`
HSV (or HSB)	232.8°, 89.3, 65.9
Web Safe	003399	`#003399`

CIE-LAB	24.376, 44.602, -70.501
XYZ	7.947, 4.217, 37.439
xyY	0.16, 0.085, 4.217
CIE-LCH	24.376, 83.425, 302.319
CIE-LUV	24.376, -7.804, -82.876
Hunter-Lab	20.535, 33.14, -93.721
Binary	00010010, 00100100, 10101000

#1224a8
```
#1224a8 rgb(18,36,168)
```
#a89612
```
#a89612 rgb(168,150,18)
```

Complementary Color

#126fa8
```
#126fa8 rgb(18,111,168)
```
#1224a8
```
#1224a8 rgb(18,36,168)
```
#4b12a8
```
#4b12a8 rgb(75,18,168)
```

Analogous Color

#6fa812
```
#6fa812 rgb(111,168,18)
```
#1224a8
```
#1224a8 rgb(18,36,168)
```
#a84b12
```
#a84b12 rgb(168,75,18)
```

Split Complementary Color

#24a812
```
#24a812 rgb(36,168,18)
```
#1224a8
```
#1224a8 rgb(18,36,168)
```
#a81224
```
#a81224 rgb(168,18,36)
```

Triadic Color

#12a896
```
#12a896 rgb(18,168,150)
```
#1224a8
```
#1224a8 rgb(18,36,168)
```
#a81224
```
#a81224 rgb(168,18,36)
```
#a89612
```
#a89612 rgb(168,150,18)
```

Tetradic Color

#0b1563
```
#0b1563 rgb(11,21,99)
```
#0d1a7a
```
#0d1a7a rgb(13,26,122)
```
#101f91
```
#101f91 rgb(16,31,145)
```
#1224a8
```
#1224a8 rgb(18,36,168)
```
#1429bf
```
#1429bf rgb(20,41,191)
```
#172ed6
```
#172ed6 rgb(23,46,214)
```
#1f37e7
```
#1f37e7 rgb(31,55,231)
```

Monochromatic Color

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

#124aa8
```
#124aa8 rgb(18,74,168)
```
#123da8
```
#123da8 rgb(18,61,168)
```
#1231a8
```
#1231a8 rgb(18,49,168)
```
#1224a8
```
#1224a8 rgb(18,36,168)
```
#1218a8
```
#1218a8 rgb(18,24,168)
```
#1912a8
```
#1912a8 rgb(25,18,168)
```
#2512a8
```
#2512a8 rgb(37,18,168)
```

Similar Colors

Text with hexadecimal color #1224a8

This text has a font color of #1224a8.

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

#1224a8 background color

This paragraph has a background color of #1224a8.

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

#1224a8 border color

This element has a border color of #1224a8.

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

CSS codes

.text {color:#1224a8;}

.background {background-color:#1224a8;}

.border {border:1px solid #1224a8;}

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

#010209
```
#010209 rgb(1,2,9)
```
#03061a
```
#03061a rgb(3,6,26)
```
#05092c
```
#05092c rgb(5,9,44)
```
#070d3e
```
#070d3e rgb(7,13,62)
```
#09114f
```
#09114f rgb(9,17,79)
```
#0a1561
```
#0a1561 rgb(10,21,97)
```
#0c1973
```
#0c1973 rgb(12,25,115)
```
#0e1c85
```
#0e1c85 rgb(14,28,133)
```
#102096
```
#102096 rgb(16,32,150)
```
#1224a8
```
#1224a8 rgb(18,36,168)
```
#1428ba
```
#1428ba rgb(20,40,186)
```
#162ccb
```
#162ccb rgb(22,44,203)
```
#182fdd
```
#182fdd rgb(24,47,221)
```

Shade Color Variation

#2139e7
```
#2139e7 rgb(33,57,231)
```
#3349e9
```
#3349e9 rgb(51,73,233)
```
#4559eb
```
#4559eb rgb(69,89,235)
```
#5668ed
```
#5668ed rgb(86,104,237)
```
#6878ef
```
#6878ef rgb(104,120,239)
```
#7a88f1
```
#7a88f1 rgb(122,136,241)
```
#8c98f3
```
#8c98f3 rgb(140,152,243)
```
#9da8f5
```
#9da8f5 rgb(157,168,245)
```
#afb8f6
```
#afb8f6 rgb(175,184,246)
```
#c1c7f8
```
#c1c7f8 rgb(193,199,248)
```
#d2d7fa
```
#d2d7fa rgb(210,215,250)
```
#e4e7fc
```
#e4e7fc rgb(228,231,252)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

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

#5a5a60
```
#5a5a60 rgb(90,90,96)
```
#525568
```
#525568 rgb(82,85,104)
```
#4b4f6f
```
#4b4f6f rgb(75,79,111)
```
#444a76
```
#444a76 rgb(68,74,118)
```
#3d457d
```
#3d457d rgb(61,69,125)
```
#363f84
```
#363f84 rgb(54,63,132)
```
#2f3a8b
```
#2f3a8b rgb(47,58,139)
```
#273493
```
#273493 rgb(39,52,147)
```
#202f9a
```
#202f9a rgb(32,47,154)
```
#1929a1
```
#1929a1 rgb(25,41,161)
```
#1224a8
```
#1224a8 rgb(18,36,168)
```
#0b1faf
```
#0b1faf rgb(11,31,175)
```
#0419b6
```
#0419b6 rgb(4,25,182)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#282c46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004280 Protanopia 1% of men
#00466f Deuteranopia 1% of men
#004b4e Tritanopia 0.001% of the population

Trichromacy

#06378e Protanomaly 1% of men, 0.01% of women
#063983 Deuteranomaly 6% of men, 0.4% of women
#063c6e Tritanomaly 0.01% of the population

#1224a8 hex color

#1224a8 Color Information

#1224a8 Color Conversion

Color Schemes with #1224a8

Alternatives to #1224a8

#1224a8 Preview

Shades and Tints of #1224a8

Tones of #1224a8

Color Blindness Simulator