#1224a5 hex color

In a RGB color space, hex #1224a5 is composed of 7.1% red, 14.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 89.1% cyan, 78.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 232.7 degrees, a saturation of 80.3% and a lightness of 35.9%. #1224a5 color hex could be obtained by blending #2448ff with #00004b. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 7
- G 14
- B 65
RGB color chart
- C 89
- M 78
- Y 0
- K 35
CMYK color chart

● #1224a5 color description : Dark blue.

The hexadecimal color #1224a5 has RGB values of R:18, G:36, B:165 and CMYK values of C:0.89, M:0.78, Y:0, K:0.35. Its decimal value is 1189029.

Hex triplet	1224a5	`#1224a5`
RGB Decimal	18, 36, 165	`rgb(18,36,165)`
RGB Percent	7.1, 14.1, 64.7	`rgb(7.1%,14.1%,64.7%)`
CMYK	89, 78, 0, 35
HSL	232.7°, 80.3, 35.9	`hsl(232.7,80.3%,35.9%)`
HSV (or HSB)	232.7°, 89.1, 64.7
Web Safe	003399	`#003399`

CIE-LAB	24.02, 43.572, -69.275
XYZ	7.67, 4.106, 35.984
xyY	0.161, 0.086, 4.106
CIE-LCH	24.02, 81.839, 302.168
CIE-LUV	24.02, -7.715, -81.123
Hunter-Lab	20.264, 32.104, -91.098
Binary	00010010, 00100100, 10100101

#1224a5
```
#1224a5 rgb(18,36,165)
```
#a59312
```
#a59312 rgb(165,147,18)
```

Complementary Color

#126ea5
```
#126ea5 rgb(18,110,165)
```
#1224a5
```
#1224a5 rgb(18,36,165)
```
#4912a5
```
#4912a5 rgb(73,18,165)
```

Analogous Color

#6ea512
```
#6ea512 rgb(110,165,18)
```
#1224a5
```
#1224a5 rgb(18,36,165)
```
#a54912
```
#a54912 rgb(165,73,18)
```

Split Complementary Color

#24a512
```
#24a512 rgb(36,165,18)
```
#1224a5
```
#1224a5 rgb(18,36,165)
```
#a51224
```
#a51224 rgb(165,18,36)
```

Triadic Color

#12a593
```
#12a593 rgb(18,165,147)
```
#1224a5
```
#1224a5 rgb(18,36,165)
```
#a51224
```
#a51224 rgb(165,18,36)
```
#a59312
```
#a59312 rgb(165,147,18)
```

Tetradic Color

#0a1560
```
#0a1560 rgb(10,21,96)
```
#0d1a77
```
#0d1a77 rgb(13,26,119)
```
#0f1f8e
```
#0f1f8e rgb(15,31,142)
```
#1224a5
```
#1224a5 rgb(18,36,165)
```
#1529bc
```
#1529bc rgb(21,41,188)
```
#172ed3
```
#172ed3 rgb(23,46,211)
```
#1d36e6
```
#1d36e6 rgb(29,54,230)
```

Monochromatic Color

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

#1249a5
```
#1249a5 rgb(18,73,165)
```
#123da5
```
#123da5 rgb(18,61,165)
```
#1230a5
```
#1230a5 rgb(18,48,165)
```
#1224a5
```
#1224a5 rgb(18,36,165)
```
#1218a5
```
#1218a5 rgb(18,24,165)
```
#1912a5
```
#1912a5 rgb(25,18,165)
```
#2512a5
```
#2512a5 rgb(37,18,165)
```

Similar Colors

Text with hexadecimal color #1224a5

This text has a font color of #1224a5.

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

#1224a5 background color

This paragraph has a background color of #1224a5.

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

#1224a5 border color

This element has a border color of #1224a5.

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

CSS codes

.text {color:#1224a5;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#030518
```
#030518 rgb(3,5,24)
```
#040929
```
#040929 rgb(4,9,41)
```
#060d3b
```
#060d3b rgb(6,13,59)
```
#08114d
```
#08114d rgb(8,17,77)
```
#0a155e
```
#0a155e rgb(10,21,94)
```
#0c1870
```
#0c1870 rgb(12,24,112)
```
#0e1c82
```
#0e1c82 rgb(14,28,130)
```
#102093
```
#102093 rgb(16,32,147)
```
#1224a5
```
#1224a5 rgb(18,36,165)
```
#1428b7
```
#1428b7 rgb(20,40,183)
```
#162cc8
```
#162cc8 rgb(22,44,200)
```
#1830da
```
#1830da rgb(24,48,218)
```

Shade Color Variation

#1f37e7
```
#1f37e7 rgb(31,55,231)
```
#3147e8
```
#3147e8 rgb(49,71,232)
```
#4257ea
```
#4257ea rgb(66,87,234)
```
#5467ec
```
#5467ec rgb(84,103,236)
```
#6676ee
```
#6676ee rgb(102,118,238)
```
#7786f0
```
#7786f0 rgb(119,134,240)
```
#8996f2
```
#8996f2 rgb(137,150,242)
```
#9ba6f4
```
#9ba6f4 rgb(155,166,244)
```
#acb5f6
```
#acb5f6 rgb(172,181,246)
```
#bec5f8
```
#bec5f8 rgb(190,197,248)
```
#d0d5fa
```
#d0d5fa rgb(208,213,250)
```
#e1e5fc
```
#e1e5fc rgb(225,229,252)
```
#f3f4fe
```
#f3f4fe rgb(243,244,254)
```

Tint Color Variation

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

#58595f
```
#58595f rgb(88,89,95)
```
#515466
```
#515466 rgb(81,84,102)
```
#4a4f6d
```
#4a4f6d rgb(74,79,109)
```
#434974
```
#434974 rgb(67,73,116)
```
#3c447b
```
#3c447b rgb(60,68,123)
```
#353f82
```
#353f82 rgb(53,63,130)
```
#2e3989
```
#2e3989 rgb(46,57,137)
```
#273490
```
#273490 rgb(39,52,144)
```
#202f97
```
#202f97 rgb(32,47,151)
```
#19299e
```
#19299e rgb(25,41,158)
```
#1224a5
```
#1224a5 rgb(18,36,165)
```
#0b1fac
```
#0b1fac rgb(11,31,172)
```
#0419b3
```
#0419b3 rgb(4,25,179)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#282b45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417f Protanopia 1% of men
#00456d Deuteranopia 1% of men
#004a4d Tritanopia 0.001% of the population

Trichromacy

#06368c Protanomaly 1% of men, 0.01% of women
#063981 Deuteranomaly 6% of men, 0.4% of women
#063c6d Tritanomaly 0.01% of the population

#1224a5 hex color

#1224a5 Color Information

#1224a5 Color Conversion

Color Schemes with #1224a5

Alternatives to #1224a5

#1224a5 Preview

Shades and Tints of #1224a5

Tones of #1224a5

Color Blindness Simulator