#0224fa hex color

In a RGB color space, hex #0224fa is composed of 0.8% red, 14.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 85.6% magenta, 0% yellow and 2% black. It has a hue angle of 231.8 degrees, a saturation of 98.4% and a lightness of 49.4%. #0224fa color hex could be obtained by blending #0448ff with #0000f5. Closest websafe color is: #0033ff.

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

● #0224fa color description : Vivid blue.

The hexadecimal color #0224fa has RGB values of R:2, G:36, B:250 and CMYK values of C:0.99, M:0.86, Y:0, K:0.02. Its decimal value is 140538.

Hex triplet	0224fa	`#0224fa`
RGB Decimal	2, 36, 250	`rgb(2,36,250)`
RGB Percent	0.8, 14.1, 98	`rgb(0.8%,14.1%,98%)`
CMYK	99, 86, 0, 2
HSL	231.8°, 98.4, 49.4	`hsl(231.8,98.4%,49.4%)`
HSV (or HSB)	231.8°, 99.2, 98
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.345, 69.634, -101.636
XYZ	17.908, 8.175, 91.071
xyY	0.153, 0.07, 8.175
CIE-LCH	34.345, 123.203, 304.416
CIE-LUV	34.345, -11.035, -129.708
Hunter-Lab	28.593, 61.759, -168.832
Binary	00000010, 00100100, 11111010

#0224fa
```
#0224fa rgb(2,36,250)
```
#fad802
```
#fad802 rgb(250,216,2)
```

Complementary Color

#02a0fa
```
#02a0fa rgb(2,160,250)
```
#0224fa
```
#0224fa rgb(2,36,250)
```
#5c02fa
```
#5c02fa rgb(92,2,250)
```

Analogous Color

#a0fa02
```
#a0fa02 rgb(160,250,2)
```
#0224fa
```
#0224fa rgb(2,36,250)
```
#fa5c02
```
#fa5c02 rgb(250,92,2)
```

Split Complementary Color

#24fa02
```
#24fa02 rgb(36,250,2)
```
#0224fa
```
#0224fa rgb(2,36,250)
```
#fa0224
```
#fa0224 rgb(250,2,36)
```

Triadic Color

#02fad8
```
#02fad8 rgb(2,250,216)
```
#0224fa
```
#0224fa rgb(2,36,250)
```
#fa0224
```
#fa0224 rgb(250,2,36)
```
#fad802
```
#fad802 rgb(250,216,2)
```

Tetradic Color

#0119ae
```
#0119ae rgb(1,25,174)
```
#021dc7
```
#021dc7 rgb(2,29,199)
```
#0220e1
```
#0220e1 rgb(2,32,225)
```
#0224fa
```
#0224fa rgb(2,36,250)
```
#1838fd
```
#1838fd rgb(24,56,253)
```
#324efd
```
#324efd rgb(50,78,253)
```
#4b63fe
```
#4b63fe rgb(75,99,254)
```

Monochromatic Color

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

#0262fa
```
#0262fa rgb(2,98,250)
```
#024dfa
```
#024dfa rgb(2,77,250)
```
#0239fa
```
#0239fa rgb(2,57,250)
```
#0224fa
```
#0224fa rgb(2,36,250)
```
#020ffa
```
#020ffa rgb(2,15,250)
```
#0902fa
```
#0902fa rgb(9,2,250)
```
#1e02fa
```
#1e02fa rgb(30,2,250)
```

Similar Colors

Text with hexadecimal color #0224fa

This text has a font color of #0224fa.

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

#0224fa background color

This paragraph has a background color of #0224fa.

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

#0224fa border color

This element has a border color of #0224fa.

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

CSS codes

.text {color:#0224fa;}

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

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

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

#000210
```
#000210 rgb(0,2,16)
```
#000524
```
#000524 rgb(0,5,36)
```
#000837
```
#000837 rgb(0,8,55)
```
#010b4b
```
#010b4b rgb(1,11,75)
```
#010e5e
```
#010e5e rgb(1,14,94)
```
#011072
```
#011072 rgb(1,16,114)
```
#011385
```
#011385 rgb(1,19,133)
```
#011699
```
#011699 rgb(1,22,153)
```
#0119ac
```
#0119ac rgb(1,25,172)
```
#021cc0
```
#021cc0 rgb(2,28,192)
```
#021ed3
```
#021ed3 rgb(2,30,211)
```
#0221e7
```
#0221e7 rgb(2,33,231)
```
#0224fa
```
#0224fa rgb(2,36,250)
```

Shade Color Variation

#1333fd
```
#1333fd rgb(19,51,253)
```
#2643fd
```
#2643fd rgb(38,67,253)
```
#3954fd
```
#3954fd rgb(57,84,253)
```
#4d65fe
```
#4d65fe rgb(77,101,254)
```
#6076fe
```
#6076fe rgb(96,118,254)
```
#7487fe
```
#7487fe rgb(116,135,254)
```
#8798fe
```
#8798fe rgb(135,152,254)
```
#9ba8fe
```
#9ba8fe rgb(155,168,254)
```
#aeb9fe
```
#aeb9fe rgb(174,185,254)
```
#c2caff
```
#c2caff rgb(194,202,255)
```
#d5dbff
```
#d5dbff rgb(213,219,255)
```
#e9ecff
```
#e9ecff rgb(233,236,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#767886
```
#767886 rgb(118,120,134)
```
#6d718f
```
#6d718f rgb(109,113,143)
```
#636a99
```
#636a99 rgb(99,106,153)
```
#5963a3
```
#5963a3 rgb(89,99,163)
```
#505cac
```
#505cac rgb(80,92,172)
```
#4655b6
```
#4655b6 rgb(70,85,182)
```
#3c4ec0
```
#3c4ec0 rgb(60,78,192)
```
#3247ca
```
#3247ca rgb(50,71,202)
```
#2940d3
```
#2940d3 rgb(41,64,211)
```
#1f39dd
```
#1f39dd rgb(31,57,221)
```
#1532e7
```
#1532e7 rgb(21,50,231)
```
#0c2bf0
```
#0c2bf0 rgb(12,43,240)
```
#0224fa
```
#0224fa rgb(2,36,250)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#282f5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0044c6 Protanomaly 1% of men, 0.01% of women
#0048b7 Deuteranomaly 6% of men, 0.4% of women
#004c9c Tritanomaly 0.01% of the population

#0224fa hex color

#0224fa Color Information

#0224fa Color Conversion

Color Schemes with #0224fa

Alternatives to #0224fa

#0224fa Preview

Shades and Tints of #0224fa

Tones of #0224fa

Color Blindness Simulator