#1224d4 hex color

In a RGB color space, hex #1224d4 is composed of 7.1% red, 14.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 83% magenta, 0% yellow and 16.9% black. It has a hue angle of 234.4 degrees, a saturation of 84.3% and a lightness of 45.1%. #1224d4 color hex could be obtained by blending #2448ff with #0000a9. Closest websafe color is: #0033cc.

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

● #1224d4 color description : Strong blue.

The hexadecimal color #1224d4 has RGB values of R:18, G:36, B:212 and CMYK values of C:0.92, M:0.83, Y:0, K:0.17. Its decimal value is 1189076.

Hex triplet	1224d4	`#1224d4`
RGB Decimal	18, 36, 212	`rgb(18,36,212)`
RGB Percent	7.1, 14.1, 83.1	`rgb(7.1%,14.1%,83.1%)`
CMYK	92, 83, 0, 17
HSL	234.4°, 84.3, 45.1	`hsl(234.4,84.3%,45.1%)`
HSV (or HSB)	234.4°, 91.5, 83.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	29.77, 58.746, -87.564
XYZ	12.762, 6.143, 62.797
xyY	0.156, 0.075, 6.143
CIE-LCH	29.77, 105.445, 303.858
CIE-LUV	29.77, -9.209, -108.3
Hunter-Lab	24.785, 48.536, -132.873
Binary	00010010, 00100100, 11010100

#1224d4
```
#1224d4 rgb(18,36,212)
```
#d4c212
```
#d4c212 rgb(212,194,18)
```

Complementary Color

#1285d4
```
#1285d4 rgb(18,133,212)
```
#1224d4
```
#1224d4 rgb(18,36,212)
```
#6112d4
```
#6112d4 rgb(97,18,212)
```

Analogous Color

#85d412
```
#85d412 rgb(133,212,18)
```
#1224d4
```
#1224d4 rgb(18,36,212)
```
#d46112
```
#d46112 rgb(212,97,18)
```

Split Complementary Color

#24d412
```
#24d412 rgb(36,212,18)
```
#1224d4
```
#1224d4 rgb(18,36,212)
```
#d41224
```
#d41224 rgb(212,18,36)
```

Triadic Color

#12d4c2
```
#12d4c2 rgb(18,212,194)
```
#1224d4
```
#1224d4 rgb(18,36,212)
```
#d41224
```
#d41224 rgb(212,18,36)
```
#d4c212
```
#d4c212 rgb(212,194,18)
```

Tetradic Color

#0c188d
```
#0c188d rgb(12,24,141)
```
#0e1ca5
```
#0e1ca5 rgb(14,28,165)
```
#1020bc
```
#1020bc rgb(16,32,188)
```
#1224d4
```
#1224d4 rgb(18,36,212)
```
#1428eb
```
#1428eb rgb(20,40,235)
```
#2c3eed
```
#2c3eed rgb(44,62,237)
```
#4353ef
```
#4353ef rgb(67,83,239)
```

Monochromatic Color

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

#1255d4
```
#1255d4 rgb(18,85,212)
```
#1244d4
```
#1244d4 rgb(18,68,212)
```
#1234d4
```
#1234d4 rgb(18,52,212)
```
#1224d4
```
#1224d4 rgb(18,36,212)
```
#1214d4
```
#1214d4 rgb(18,20,212)
```
#2012d4
```
#2012d4 rgb(32,18,212)
```
#3012d4
```
#3012d4 rgb(48,18,212)
```

Similar Colors

Text with hexadecimal color #1224d4

This text has a font color of #1224d4.

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

#1224d4 background color

This paragraph has a background color of #1224d4.

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

#1224d4 border color

This element has a border color of #1224d4.

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

CSS codes

.text {color:#1224d4;}

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

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

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

#01020d
```
#01020d rgb(1,2,13)
```
#03051f
```
#03051f rgb(3,5,31)
```
#040831
```
#040831 rgb(4,8,49)
```
#060b43
```
#060b43 rgb(6,11,67)
```
#070f55
```
#070f55 rgb(7,15,85)
```
#091268
```
#091268 rgb(9,18,104)
```
#0a157a
```
#0a157a rgb(10,21,122)
```
#0c188c
```
#0c188c rgb(12,24,140)
```
#0d1b9e
```
#0d1b9e rgb(13,27,158)
```
#0f1eb0
```
#0f1eb0 rgb(15,30,176)
```
#1021c2
```
#1021c2 rgb(16,33,194)
```
#1224d4
```
#1224d4 rgb(18,36,212)
```
#1427e6
```
#1427e6 rgb(20,39,230)
```

Shade Color Variation

#2134ec
```
#2134ec rgb(33,52,236)
```
#3344ee
```
#3344ee rgb(51,68,238)
```
#4555ef
```
#4555ef rgb(69,85,239)
```
#5766f1
```
#5766f1 rgb(87,102,241)
```
#6976f2
```
#6976f2 rgb(105,118,242)
```
#7b87f4
```
#7b87f4 rgb(123,135,244)
```
#8e97f5
```
#8e97f5 rgb(142,151,245)
```
#a0a8f7
```
#a0a8f7 rgb(160,168,247)
```
#b2b8f8
```
#b2b8f8 rgb(178,184,248)
```
#c4c9fa
```
#c4c9fa rgb(196,201,250)
```
#d6d9fc
```
#d6d9fc rgb(214,217,252)
```
#e8eafd
```
#e8eafd rgb(232,234,253)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6c7c is the less saturated color, while #0016e6 is the most saturated one.

#6a6c7c
```
#6a6c7c rgb(106,108,124)
```
#626584
```
#626584 rgb(98,101,132)
```
#595e8d
```
#595e8d rgb(89,94,141)
```
#505696
```
#505696 rgb(80,86,150)
```
#474f9f
```
#474f9f rgb(71,79,159)
```
#3e48a8
```
#3e48a8 rgb(62,72,168)
```
#3541b1
```
#3541b1 rgb(53,65,177)
```
#2d3ab9
```
#2d3ab9 rgb(45,58,185)
```
#2432c2
```
#2432c2 rgb(36,50,194)
```
#1b2bcb
```
#1b2bcb rgb(27,43,203)
```
#1224d4
```
#1224d4 rgb(18,36,212)
```
#091ddd
```
#091ddd rgb(9,29,221)
```
#0016e6
```
#0016e6 rgb(0,22,230)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2c3053 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005281 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

#063eac Protanomaly 1% of men, 0.01% of women
#06419f Deuteranomaly 6% of men, 0.4% of women
#064487 Tritanomaly 0.01% of the population

#1224d4 hex color

#1224d4 Color Information

#1224d4 Color Conversion

Color Schemes with #1224d4

Alternatives to #1224d4

#1224d4 Preview

Shades and Tints of #1224d4

Tones of #1224d4

Color Blindness Simulator