#1224ed hex color

In a RGB color space, hex #1224ed is composed of 7.1% red, 14.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 92.4% cyan, 84.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 235.1 degrees, a saturation of 85.9% and a lightness of 50%. #1224ed color hex could be obtained by blending #2448ff with #0000db. 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

● #1224ed color description : Vivid blue.

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

Hex triplet	1224ed	`#1224ed`
RGB Decimal	18, 36, 237	`rgb(18,36,237)`
RGB Percent	7.1, 14.1, 92.9	`rgb(7.1%,14.1%,92.9%)`
CMYK	92, 85, 0, 7
HSL	235.1°, 85.9, 50	`hsl(235.1,85.9%,50%)`
HSV (or HSB)	235.1°, 92.4, 92.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	32.927, 66.122, -96.648
XYZ	16.163, 7.504, 80.713
xyY	0.155, 0.072, 7.504
CIE-LCH	32.927, 117.103, 304.378
CIE-LUV	32.927, -10.061, -122.524
Hunter-Lab	27.393, 57.389, -155.524
Binary	00010010, 00100100, 11101101

#1224ed
```
#1224ed rgb(18,36,237)
```
#eddb12
```
#eddb12 rgb(237,219,18)
```

Complementary Color

#1292ed
```
#1292ed rgb(18,146,237)
```
#1224ed
```
#1224ed rgb(18,36,237)
```
#6e12ed
```
#6e12ed rgb(110,18,237)
```

Analogous Color

#92ed12
```
#92ed12 rgb(146,237,18)
```
#1224ed
```
#1224ed rgb(18,36,237)
```
#ed6e12
```
#ed6e12 rgb(237,110,18)
```

Split Complementary Color

#24ed12
```
#24ed12 rgb(36,237,18)
```
#1224ed
```
#1224ed rgb(18,36,237)
```
#ed1224
```
#ed1224 rgb(237,18,36)
```

Triadic Color

#12eddb
```
#12eddb rgb(18,237,219)
```
#1224ed
```
#1224ed rgb(18,36,237)
```
#ed1224
```
#ed1224 rgb(237,18,36)
```
#eddb12
```
#eddb12 rgb(237,219,18)
```

Tetradic Color

#0d19a6
```
#0d19a6 rgb(13,25,166)
```
#0e1dbe
```
#0e1dbe rgb(14,29,190)
```
#1020d5
```
#1020d5 rgb(16,32,213)
```
#1224ed
```
#1224ed rgb(18,36,237)
```
#2a3aef
```
#2a3aef rgb(42,58,239)
```
#4150f1
```
#4150f1 rgb(65,80,241)
```
#5966f2
```
#5966f2 rgb(89,102,242)
```

Monochromatic Color

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

#125bed
```
#125bed rgb(18,91,237)
```
#1249ed
```
#1249ed rgb(18,73,237)
```
#1236ed
```
#1236ed rgb(18,54,237)
```
#1224ed
```
#1224ed rgb(18,36,237)
```
#1212ed
```
#1212ed rgb(18,18,237)
```
#2412ed
```
#2412ed rgb(36,18,237)
```
#3712ed
```
#3712ed rgb(55,18,237)
```

Similar Colors

Text with hexadecimal color #1224ed

This text has a font color of #1224ed.

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

#1224ed background color

This paragraph has a background color of #1224ed.

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

#1224ed border color

This element has a border color of #1224ed.

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

CSS codes

.text {color:#1224ed;}

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

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

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

#010312
```
#010312 rgb(1,3,18)
```
#030624
```
#030624 rgb(3,6,36)
```
#040837
```
#040837 rgb(4,8,55)
```
#060b49
```
#060b49 rgb(6,11,73)
```
#070e5b
```
#070e5b rgb(7,14,91)
```
#08116d
```
#08116d rgb(8,17,109)
```
#0a1380
```
#0a1380 rgb(10,19,128)
```
#0b1692
```
#0b1692 rgb(11,22,146)
```
#0c19a4
```
#0c19a4 rgb(12,25,164)
```
#0e1cb6
```
#0e1cb6 rgb(14,28,182)
```
#0f1ec9
```
#0f1ec9 rgb(15,30,201)
```
#1121db
```
#1121db rgb(17,33,219)
```
#1224ed
```
#1224ed rgb(18,36,237)
```

Shade Color Variation

#2435ee
```
#2435ee rgb(36,53,238)
```
#3646f0
```
#3646f0 rgb(54,70,240)
```
#4957f1
```
#4957f1 rgb(73,87,241)
```
#5b67f3
```
#5b67f3 rgb(91,103,243)
```
#6d78f4
```
#6d78f4 rgb(109,120,244)
```
#7f89f5
```
#7f89f5 rgb(127,137,245)
```
#929af7
```
#929af7 rgb(146,154,247)
```
#a4abf8
```
#a4abf8 rgb(164,171,248)
```
#b6bcf9
```
#b6bcf9 rgb(182,188,249)
```
#c8ccfb
```
#c8ccfb rgb(200,204,251)
```
#dbddfc
```
#dbddfc rgb(219,221,252)
```
#edeefe
```
#edeefe rgb(237,238,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7e7e81
```
#7e7e81 rgb(126,126,129)
```
#74768b
```
#74768b rgb(116,118,139)
```
#6a6e95
```
#6a6e95 rgb(106,110,149)
```
#60669f
```
#60669f rgb(96,102,159)
```
#575da8
```
#575da8 rgb(87,93,168)
```
#4d55b2
```
#4d55b2 rgb(77,85,178)
```
#434dbc
```
#434dbc rgb(67,77,188)
```
#3945c6
```
#3945c6 rgb(57,69,198)
```
#2f3dd0
```
#2f3dd0 rgb(47,61,208)
```
#2634d9
```
#2634d9 rgb(38,52,217)
```
#1c2ce3
```
#1c2ce3 rgb(28,44,227)
```
#1224ed
```
#1224ed rgb(18,36,237)
```
#081cf7
```
#081cf7 rgb(8,28,247)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#2f325b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

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

#1224ed hex color

#1224ed Color Information

#1224ed Color Conversion

Color Schemes with #1224ed

Alternatives to #1224ed

#1224ed Preview

Shades and Tints of #1224ed

Tones of #1224ed

Color Blindness Simulator