#1224ce hex color

In a RGB color space, hex #1224ce is composed of 7.1% red, 14.1% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 82.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 234.3 degrees, a saturation of 83.9% and a lightness of 43.9%. #1224ce color hex could be obtained by blending #2448ff with #00009d. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 7
- G 14
- B 81
RGB color chart
- C 91
- M 83
- Y 0
- K 19
CMYK color chart

● #1224ce color description : Strong blue.

The hexadecimal color #1224ce has RGB values of R:18, G:36, B:206 and CMYK values of C:0.91, M:0.83, Y:0, K:0.19. Its decimal value is 1189070.

Hex triplet	1224ce	`#1224ce`
RGB Decimal	18, 36, 206	`rgb(18,36,206)`
RGB Percent	7.1, 14.1, 80.8	`rgb(7.1%,14.1%,80.8%)`
CMYK	91, 83, 0, 19
HSL	234.3°, 83.9, 43.9	`hsl(234.3,83.9%,43.9%)`
HSV (or HSB)	234.3°, 91.3, 80.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	29.02, 56.912, -85.325
XYZ	12.019, 5.846, 58.884
xyY	0.157, 0.076, 5.846
CIE-LCH	29.02, 102.564, 303.703
CIE-LUV	29.02, -9.009, -104.863
Hunter-Lab	24.178, 46.42, -127.474
Binary	00010010, 00100100, 11001110

#1224ce
```
#1224ce rgb(18,36,206)
```
#cebc12
```
#cebc12 rgb(206,188,18)
```

Complementary Color

#1282ce
```
#1282ce rgb(18,130,206)
```
#1224ce
```
#1224ce rgb(18,36,206)
```
#5e12ce
```
#5e12ce rgb(94,18,206)
```

Analogous Color

#82ce12
```
#82ce12 rgb(130,206,18)
```
#1224ce
```
#1224ce rgb(18,36,206)
```
#ce5e12
```
#ce5e12 rgb(206,94,18)
```

Split Complementary Color

#24ce12
```
#24ce12 rgb(36,206,18)
```
#1224ce
```
#1224ce rgb(18,36,206)
```
#ce1224
```
#ce1224 rgb(206,18,36)
```

Triadic Color

#12cebc
```
#12cebc rgb(18,206,188)
```
#1224ce
```
#1224ce rgb(18,36,206)
```
#ce1224
```
#ce1224 rgb(206,18,36)
```
#cebc12
```
#cebc12 rgb(206,188,18)
```

Tetradic Color

#0c1888
```
#0c1888 rgb(12,24,136)
```
#0e1c9f
```
#0e1c9f rgb(14,28,159)
```
#1020b7
```
#1020b7 rgb(16,32,183)
```
#1224ce
```
#1224ce rgb(18,36,206)
```
#1428e5
```
#1428e5 rgb(20,40,229)
```
#273aec
```
#273aec rgb(39,58,236)
```
#3e4fee
```
#3e4fee rgb(62,79,238)
```

Monochromatic Color

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

#1253ce
```
#1253ce rgb(18,83,206)
```
#1243ce
```
#1243ce rgb(18,67,206)
```
#1234ce
```
#1234ce rgb(18,52,206)
```
#1224ce
```
#1224ce rgb(18,36,206)
```
#1214ce
```
#1214ce rgb(18,20,206)
```
#1f12ce
```
#1f12ce rgb(31,18,206)
```
#2f12ce
```
#2f12ce rgb(47,18,206)
```

Similar Colors

Text with hexadecimal color #1224ce

This text has a font color of #1224ce.

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

#1224ce background color

This paragraph has a background color of #1224ce.

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

#1224ce border color

This element has a border color of #1224ce.

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

CSS codes

.text {color:#1224ce;}

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

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

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

#010108
```
#010108 rgb(1,1,8)
```
#02041a
```
#02041a rgb(2,4,26)
```
#04082c
```
#04082c rgb(4,8,44)
```
#050b3e
```
#050b3e rgb(5,11,62)
```
#070e50
```
#070e50 rgb(7,14,80)
```
#091162
```
#091162 rgb(9,17,98)
```
#0a1474
```
#0a1474 rgb(10,20,116)
```
#0c1786
```
#0c1786 rgb(12,23,134)
```
#0d1b98
```
#0d1b98 rgb(13,27,152)
```
#0f1eaa
```
#0f1eaa rgb(15,30,170)
```
#1021bc
```
#1021bc rgb(16,33,188)
```
#1224ce
```
#1224ce rgb(18,36,206)
```
#1427e0
```
#1427e0 rgb(20,39,224)
```

Shade Color Variation

#1c30eb
```
#1c30eb rgb(28,48,235)
```
#2e40ed
```
#2e40ed rgb(46,64,237)
```
#4051ee
```
#4051ee rgb(64,81,238)
```
#5261f0
```
#5261f0 rgb(82,97,240)
```
#6472f1
```
#6472f1 rgb(100,114,241)
```
#7682f3
```
#7682f3 rgb(118,130,243)
```
#8893f5
```
#8893f5 rgb(136,147,245)
```
#9aa3f6
```
#9aa3f6 rgb(154,163,246)
```
#acb4f8
```
#acb4f8 rgb(172,180,248)
```
#bec4f9
```
#bec4f9 rgb(190,196,249)
```
#d0d5fb
```
#d0d5fb rgb(208,213,251)
```
#e2e5fd
```
#e2e5fd rgb(226,229,253)
```
#f5f5fe
```
#f5f5fe rgb(245,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686a78 is the less saturated color, while #0116df is the most saturated one.

#686a78
```
#686a78 rgb(104,106,120)
```
#606380
```
#606380 rgb(96,99,128)
```
#575c89
```
#575c89 rgb(87,92,137)
```
#4e5592
```
#4e5592 rgb(78,85,146)
```
#464e9a
```
#464e9a rgb(70,78,154)
```
#3d47a3
```
#3d47a3 rgb(61,71,163)
```
#3440ac
```
#3440ac rgb(52,64,172)
```
#2c39b4
```
#2c39b4 rgb(44,57,180)
```
#2332bd
```
#2332bd rgb(35,50,189)
```
#1b2bc5
```
#1b2bc5 rgb(27,43,197)
```
#1224ce
```
#1224ce rgb(18,36,206)
```
#091dd7
```
#091dd7 rgb(9,29,215)
```
#0116df
```
#0116df rgb(1,22,223)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#2c2f51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#00507f Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#063da8 Protanomaly 1% of men, 0.01% of women
#06409b Deuteranomaly 6% of men, 0.4% of women
#064383 Tritanomaly 0.01% of the population

#1224ce hex color

#1224ce Color Information

#1224ce Color Conversion

Color Schemes with #1224ce

Alternatives to #1224ce

#1224ce Preview

Shades and Tints of #1224ce

Tones of #1224ce

Color Blindness Simulator