#0224f3 hex color

In a RGB color space, hex #0224f3 is composed of 0.8% red, 14.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 85.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 231.5 degrees, a saturation of 98.4% and a lightness of 48%. #0224f3 color hex could be obtained by blending #0448ff with #0000e7. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 1
- G 14
- B 95
RGB color chart
- C 99
- M 85
- Y 0
- K 5
CMYK color chart

● #0224f3 color description : Vivid blue.

The hexadecimal color #0224f3 has RGB values of R:2, G:36, B:243 and CMYK values of C:0.99, M:0.85, Y:0, K:0.05. Its decimal value is 140531.

Hex triplet	0224f3	`#0224f3`
RGB Decimal	2, 36, 243	`rgb(2,36,243)`
RGB Percent	0.8, 14.1, 95.3	`rgb(0.8%,14.1%,95.3%)`
CMYK	99, 85, 0, 5
HSL	231.5°, 98.4, 48	`hsl(231.5,98.4%,48%)`
HSV (or HSB)	231.5°, 99.2, 95.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.445, 67.649, -99.191
XYZ	16.83, 7.744, 85.397
xyY	0.153, 0.07, 7.744
CIE-LCH	33.445, 120.064, 304.294
CIE-LUV	33.445, -10.809, -125.759
Hunter-Lab	27.829, 59.253, -162.461
Binary	00000010, 00100100, 11110011

#0224f3
```
#0224f3 rgb(2,36,243)
```
#f3d102
```
#f3d102 rgb(243,209,2)
```

Complementary Color

#029df3
```
#029df3 rgb(2,157,243)
```
#0224f3
```
#0224f3 rgb(2,36,243)
```
#5802f3
```
#5802f3 rgb(88,2,243)
```

Analogous Color

#9df302
```
#9df302 rgb(157,243,2)
```
#0224f3
```
#0224f3 rgb(2,36,243)
```
#f35802
```
#f35802 rgb(243,88,2)
```

Split Complementary Color

#24f302
```
#24f302 rgb(36,243,2)
```
#0224f3
```
#0224f3 rgb(2,36,243)
```
#f30224
```
#f30224 rgb(243,2,36)
```

Triadic Color

#02f3d1
```
#02f3d1 rgb(2,243,209)
```
#0224f3
```
#0224f3 rgb(2,36,243)
```
#f30224
```
#f30224 rgb(243,2,36)
```
#f3d102
```
#f3d102 rgb(243,209,2)
```

Tetradic Color

#0119a7
```
#0119a7 rgb(1,25,167)
```
#021dc0
```
#021dc0 rgb(2,29,192)
```
#0220da
```
#0220da rgb(2,32,218)
```
#0224f3
```
#0224f3 rgb(2,36,243)
```
#1133fd
```
#1133fd rgb(17,51,253)
```
#2b48fd
```
#2b48fd rgb(43,72,253)
```
#445efd
```
#445efd rgb(68,94,253)
```

Monochromatic Color

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

#0260f3
```
#0260f3 rgb(2,96,243)
```
#024cf3
```
#024cf3 rgb(2,76,243)
```
#0238f3
```
#0238f3 rgb(2,56,243)
```
#0224f3
```
#0224f3 rgb(2,36,243)
```
#0210f3
```
#0210f3 rgb(2,16,243)
```
#0802f3
```
#0802f3 rgb(8,2,243)
```
#1c02f3
```
#1c02f3 rgb(28,2,243)
```

Similar Colors

Text with hexadecimal color #0224f3

This text has a font color of #0224f3.

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

#0224f3 background color

This paragraph has a background color of #0224f3.

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

#0224f3 border color

This element has a border color of #0224f3.

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

CSS codes

.text {color:#0224f3;}

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

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

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

#00010a
```
#00010a rgb(0,1,10)
```
#00041d
```
#00041d rgb(0,4,29)
```
#000730
```
#000730 rgb(0,7,48)
```
#010a44
```
#010a44 rgb(1,10,68)
```
#010d57
```
#010d57 rgb(1,13,87)
```
#01106b
```
#01106b rgb(1,16,107)
```
#01137e
```
#01137e rgb(1,19,126)
```
#011692
```
#011692 rgb(1,22,146)
```
#0118a5
```
#0118a5 rgb(1,24,165)
```
#021bb9
```
#021bb9 rgb(2,27,185)
```
#021ecc
```
#021ecc rgb(2,30,204)
```
#0221e0
```
#0221e0 rgb(2,33,224)
```
#0224f3
```
#0224f3 rgb(2,36,243)
```

Shade Color Variation

#0c2efd
```
#0c2efd rgb(12,46,253)
```
#1f3efd
```
#1f3efd rgb(31,62,253)
```
#334ffd
```
#334ffd rgb(51,79,253)
```
#4660fd
```
#4660fd rgb(70,96,253)
```
#5971fe
```
#5971fe rgb(89,113,254)
```
#6d81fe
```
#6d81fe rgb(109,129,254)
```
#8092fe
```
#8092fe rgb(128,146,254)
```
#94a3fe
```
#94a3fe rgb(148,163,254)
```
#a7b4fe
```
#a7b4fe rgb(167,180,254)
```
#bbc4fe
```
#bbc4fe rgb(187,196,254)
```
#ced5ff
```
#ced5ff rgb(206,213,255)
```
#e2e6ff
```
#e2e6ff rgb(226,230,255)
```
#f5f6ff
```
#f5f6ff rgb(245,246,255)
```

Tint Color Variation

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

#737582
```
#737582 rgb(115,117,130)
```
#6a6e8b
```
#6a6e8b rgb(106,110,139)
```
#606895
```
#606895 rgb(96,104,149)
```
#57619e
```
#57619e rgb(87,97,158)
```
#4d5aa8
```
#4d5aa8 rgb(77,90,168)
```
#4453b1
```
#4453b1 rgb(68,83,177)
```
#3b4dba
```
#3b4dba rgb(59,77,186)
```
#3146c4
```
#3146c4 rgb(49,70,196)
```
#283fcd
```
#283fcd rgb(40,63,205)
```
#1e38d7
```
#1e38d7 rgb(30,56,215)
```
#1532e0
```
#1532e0 rgb(21,50,224)
```
#0b2bea
```
#0b2bea rgb(11,43,234)
```
#0224f3
```
#0224f3 rgb(2,36,243)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#282e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0043c1 Protanomaly 1% of men, 0.01% of women
#0046b3 Deuteranomaly 6% of men, 0.4% of women
#004a98 Tritanomaly 0.01% of the population

#0224f3 hex color

#0224f3 Color Information

#0224f3 Color Conversion

Color Schemes with #0224f3

Alternatives to #0224f3

#0224f3 Preview

Shades and Tints of #0224f3

Tones of #0224f3

Color Blindness Simulator