#1224e0 hex color

In a RGB color space, hex #1224e0 is composed of 7.1% red, 14.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 83.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 234.8 degrees, a saturation of 85.1% and a lightness of 47.5%. #1224e0 color hex could be obtained by blending #2448ff with #0000c1. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 7
- G 14
- B 88
RGB color chart
- C 92
- M 84
- Y 0
- K 12
CMYK color chart

● #1224e0 color description : Vivid blue.

The hexadecimal color #1224e0 has RGB values of R:18, G:36, B:224 and CMYK values of C:0.92, M:0.84, Y:0, K:0.12. Its decimal value is 1189088.

Hex triplet	1224e0	`#1224e0`
RGB Decimal	18, 36, 224	`rgb(18,36,224)`
RGB Percent	7.1, 14.1, 87.8	`rgb(7.1%,14.1%,87.8%)`
CMYK	92, 84, 0, 12
HSL	234.8°, 85.1, 47.5	`hsl(234.8,85.1%,47.5%)`
HSV (or HSB)	234.8°, 92, 87.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.28, 62.338, -91.971
XYZ	14.332, 6.771, 71.068
xyY	0.155, 0.073, 6.771
CIE-LCH	31.28, 111.106, 304.129
CIE-LUV	31.28, -9.614, -115.147
Hunter-Lab	26.021, 52.778, -143.716
Binary	00010010, 00100100, 11100000

#1224e0
```
#1224e0 rgb(18,36,224)
```
#e0ce12
```
#e0ce12 rgb(224,206,18)
```

Complementary Color

#128be0
```
#128be0 rgb(18,139,224)
```
#1224e0
```
#1224e0 rgb(18,36,224)
```
#6712e0
```
#6712e0 rgb(103,18,224)
```

Analogous Color

#8be012
```
#8be012 rgb(139,224,18)
```
#1224e0
```
#1224e0 rgb(18,36,224)
```
#e06712
```
#e06712 rgb(224,103,18)
```

Split Complementary Color

#24e012
```
#24e012 rgb(36,224,18)
```
#1224e0
```
#1224e0 rgb(18,36,224)
```
#e01224
```
#e01224 rgb(224,18,36)
```

Triadic Color

#12e0ce
```
#12e0ce rgb(18,224,206)
```
#1224e0
```
#1224e0 rgb(18,36,224)
```
#e01224
```
#e01224 rgb(224,18,36)
```
#e0ce12
```
#e0ce12 rgb(224,206,18)
```

Tetradic Color

#0c1999
```
#0c1999 rgb(12,25,153)
```
#0e1cb1
```
#0e1cb1 rgb(14,28,177)
```
#1020c8
```
#1020c8 rgb(16,32,200)
```
#1224e0
```
#1224e0 rgb(18,36,224)
```
#1f31ed
```
#1f31ed rgb(31,49,237)
```
#3646ef
```
#3646ef rgb(54,70,239)
```
#4e5cf1
```
#4e5cf1 rgb(78,92,241)
```

Monochromatic Color

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

#1258e0
```
#1258e0 rgb(18,88,224)
```
#1246e0
```
#1246e0 rgb(18,70,224)
```
#1235e0
```
#1235e0 rgb(18,53,224)
```
#1224e0
```
#1224e0 rgb(18,36,224)
```
#1213e0
```
#1213e0 rgb(18,19,224)
```
#2212e0
```
#2212e0 rgb(34,18,224)
```
#3412e0
```
#3412e0 rgb(52,18,224)
```

Similar Colors

Text with hexadecimal color #1224e0

This text has a font color of #1224e0.

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

#1224e0 background color

This paragraph has a background color of #1224e0.

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

#1224e0 border color

This element has a border color of #1224e0.

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

CSS codes

.text {color:#1224e0;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#020418
```
#020418 rgb(2,4,24)
```
#03072a
```
#03072a rgb(3,7,42)
```
#050a3d
```
#050a3d rgb(5,10,61)
```
#060d4f
```
#060d4f rgb(6,13,79)
```
#081061
```
#081061 rgb(8,16,97)
```
#091273
```
#091273 rgb(9,18,115)
```
#0b1585
```
#0b1585 rgb(11,21,133)
```
#0c1897
```
#0c1897 rgb(12,24,151)
```
#0e1baa
```
#0e1baa rgb(14,27,170)
```
#0f1ebc
```
#0f1ebc rgb(15,30,188)
```
#1121ce
```
#1121ce rgb(17,33,206)
```
#1224e0
```
#1224e0 rgb(18,36,224)
```

Shade Color Variation

#192ced
```
#192ced rgb(25,44,237)
```
#2b3cee
```
#2b3cee rgb(43,60,238)
```
#3d4def
```
#3d4def rgb(61,77,239)
```
#505ef1
```
#505ef1 rgb(80,94,241)
```
#626ef2
```
#626ef2 rgb(98,110,242)
```
#747ff4
```
#747ff4 rgb(116,127,244)
```
#8690f5
```
#8690f5 rgb(134,144,245)
```
#98a0f7
```
#98a0f7 rgb(152,160,247)
```
#aab1f8
```
#aab1f8 rgb(170,177,248)
```
#bcc2fa
```
#bcc2fa rgb(188,194,250)
```
#cfd3fb
```
#cfd3fb rgb(207,211,251)
```
#e1e3fd
```
#e1e3fd rgb(225,227,253)
```
#f3f4fe
```
#f3f4fe rgb(243,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78787a is the less saturated color, while #091ce9 is the most saturated one.

#78787a
```
#78787a rgb(120,120,122)
```
#6f7183
```
#6f7183 rgb(111,113,131)
```
#66698c
```
#66698c rgb(102,105,140)
```
#5c6196
```
#5c6196 rgb(92,97,150)
```
#535a9f
```
#535a9f rgb(83,90,159)
```
#4a52a8
```
#4a52a8 rgb(74,82,168)
```
#414ab1
```
#414ab1 rgb(65,74,177)
```
#3743bb
```
#3743bb rgb(55,67,187)
```
#2e3bc4
```
#2e3bc4 rgb(46,59,196)
```
#2533cd
```
#2533cd rgb(37,51,205)
```
#1b2cd7
```
#1b2cd7 rgb(27,44,215)
```
#1224e0
```
#1224e0 rgb(18,36,224)
```
#091ce9
```
#091ce9 rgb(9,28,233)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2d3156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0640b5 Protanomaly 1% of men, 0.01% of women
#0643a7 Deuteranomaly 6% of men, 0.4% of women
#06478d Tritanomaly 0.01% of the population

#1224e0 hex color

#1224e0 Color Information

#1224e0 Color Conversion

Color Schemes with #1224e0

Alternatives to #1224e0

#1224e0 Preview

Shades and Tints of #1224e0

Tones of #1224e0

Color Blindness Simulator