#1224ec hex color

In a RGB color space, hex #1224ec is composed of 7.1% red, 14.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 92.4% cyan, 84.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 235 degrees, a saturation of 85.8% and a lightness of 49.8%. #1224ec color hex could be obtained by blending #2448ff with #0000d9. Closest websafe color is: #0033ff.

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

● #1224ec color description : Vivid blue.

The hexadecimal color #1224ec has RGB values of R:18, G:36, B:236 and CMYK values of C:0.92, M:0.85, Y:0, K:0.07. Its decimal value is 1189100.

Hex triplet	1224ec	`#1224ec`
RGB Decimal	18, 36, 236	`rgb(18,36,236)`
RGB Percent	7.1, 14.1, 92.5	`rgb(7.1%,14.1%,92.5%)`
CMYK	92, 85, 0, 7
HSL	235°, 85.8, 49.8	`hsl(235,85.8%,49.8%)`
HSV (or HSB)	235°, 92.4, 92.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	32.8, 65.835, -96.292
XYZ	16.018, 7.445, 79.945
xyY	0.155, 0.072, 7.445
CIE-LCH	32.8, 116.646, 304.36
CIE-LUV	32.8, -10.026, -121.958
Hunter-Lab	27.286, 57.034, -154.614
Binary	00010010, 00100100, 11101100

#1224ec
```
#1224ec rgb(18,36,236)
```
#ecda12
```
#ecda12 rgb(236,218,18)
```

Complementary Color

#1291ec
```
#1291ec rgb(18,145,236)
```
#1224ec
```
#1224ec rgb(18,36,236)
```
#6d12ec
```
#6d12ec rgb(109,18,236)
```

Analogous Color

#91ec12
```
#91ec12 rgb(145,236,18)
```
#1224ec
```
#1224ec rgb(18,36,236)
```
#ec6d12
```
#ec6d12 rgb(236,109,18)
```

Split Complementary Color

#24ec12
```
#24ec12 rgb(36,236,18)
```
#1224ec
```
#1224ec rgb(18,36,236)
```
#ec1224
```
#ec1224 rgb(236,18,36)
```

Triadic Color

#12ecda
```
#12ecda rgb(18,236,218)
```
#1224ec
```
#1224ec rgb(18,36,236)
```
#ec1224
```
#ec1224 rgb(236,18,36)
```
#ecda12
```
#ecda12 rgb(236,218,18)
```

Tetradic Color

#0d19a5
```
#0d19a5 rgb(13,25,165)
```
#0e1dbd
```
#0e1dbd rgb(14,29,189)
```
#1020d4
```
#1020d4 rgb(16,32,212)
```
#1224ec
```
#1224ec rgb(18,36,236)
```
#2939ef
```
#2939ef rgb(41,57,239)
```
#414ff0
```
#414ff0 rgb(65,79,240)
```
#5865f2
```
#5865f2 rgb(88,101,242)
```

Monochromatic Color

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

#125bec
```
#125bec rgb(18,91,236)
```
#1248ec
```
#1248ec rgb(18,72,236)
```
#1236ec
```
#1236ec rgb(18,54,236)
```
#1224ec
```
#1224ec rgb(18,36,236)
```
#1212ec
```
#1212ec rgb(18,18,236)
```
#2412ec
```
#2412ec rgb(36,18,236)
```
#3612ec
```
#3612ec rgb(54,18,236)
```

Similar Colors

Text with hexadecimal color #1224ec

This text has a font color of #1224ec.

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

#1224ec background color

This paragraph has a background color of #1224ec.

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

#1224ec border color

This element has a border color of #1224ec.

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

CSS codes

.text {color:#1224ec;}

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

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

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

#010311
```
#010311 rgb(1,3,17)
```
#030524
```
#030524 rgb(3,5,36)
```
#040836
```
#040836 rgb(4,8,54)
```
#050b48
```
#050b48 rgb(5,11,72)
```
#070e5a
```
#070e5a rgb(7,14,90)
```
#08116c
```
#08116c rgb(8,17,108)
```
#0a137f
```
#0a137f rgb(10,19,127)
```
#0b1691
```
#0b1691 rgb(11,22,145)
```
#0c19a3
```
#0c19a3 rgb(12,25,163)
```
#0e1cb5
```
#0e1cb5 rgb(14,28,181)
```
#0f1ec8
```
#0f1ec8 rgb(15,30,200)
```
#1121da
```
#1121da rgb(17,33,218)
```
#1224ec
```
#1224ec rgb(18,36,236)
```

Shade Color Variation

#2334ee
```
#2334ee rgb(35,52,238)
```
#3645f0
```
#3645f0 rgb(54,69,240)
```
#4856f1
```
#4856f1 rgb(72,86,241)
```
#5a67f2
```
#5a67f2 rgb(90,103,242)
```
#6c77f4
```
#6c77f4 rgb(108,119,244)
```
#7e88f5
```
#7e88f5 rgb(126,136,245)
```
#9199f7
```
#9199f7 rgb(145,153,247)
```
#a3aaf8
```
#a3aaf8 rgb(163,170,248)
```
#b5bbf9
```
#b5bbf9 rgb(181,187,249)
```
#c7ccfb
```
#c7ccfb rgb(199,204,251)
```
#dadcfc
```
#dadcfc rgb(218,220,252)
```
#ecedfe
```
#ecedfe rgb(236,237,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7e81 is the less saturated color, while #081cf6 is the most saturated one.

#7d7e81
```
#7d7e81 rgb(125,126,129)
```
#74768a
```
#74768a rgb(116,118,138)
```
#6a6d94
```
#6a6d94 rgb(106,109,148)
```
#60659e
```
#60659e rgb(96,101,158)
```
#565da8
```
#565da8 rgb(86,93,168)
```
#4d55b1
```
#4d55b1 rgb(77,85,177)
```
#434dbb
```
#434dbb rgb(67,77,187)
```
#3945c5
```
#3945c5 rgb(57,69,197)
```
#2f3ccf
```
#2f3ccf rgb(47,60,207)
```
#2634d8
```
#2634d8 rgb(38,52,216)
```
#1c2ce2
```
#1c2ce2 rgb(28,44,226)
```
#1224ec
```
#1224ec rgb(18,36,236)
```
#081cf6
```
#081cf6 rgb(8,28,246)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#2e325a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a2 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f62 Tritanopia 0.001% of the population

Trichromacy

#0642bd Protanomaly 1% of men, 0.01% of women
#0645af Deuteranomaly 6% of men, 0.4% of women
#064994 Tritanomaly 0.01% of the population

#1224ec hex color

#1224ec Color Information

#1224ec Color Conversion

Color Schemes with #1224ec

Alternatives to #1224ec

#1224ec Preview

Shades and Tints of #1224ec

Tones of #1224ec

Color Blindness Simulator