#1224e8 hex color

In a RGB color space, hex #1224e8 is composed of 7.1% red, 14.1% green and 91% blue. Whereas in a CMYK color space, it is composed of 92.2% cyan, 84.5% magenta, 0% yellow and 9% black. It has a hue angle of 235 degrees, a saturation of 85.6% and a lightness of 49%. #1224e8 color hex could be obtained by blending #2448ff with #0000d1. Closest websafe color is: #0033ff.

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

● #1224e8 color description : Vivid blue.

The hexadecimal color #1224e8 has RGB values of R:18, G:36, B:232 and CMYK values of C:0.92, M:0.84, Y:0, K:0.09. Its decimal value is 1189096.

Hex triplet	1224e8	`#1224e8`
RGB Decimal	18, 36, 232	`rgb(18,36,232)`
RGB Percent	7.1, 14.1, 91	`rgb(7.1%,14.1%,91%)`
CMYK	92, 84, 0, 9
HSL	235°, 85.6, 49	`hsl(235,85.6%,49%)`
HSV (or HSB)	235°, 92.2, 91
Web Safe	0033ff	`#0033ff`

CIE-LAB	32.292, 64.679, -94.861
XYZ	15.443, 7.215, 76.918
xyY	0.155, 0.072, 7.215
CIE-LCH	32.292, 114.812, 304.287
CIE-LUV	32.292, -9.888, -119.692
Hunter-Lab	26.861, 55.614, -150.975
Binary	00010010, 00100100, 11101000

#1224e8
```
#1224e8 rgb(18,36,232)
```
#e8d612
```
#e8d612 rgb(232,214,18)
```

Complementary Color

#128fe8
```
#128fe8 rgb(18,143,232)
```
#1224e8
```
#1224e8 rgb(18,36,232)
```
#6b12e8
```
#6b12e8 rgb(107,18,232)
```

Analogous Color

#8fe812
```
#8fe812 rgb(143,232,18)
```
#1224e8
```
#1224e8 rgb(18,36,232)
```
#e86b12
```
#e86b12 rgb(232,107,18)
```

Split Complementary Color

#24e812
```
#24e812 rgb(36,232,18)
```
#1224e8
```
#1224e8 rgb(18,36,232)
```
#e81224
```
#e81224 rgb(232,18,36)
```

Triadic Color

#12e8d6
```
#12e8d6 rgb(18,232,214)
```
#1224e8
```
#1224e8 rgb(18,36,232)
```
#e81224
```
#e81224 rgb(232,18,36)
```
#e8d612
```
#e8d612 rgb(232,214,18)
```

Tetradic Color

#0c19a1
```
#0c19a1 rgb(12,25,161)
```
#0e1db9
```
#0e1db9 rgb(14,29,185)
```
#1020d0
```
#1020d0 rgb(16,32,208)
```
#1224e8
```
#1224e8 rgb(18,36,232)
```
#2536ee
```
#2536ee rgb(37,54,238)
```
#3d4cf0
```
#3d4cf0 rgb(61,76,240)
```
#5562f2
```
#5562f2 rgb(85,98,242)
```

Monochromatic Color

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

#1259e8
```
#1259e8 rgb(18,89,232)
```
#1248e8
```
#1248e8 rgb(18,72,232)
```
#1236e8
```
#1236e8 rgb(18,54,232)
```
#1224e8
```
#1224e8 rgb(18,36,232)
```
#1212e8
```
#1212e8 rgb(18,18,232)
```
#2412e8
```
#2412e8 rgb(36,18,232)
```
#3512e8
```
#3512e8 rgb(53,18,232)
```

Similar Colors

Text with hexadecimal color #1224e8

This text has a font color of #1224e8.

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

#1224e8 background color

This paragraph has a background color of #1224e8.

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

#1224e8 border color

This element has a border color of #1224e8.

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

CSS codes

.text {color:#1224e8;}

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

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

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, #01020e is the darkest color, while #fafbff is the lightest one.

#01020e
```
#01020e rgb(1,2,14)
```
#020520
```
#020520 rgb(2,5,32)
```
#040832
```
#040832 rgb(4,8,50)
```
#050b44
```
#050b44 rgb(5,11,68)
```
#070d56
```
#070d56 rgb(7,13,86)
```
#081069
```
#081069 rgb(8,16,105)
```
#0a137b
```
#0a137b rgb(10,19,123)
```
#0b168d
```
#0b168d rgb(11,22,141)
```
#0c199f
```
#0c199f rgb(12,25,159)
```
#0e1cb1
```
#0e1cb1 rgb(14,28,177)
```
#0f1ec4
```
#0f1ec4 rgb(15,30,196)
```
#1121d6
```
#1121d6 rgb(17,33,214)
```
#1224e8
```
#1224e8 rgb(18,36,232)
```

Shade Color Variation

#2031ee
```
#2031ee rgb(32,49,238)
```
#3242ef
```
#3242ef rgb(50,66,239)
```
#4453f1
```
#4453f1 rgb(68,83,241)
```
#5764f2
```
#5764f2 rgb(87,100,242)
```
#6974f3
```
#6974f3 rgb(105,116,243)
```
#7b85f5
```
#7b85f5 rgb(123,133,245)
```
#8d96f6
```
#8d96f6 rgb(141,150,246)
```
#9fa7f8
```
#9fa7f8 rgb(159,167,248)
```
#b2b8f9
```
#b2b8f9 rgb(178,184,249)
```
#c4c8fa
```
#c4c8fa rgb(196,200,250)
```
#d6d9fc
```
#d6d9fc rgb(214,217,252)
```
#e8eafd
```
#e8eafd rgb(232,234,253)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#7c7c7e
```
#7c7c7e rgb(124,124,126)
```
#727488
```
#727488 rgb(114,116,136)
```
#696c91
```
#696c91 rgb(105,108,145)
```
#5f649b
```
#5f649b rgb(95,100,155)
```
#555ca5
```
#555ca5 rgb(85,92,165)
```
#4c54ae
```
#4c54ae rgb(76,84,174)
```
#424cb8
```
#424cb8 rgb(66,76,184)
```
#3844c2
```
#3844c2 rgb(56,68,194)
```
#2f3ccb
```
#2f3ccb rgb(47,60,203)
```
#2534d5
```
#2534d5 rgb(37,52,213)
```
#1c2cde
```
#1c2cde rgb(28,44,222)
```
#1224e8
```
#1224e8 rgb(18,36,232)
```
#081cf2
```
#081cf2 rgb(8,28,242)
```

Tone Color Variation

Below, you can see how #1224e8 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
#2e3259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0641ba Protanomaly 1% of men, 0.01% of women
#0645ac Deuteranomaly 6% of men, 0.4% of women
#064892 Tritanomaly 0.01% of the population

#1224e8 hex color

#1224e8 Color Information

#1224e8 Color Conversion

Color Schemes with #1224e8

Alternatives to #1224e8

#1224e8 Preview

Shades and Tints of #1224e8

Tones of #1224e8

Color Blindness Simulator