#0225f3 hex color

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

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

● #0225f3 color description : Vivid blue.

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

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

CIE-LAB	33.575, 67.258, -98.974
XYZ	16.861, 7.806, 85.407
xyY	0.153, 0.071, 7.806
CIE-LCH	33.575, 119.664, 304.198
CIE-LUV	33.575, -10.904, -125.828
Hunter-Lab	27.939, 58.832, -161.689
Binary	00000010, 00100101, 11110011

#0225f3
```
#0225f3 rgb(2,37,243)
```
#f3d002
```
#f3d002 rgb(243,208,2)
```

Complementary Color

#029ef3
```
#029ef3 rgb(2,158,243)
```
#0225f3
```
#0225f3 rgb(2,37,243)
```
#5702f3
```
#5702f3 rgb(87,2,243)
```

Analogous Color

#9ef302
```
#9ef302 rgb(158,243,2)
```
#0225f3
```
#0225f3 rgb(2,37,243)
```
#f35702
```
#f35702 rgb(243,87,2)
```

Split Complementary Color

#25f302
```
#25f302 rgb(37,243,2)
```
#0225f3
```
#0225f3 rgb(2,37,243)
```
#f30225
```
#f30225 rgb(243,2,37)
```

Triadic Color

#02f3d0
```
#02f3d0 rgb(2,243,208)
```
#0225f3
```
#0225f3 rgb(2,37,243)
```
#f30225
```
#f30225 rgb(243,2,37)
```
#f3d002
```
#f3d002 rgb(243,208,2)
```

Tetradic Color

#0119a7
```
#0119a7 rgb(1,25,167)
```
#021dc0
```
#021dc0 rgb(2,29,192)
```
#0221da
```
#0221da rgb(2,33,218)
```
#0225f3
```
#0225f3 rgb(2,37,243)
```
#1134fd
```
#1134fd rgb(17,52,253)
```
#2b49fd
```
#2b49fd rgb(43,73,253)
```
#445ffd
```
#445ffd rgb(68,95,253)
```

Monochromatic Color

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

#0261f3
```
#0261f3 rgb(2,97,243)
```
#024df3
```
#024df3 rgb(2,77,243)
```
#0239f3
```
#0239f3 rgb(2,57,243)
```
#0225f3
```
#0225f3 rgb(2,37,243)
```
#0211f3
```
#0211f3 rgb(2,17,243)
```
#0702f3
```
#0702f3 rgb(7,2,243)
```
#1b02f3
```
#1b02f3 rgb(27,2,243)
```

Similar Colors

Text with hexadecimal color #0225f3

This text has a font color of #0225f3.

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

#0225f3 background color

This paragraph has a background color of #0225f3.

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

#0225f3 border color

This element has a border color of #0225f3.

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

CSS codes

.text {color:#0225f3;}

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

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

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 #f5f7ff 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)
```
#0119a5
```
#0119a5 rgb(1,25,165)
```
#021cb9
```
#021cb9 rgb(2,28,185)
```
#021fcc
```
#021fcc rgb(2,31,204)
```
#0222e0
```
#0222e0 rgb(2,34,224)
```
#0225f3
```
#0225f3 rgb(2,37,243)
```

Shade Color Variation

#0c2ffd
```
#0c2ffd rgb(12,47,253)
```
#1f3ffd
```
#1f3ffd rgb(31,63,253)
```
#3350fd
```
#3350fd rgb(51,80,253)
```
#4661fd
```
#4661fd rgb(70,97,253)
```
#5971fe
```
#5971fe rgb(89,113,254)
```
#6d82fe
```
#6d82fe rgb(109,130,254)
```
#8093fe
```
#8093fe rgb(128,147,254)
```
#94a3fe
```
#94a3fe rgb(148,163,254)
```
#a7b4fe
```
#a7b4fe rgb(167,180,254)
```
#bbc5fe
```
#bbc5fe rgb(187,197,254)
```
#ced5ff
```
#ced5ff rgb(206,213,255)
```
#e2e6ff
```
#e2e6ff rgb(226,230,255)
```
#f5f7ff
```
#f5f7ff rgb(245,247,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 #0225f3 is the most saturated one.

#737582
```
#737582 rgb(115,117,130)
```
#6a6f8b
```
#6a6f8b rgb(106,111,139)
```
#606895
```
#606895 rgb(96,104,149)
```
#57619e
```
#57619e rgb(87,97,158)
```
#4d5aa8
```
#4d5aa8 rgb(77,90,168)
```
#4454b1
```
#4454b1 rgb(68,84,177)
```
#3b4dba
```
#3b4dba rgb(59,77,186)
```
#3146c4
```
#3146c4 rgb(49,70,196)
```
#2840cd
```
#2840cd rgb(40,64,205)
```
#1e39d7
```
#1e39d7 rgb(30,57,215)
```
#1532e0
```
#1532e0 rgb(21,50,224)
```
#0b2cea
```
#0b2cea rgb(11,44,234)
```
#0225f3
```
#0225f3 rgb(2,37,243)
```

Tone Color Variation

Below, you can see how #0225f3 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
#282f59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0044c2 Protanomaly 1% of men, 0.01% of women
#0047b3 Deuteranomaly 6% of men, 0.4% of women
#004b98 Tritanomaly 0.01% of the population

#0225f3 hex color

#0225f3 Color Information

#0225f3 Color Conversion

Color Schemes with #0225f3

Alternatives to #0225f3

#0225f3 Preview

Shades and Tints of #0225f3

Tones of #0225f3

Color Blindness Simulator