#1224df hex color

In a RGB color space, hex #1224df is composed of 7.1% red, 14.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 83.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 234.7 degrees, a saturation of 85.1% and a lightness of 47.3%. #1224df color hex could be obtained by blending #2448ff with #0000bf. Closest websafe color is: #0033cc.

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

● #1224df color description : Vivid blue.

The hexadecimal color #1224df has RGB values of R:18, G:36, B:223 and CMYK values of C:0.92, M:0.84, Y:0, K:0.13. Its decimal value is 1189087.

Hex triplet	1224df	`#1224df`
RGB Decimal	18, 36, 223	`rgb(18,36,223)`
RGB Percent	7.1, 14.1, 87.5	`rgb(7.1%,14.1%,87.5%)`
CMYK	92, 84, 0, 13
HSL	234.7°, 85.1, 47.3	`hsl(234.7,85.1%,47.3%)`
HSV (or HSB)	234.7°, 91.9, 87.5
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.154, 62.042, -91.607
XYZ	14.197, 6.717, 70.356
xyY	0.156, 0.074, 6.717
CIE-LCH	31.154, 110.639, 304.108
CIE-LUV	31.154, -9.58, -114.578
Hunter-Lab	25.917, 52.424, -142.81
Binary	00010010, 00100100, 11011111

#1224df
```
#1224df rgb(18,36,223)
```
#dfcd12
```
#dfcd12 rgb(223,205,18)
```

Complementary Color

#128bdf
```
#128bdf rgb(18,139,223)
```
#1224df
```
#1224df rgb(18,36,223)
```
#6712df
```
#6712df rgb(103,18,223)
```

Analogous Color

#8bdf12
```
#8bdf12 rgb(139,223,18)
```
#1224df
```
#1224df rgb(18,36,223)
```
#df6712
```
#df6712 rgb(223,103,18)
```

Split Complementary Color

#24df12
```
#24df12 rgb(36,223,18)
```
#1224df
```
#1224df rgb(18,36,223)
```
#df1224
```
#df1224 rgb(223,18,36)
```

Triadic Color

#12dfcd
```
#12dfcd rgb(18,223,205)
```
#1224df
```
#1224df rgb(18,36,223)
```
#df1224
```
#df1224 rgb(223,18,36)
```
#dfcd12
```
#dfcd12 rgb(223,205,18)
```

Tetradic Color

#0c1998
```
#0c1998 rgb(12,25,152)
```
#0e1cb0
```
#0e1cb0 rgb(14,28,176)
```
#1020c7
```
#1020c7 rgb(16,32,199)
```
#1224df
```
#1224df rgb(18,36,223)
```
#1e30ed
```
#1e30ed rgb(30,48,237)
```
#3546ef
```
#3546ef rgb(53,70,239)
```
#4d5bf1
```
#4d5bf1 rgb(77,91,241)
```

Monochromatic Color

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

#1257df
```
#1257df rgb(18,87,223)
```
#1246df
```
#1246df rgb(18,70,223)
```
#1235df
```
#1235df rgb(18,53,223)
```
#1224df
```
#1224df rgb(18,36,223)
```
#1213df
```
#1213df rgb(18,19,223)
```
#2212df
```
#2212df rgb(34,18,223)
```
#3312df
```
#3312df rgb(51,18,223)
```

Similar Colors

Text with hexadecimal color #1224df

This text has a font color of #1224df.

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

#1224df background color

This paragraph has a background color of #1224df.

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

#1224df border color

This element has a border color of #1224df.

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

CSS codes

.text {color:#1224df;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#020417
```
#020417 rgb(2,4,23)
```
#030729
```
#030729 rgb(3,7,41)
```
#050a3c
```
#050a3c rgb(5,10,60)
```
#060d4e
```
#060d4e rgb(6,13,78)
```
#080f60
```
#080f60 rgb(8,15,96)
```
#091272
```
#091272 rgb(9,18,114)
```
#0b1584
```
#0b1584 rgb(11,21,132)
```
#0c1896
```
#0c1896 rgb(12,24,150)
```
#0e1ba9
```
#0e1ba9 rgb(14,27,169)
```
#0f1ebb
```
#0f1ebb rgb(15,30,187)
```
#1121cd
```
#1121cd rgb(17,33,205)
```
#1224df
```
#1224df rgb(18,36,223)
```

Shade Color Variation

#182bec
```
#182bec rgb(24,43,236)
```
#2a3cee
```
#2a3cee rgb(42,60,238)
```
#3d4cef
```
#3d4cef rgb(61,76,239)
```
#4f5df1
```
#4f5df1 rgb(79,93,241)
```
#616ef2
```
#616ef2 rgb(97,110,242)
```
#737ef4
```
#737ef4 rgb(115,126,244)
```
#858ff5
```
#858ff5 rgb(133,143,245)
```
#97a0f7
```
#97a0f7 rgb(151,160,247)
```
#a9b0f8
```
#a9b0f8 rgb(169,176,248)
```
#bcc1fa
```
#bcc1fa rgb(188,193,250)
```
#ced2fb
```
#ced2fb rgb(206,210,251)
```
#e0e2fc
```
#e0e2fc rgb(224,226,252)
```
#f2f3fe
```
#f2f3fe rgb(242,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787879 is the less saturated color, while #091ce8 is the most saturated one.

#787879
```
#787879 rgb(120,120,121)
```
#6f7082
```
#6f7082 rgb(111,112,130)
```
#65698c
```
#65698c rgb(101,105,140)
```
#5c6195
```
#5c6195 rgb(92,97,149)
```
#53599e
```
#53599e rgb(83,89,158)
```
#4a52a7
```
#4a52a7 rgb(74,82,167)
```
#404ab1
```
#404ab1 rgb(64,74,177)
```
#3743ba
```
#3743ba rgb(55,67,186)
```
#2e3bc3
```
#2e3bc3 rgb(46,59,195)
```
#2533cc
```
#2533cc rgb(37,51,204)
```
#1b2cd6
```
#1b2cd6 rgb(27,44,214)
```
#1224df
```
#1224df rgb(18,36,223)
```
#091ce8
```
#091ce8 rgb(9,28,232)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2d3156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5e Tritanopia 0.001% of the population

Trichromacy

#0640b4 Protanomaly 1% of men, 0.01% of women
#0643a6 Deuteranomaly 6% of men, 0.4% of women
#06478d Tritanomaly 0.01% of the population

#1224df hex color

#1224df Color Information

#1224df Color Conversion

Color Schemes with #1224df

Alternatives to #1224df

#1224df Preview

Shades and Tints of #1224df

Tones of #1224df

Color Blindness Simulator