#1224d3 hex color

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

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

● #1224d3 color description : Strong blue.

The hexadecimal color #1224d3 has RGB values of R:18, G:36, B:211 and CMYK values of C:0.91, M:0.83, Y:0, K:0.17. Its decimal value is 1189075.

Hex triplet	1224d3	`#1224d3`
RGB Decimal	18, 36, 211	`rgb(18,36,211)`
RGB Percent	7.1, 14.1, 82.7	`rgb(7.1%,14.1%,82.7%)`
CMYK	91, 83, 0, 17
HSL	234.4°, 84.3, 44.9	`hsl(234.4,84.3%,44.9%)`
HSV (or HSB)	234.4°, 91.5, 82.7
Web Safe	0033cc	`#0033cc`

CIE-LAB	29.645, 58.443, -87.192
XYZ	12.636, 6.093, 62.134
xyY	0.156, 0.075, 6.093
CIE-LCH	29.645, 104.967, 303.833
CIE-LUV	29.645, -9.175, -107.728
Hunter-Lab	24.683, 48.183, -131.972
Binary	00010010, 00100100, 11010011

#1224d3
```
#1224d3 rgb(18,36,211)
```
#d3c112
```
#d3c112 rgb(211,193,18)
```

Complementary Color

#1285d3
```
#1285d3 rgb(18,133,211)
```
#1224d3
```
#1224d3 rgb(18,36,211)
```
#6112d3
```
#6112d3 rgb(97,18,211)
```

Analogous Color

#85d312
```
#85d312 rgb(133,211,18)
```
#1224d3
```
#1224d3 rgb(18,36,211)
```
#d36112
```
#d36112 rgb(211,97,18)
```

Split Complementary Color

#24d312
```
#24d312 rgb(36,211,18)
```
#1224d3
```
#1224d3 rgb(18,36,211)
```
#d31224
```
#d31224 rgb(211,18,36)
```

Triadic Color

#12d3c1
```
#12d3c1 rgb(18,211,193)
```
#1224d3
```
#1224d3 rgb(18,36,211)
```
#d31224
```
#d31224 rgb(211,18,36)
```
#d3c112
```
#d3c112 rgb(211,193,18)
```

Tetradic Color

#0c188d
```
#0c188d rgb(12,24,141)
```
#0e1ca4
```
#0e1ca4 rgb(14,28,164)
```
#1020bc
```
#1020bc rgb(16,32,188)
```
#1224d3
```
#1224d3 rgb(18,36,211)
```
#1428ea
```
#1428ea rgb(20,40,234)
```
#2b3ded
```
#2b3ded rgb(43,61,237)
```
#4353ef
```
#4353ef rgb(67,83,239)
```

Monochromatic Color

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

#1254d3
```
#1254d3 rgb(18,84,211)
```
#1244d3
```
#1244d3 rgb(18,68,211)
```
#1234d3
```
#1234d3 rgb(18,52,211)
```
#1224d3
```
#1224d3 rgb(18,36,211)
```
#1214d3
```
#1214d3 rgb(18,20,211)
```
#2012d3
```
#2012d3 rgb(32,18,211)
```
#3012d3
```
#3012d3 rgb(48,18,211)
```

Similar Colors

Text with hexadecimal color #1224d3

This text has a font color of #1224d3.

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

#1224d3 background color

This paragraph has a background color of #1224d3.

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

#1224d3 border color

This element has a border color of #1224d3.

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

CSS codes

.text {color:#1224d3;}

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

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

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

#01020c
```
#01020c rgb(1,2,12)
```
#03051e
```
#03051e rgb(3,5,30)
```
#040830
```
#040830 rgb(4,8,48)
```
#060b42
```
#060b42 rgb(6,11,66)
```
#070e54
```
#070e54 rgb(7,14,84)
```
#091167
```
#091167 rgb(9,17,103)
```
#0a1579
```
#0a1579 rgb(10,21,121)
```
#0c188b
```
#0c188b rgb(12,24,139)
```
#0d1b9d
```
#0d1b9d rgb(13,27,157)
```
#0f1eaf
```
#0f1eaf rgb(15,30,175)
```
#1021c1
```
#1021c1 rgb(16,33,193)
```
#1224d3
```
#1224d3 rgb(18,36,211)
```
#1427e5
```
#1427e5 rgb(20,39,229)
```

Shade Color Variation

#2033ec
```
#2033ec rgb(32,51,236)
```
#3244ee
```
#3244ee rgb(50,68,238)
```
#4454ef
```
#4454ef rgb(68,84,239)
```
#5665f1
```
#5665f1 rgb(86,101,241)
```
#6975f2
```
#6975f2 rgb(105,117,242)
```
#7b86f4
```
#7b86f4 rgb(123,134,244)
```
#8d96f5
```
#8d96f5 rgb(141,150,245)
```
#9fa7f7
```
#9fa7f7 rgb(159,167,247)
```
#b1b7f8
```
#b1b7f8 rgb(177,183,248)
```
#c3c8fa
```
#c3c8fa rgb(195,200,250)
```
#d5d9fb
```
#d5d9fb rgb(213,217,251)
```
#e7e9fd
```
#e7e9fd rgb(231,233,253)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#6a6c7b
```
#6a6c7b rgb(106,108,123)
```
#616484
```
#616484 rgb(97,100,132)
```
#585d8d
```
#585d8d rgb(88,93,141)
```
#505695
```
#505695 rgb(80,86,149)
```
#474f9e
```
#474f9e rgb(71,79,158)
```
#3e48a7
```
#3e48a7 rgb(62,72,167)
```
#3541b0
```
#3541b0 rgb(53,65,176)
```
#2c39b9
```
#2c39b9 rgb(44,57,185)
```
#2432c1
```
#2432c1 rgb(36,50,193)
```
#1b2bca
```
#1b2bca rgb(27,43,202)
```
#1224d3
```
#1224d3 rgb(18,36,211)
```
#091ddc
```
#091ddc rgb(9,29,220)
```
#0016e5
```
#0016e5 rgb(0,22,229)
```

Tone Color Variation

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

#004d95 Protanopia 1% of men
#005181 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
#064486 Tritanomaly 0.01% of the population

#1224d3 hex color

#1224d3 Color Information

#1224d3 Color Conversion

Color Schemes with #1224d3

Alternatives to #1224d3

#1224d3 Preview

Shades and Tints of #1224d3

Tones of #1224d3

Color Blindness Simulator