#1224fa hex color

In a RGB color space, hex #1224fa is composed of 7.1% red, 14.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 92.8% cyan, 85.6% magenta, 0% yellow and 2% black. It has a hue angle of 235.3 degrees, a saturation of 95.9% and a lightness of 52.5%. #1224fa color hex could be obtained by blending #2448ff with #0000f5. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 7
- G 14
- B 98
RGB color chart
- C 93
- M 86
- Y 0
- K 2
CMYK color chart

● #1224fa color description : Vivid blue.

The hexadecimal color #1224fa has RGB values of R:18, G:36, B:250 and CMYK values of C:0.93, M:0.86, Y:0, K:0.02. Its decimal value is 1189114.

Hex triplet	1224fa	`#1224fa`
RGB Decimal	18, 36, 250	`rgb(18,36,250)`
RGB Percent	7.1, 14.1, 98	`rgb(7.1%,14.1%,98%)`
CMYK	93, 86, 0, 2
HSL	235.3°, 95.9, 52.5	`hsl(235.3,95.9%,52.5%)`
HSV (or HSB)	235.3°, 92.8, 98
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.582, 69.808, -101.236
XYZ	18.132, 8.291, 91.082
xyY	0.154, 0.071, 8.291
CIE-LCH	34.582, 122.971, 304.588
CIE-LUV	34.582, -10.513, -129.857
Hunter-Lab	28.794, 62.015, -167.39
Binary	00010010, 00100100, 11111010

#1224fa
```
#1224fa rgb(18,36,250)
```
#fae812
```
#fae812 rgb(250,232,18)
```

Complementary Color

#1298fa
```
#1298fa rgb(18,152,250)
```
#1224fa
```
#1224fa rgb(18,36,250)
```
#7412fa
```
#7412fa rgb(116,18,250)
```

Analogous Color

#98fa12
```
#98fa12 rgb(152,250,18)
```
#1224fa
```
#1224fa rgb(18,36,250)
```
#fa7412
```
#fa7412 rgb(250,116,18)
```

Split Complementary Color

#24fa12
```
#24fa12 rgb(36,250,18)
```
#1224fa
```
#1224fa rgb(18,36,250)
```
#fa1224
```
#fa1224 rgb(250,18,36)
```

Triadic Color

#12fae8
```
#12fae8 rgb(18,250,232)
```
#1224fa
```
#1224fa rgb(18,36,250)
```
#fa1224
```
#fa1224 rgb(250,18,36)
```
#fae812
```
#fae812 rgb(250,232,18)
```

Tetradic Color

#0412bc
```
#0412bc rgb(4,18,188)
```
#0415d5
```
#0415d5 rgb(4,21,213)
```
#0517ed
```
#0517ed rgb(5,23,237)
```
#1224fa
```
#1224fa rgb(18,36,250)
```
#2b3bfb
```
#2b3bfb rgb(43,59,251)
```
#4452fb
```
#4452fb rgb(68,82,251)
```
#5d69fc
```
#5d69fc rgb(93,105,252)
```

Monochromatic Color

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

#125efa
```
#125efa rgb(18,94,250)
```
#124bfa
```
#124bfa rgb(18,75,250)
```
#1237fa
```
#1237fa rgb(18,55,250)
```
#1224fa
```
#1224fa rgb(18,36,250)
```
#1312fa
```
#1312fa rgb(19,18,250)
```
#2712fa
```
#2712fa rgb(39,18,250)
```
#3a12fa
```
#3a12fa rgb(58,18,250)
```

Similar Colors

Text with hexadecimal color #1224fa

This text has a font color of #1224fa.

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

#1224fa background color

This paragraph has a background color of #1224fa.

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

#1224fa border color

This element has a border color of #1224fa.

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

CSS codes

.text {color:#1224fa;}

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

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

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

#00010d
```
#00010d rgb(0,1,13)
```
#010320
```
#010320 rgb(1,3,32)
```
#010533
```
#010533 rgb(1,5,51)
```
#010746
```
#010746 rgb(1,7,70)
```
#02095a
```
#02095a rgb(2,9,90)
```
#020b6d
```
#020b6d rgb(2,11,109)
```
#030c80
```
#030c80 rgb(3,12,128)
```
#030e93
```
#030e93 rgb(3,14,147)
```
#0410a6
```
#0410a6 rgb(4,16,166)
```
#0412ba
```
#0412ba rgb(4,18,186)
```
#0414cd
```
#0414cd rgb(4,20,205)
```
#0516e0
```
#0516e0 rgb(5,22,224)
```
#0518f3
```
#0518f3 rgb(5,24,243)
```

Shade Color Variation

#1224fa
```
#1224fa rgb(18,36,250)
```
#2536fa
```
#2536fa rgb(37,54,250)
```
#3848fb
```
#3848fb rgb(56,72,251)
```
#4c59fb
```
#4c59fb rgb(76,89,251)
```
#5f6bfc
```
#5f6bfc rgb(95,107,252)
```
#727dfc
```
#727dfc rgb(114,125,252)
```
#858ffc
```
#858ffc rgb(133,143,252)
```
#98a0fd
```
#98a0fd rgb(152,160,253)
```
#acb2fd
```
#acb2fd rgb(172,178,253)
```
#bfc4fe
```
#bfc4fe rgb(191,196,254)
```
#d2d6fe
```
#d2d6fe rgb(210,214,254)
```
#e5e7fe
```
#e5e7fe rgb(229,231,254)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82828a is the less saturated color, while #1224fa is the most saturated one.

#82828a
```
#82828a rgb(130,130,138)
```
#787a94
```
#787a94 rgb(120,122,148)
```
#6f739d
```
#6f739d rgb(111,115,157)
```
#666ba6
```
#666ba6 rgb(102,107,166)
```
#5c63b0
```
#5c63b0 rgb(92,99,176)
```
#535bb9
```
#535bb9 rgb(83,91,185)
```
#4a53c2
```
#4a53c2 rgb(74,83,194)
```
#414bcb
```
#414bcb rgb(65,75,203)
```
#3743d5
```
#3743d5 rgb(55,67,213)
```
#2e3cde
```
#2e3cde rgb(46,60,222)
```
#2534e7
```
#2534e7 rgb(37,52,231)
```
#1b2cf1
```
#1b2cf1 rgb(27,44,241)
```
#1224fa
```
#1224fa rgb(18,36,250)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#30335e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005d92 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0645c7 Protanomaly 1% of men, 0.01% of women
#0648b8 Deuteranomaly 6% of men, 0.4% of women
#064c9c Tritanomaly 0.01% of the population

#1224fa hex color

#1224fa Color Information

#1224fa Color Conversion

Color Schemes with #1224fa

Alternatives to #1224fa

#1224fa Preview

Shades and Tints of #1224fa

Tones of #1224fa

Color Blindness Simulator