#1224b5 hex color

In a RGB color space, hex #1224b5 is composed of 7.1% red, 14.1% green and 71% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 80.1% magenta, 0% yellow and 29% black. It has a hue angle of 233.4 degrees, a saturation of 81.9% and a lightness of 39%. #1224b5 color hex could be obtained by blending #2448ff with #00006b. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 7
- G 14
- B 71
RGB color chart
- C 90
- M 80
- Y 0
- K 29
CMYK color chart

● #1224b5 color description : Strong blue.

The hexadecimal color #1224b5 has RGB values of R:18, G:36, B:181 and CMYK values of C:0.9, M:0.8, Y:0, K:0.29. Its decimal value is 1189045.

Hex triplet	1224b5	`#1224b5`
RGB Decimal	18, 36, 181	`rgb(18,36,181)`
RGB Percent	7.1, 14.1, 71	`rgb(7.1%,14.1%,71%)`
CMYK	90, 80, 0, 29
HSL	233.4°, 81.9, 39	`hsl(233.4,81.9%,39%)`
HSV (or HSB)	233.4°, 90.1, 71
Web Safe	0033cc	`#0033cc`

CIE-LAB	25.939, 48.96, -75.711
XYZ	9.219, 4.726, 44.14
xyY	0.159, 0.081, 4.726
CIE-LCH	25.939, 90.163, 302.889
CIE-LUV	25.939, -8.202, -90.441
Hunter-Lab	21.739, 37.656, -105.168
Binary	00010010, 00100100, 10110101

#1224b5
```
#1224b5 rgb(18,36,181)
```
#b5a312
```
#b5a312 rgb(181,163,18)
```

Complementary Color

#1276b5
```
#1276b5 rgb(18,118,181)
```
#1224b5
```
#1224b5 rgb(18,36,181)
```
#5212b5
```
#5212b5 rgb(82,18,181)
```

Analogous Color

#76b512
```
#76b512 rgb(118,181,18)
```
#1224b5
```
#1224b5 rgb(18,36,181)
```
#b55212
```
#b55212 rgb(181,82,18)
```

Split Complementary Color

#24b512
```
#24b512 rgb(36,181,18)
```
#1224b5
```
#1224b5 rgb(18,36,181)
```
#b51224
```
#b51224 rgb(181,18,36)
```

Triadic Color

#12b5a3
```
#12b5a3 rgb(18,181,163)
```
#1224b5
```
#1224b5 rgb(18,36,181)
```
#b51224
```
#b51224 rgb(181,18,36)
```
#b5a312
```
#b5a312 rgb(181,163,18)
```

Tetradic Color

#0b166f
```
#0b166f rgb(11,22,111)
```
#0d1b87
```
#0d1b87 rgb(13,27,135)
```
#101f9e
```
#101f9e rgb(16,31,158)
```
#1224b5
```
#1224b5 rgb(18,36,181)
```
#1429cc
```
#1429cc rgb(20,41,204)
```
#172de3
```
#172de3 rgb(23,45,227)
```
#2a3fea
```
#2a3fea rgb(42,63,234)
```

Monochromatic Color

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

#124db5
```
#124db5 rgb(18,77,181)
```
#123fb5
```
#123fb5 rgb(18,63,181)
```
#1232b5
```
#1232b5 rgb(18,50,181)
```
#1224b5
```
#1224b5 rgb(18,36,181)
```
#1216b5
```
#1216b5 rgb(18,22,181)
```
#1b12b5
```
#1b12b5 rgb(27,18,181)
```
#2912b5
```
#2912b5 rgb(41,18,181)
```

Similar Colors

Text with hexadecimal color #1224b5

This text has a font color of #1224b5.

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

#1224b5 background color

This paragraph has a background color of #1224b5.

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

#1224b5 border color

This element has a border color of #1224b5.

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

CSS codes

.text {color:#1224b5;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020414
```
#020414 rgb(2,4,20)
```
#040826
```
#040826 rgb(4,8,38)
```
#060b38
```
#060b38 rgb(6,11,56)
```
#070f4a
```
#070f4a rgb(7,15,74)
```
#09125c
```
#09125c rgb(9,18,92)
```
#0b166e
```
#0b166e rgb(11,22,110)
```
#0d197f
```
#0d197f rgb(13,25,127)
```
#0e1d91
```
#0e1d91 rgb(14,29,145)
```
#1020a3
```
#1020a3 rgb(16,32,163)
```
#1224b5
```
#1224b5 rgb(18,36,181)
```
#1428c7
```
#1428c7 rgb(20,40,199)
```
#162bd9
```
#162bd9 rgb(22,43,217)
```

Shade Color Variation

#1a30e8
```
#1a30e8 rgb(26,48,232)
```
#2b41ea
```
#2b41ea rgb(43,65,234)
```
#3d51ec
```
#3d51ec rgb(61,81,236)
```
#4f61ee
```
#4f61ee rgb(79,97,238)
```
#6171ef
```
#6171ef rgb(97,113,239)
```
#7381f1
```
#7381f1 rgb(115,129,241)
```
#8591f3
```
#8591f3 rgb(133,145,243)
```
#97a1f5
```
#97a1f5 rgb(151,161,245)
```
#a8b1f6
```
#a8b1f6 rgb(168,177,246)
```
#bac1f8
```
#bac1f8 rgb(186,193,248)
```
#ccd1fa
```
#ccd1fa rgb(204,209,250)
```
#dee1fc
```
#dee1fc rgb(222,225,252)
```
#f0f1fd
```
#f0f1fd rgb(240,241,253)
```

Tint Color Variation

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

#5f6068
```
#5f6068 rgb(95,96,104)
```
#575a70
```
#575a70 rgb(87,90,112)
```
#4f5478
```
#4f5478 rgb(79,84,120)
```
#484e7f
```
#484e7f rgb(72,78,127)
```
#404887
```
#404887 rgb(64,72,135)
```
#38428f
```
#38428f rgb(56,66,143)
```
#313c96
```
#313c96 rgb(49,60,150)
```
#29369e
```
#29369e rgb(41,54,158)
```
#2130a6
```
#2130a6 rgb(33,48,166)
```
#1a2aad
```
#1a2aad rgb(26,42,173)
```
#1224b5
```
#1224b5 rgb(18,36,181)
```
#0a1ebd
```
#0a1ebd rgb(10,30,189)
```
#0318c4
```
#0318c4 rgb(3,24,196)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#292d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004586 Protanopia 1% of men
#004974 Deuteranopia 1% of men
#004e52 Tritanopia 0.001% of the population

Trichromacy

#063997 Protanomaly 1% of men, 0.01% of women
#063b8b Deuteranomaly 6% of men, 0.4% of women
#063f76 Tritanomaly 0.01% of the population

#1224b5 hex color

#1224b5 Color Information

#1224b5 Color Conversion

Color Schemes with #1224b5

Alternatives to #1224b5

#1224b5 Preview

Shades and Tints of #1224b5

Tones of #1224b5

Color Blindness Simulator