#0227f5 hex color

In a RGB color space, hex #0227f5 is composed of 0.8% red, 15.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 84.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 230.9 degrees, a saturation of 98.4% and a lightness of 48.4%. #0227f5 color hex could be obtained by blending #044eff with #0000eb. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 1
- G 15
- B 96
RGB color chart
- C 99
- M 84
- Y 0
- K 4
CMYK color chart

● #0227f5 color description : Vivid blue.

The hexadecimal color #0227f5 has RGB values of R:2, G:39, B:245 and CMYK values of C:0.99, M:0.84, Y:0, K:0.04. Its decimal value is 141301.

Hex triplet	0227f5	`#0227f5`
RGB Decimal	2, 39, 245	`rgb(2,39,245)`
RGB Percent	0.8, 15.3, 96.1	`rgb(0.8%,15.3%,96.1%)`
CMYK	99, 84, 0, 4
HSL	230.9°, 98.4, 48.4	`hsl(230.9,98.4%,48.4%)`
HSV (or HSB)	230.9°, 99.2, 96.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.097, 67.033, -99.233
XYZ	17.229, 8.055, 87.028
xyY	0.153, 0.072, 8.055
CIE-LCH	34.097, 119.752, 304.04
CIE-LUV	34.097, -11.162, -127.087
Hunter-Lab	28.382, 58.688, -161.937
Binary	00000010, 00100111, 11110101

#0227f5
```
#0227f5 rgb(2,39,245)
```
#f5d002
```
#f5d002 rgb(245,208,2)
```

Complementary Color

#02a1f5
```
#02a1f5 rgb(2,161,245)
```
#0227f5
```
#0227f5 rgb(2,39,245)
```
#5602f5
```
#5602f5 rgb(86,2,245)
```

Analogous Color

#a1f502
```
#a1f502 rgb(161,245,2)
```
#0227f5
```
#0227f5 rgb(2,39,245)
```
#f55602
```
#f55602 rgb(245,86,2)
```

Split Complementary Color

#27f502
```
#27f502 rgb(39,245,2)
```
#0227f5
```
#0227f5 rgb(2,39,245)
```
#f50227
```
#f50227 rgb(245,2,39)
```

Triadic Color

#02f5d0
```
#02f5d0 rgb(2,245,208)
```
#0227f5
```
#0227f5 rgb(2,39,245)
```
#f50227
```
#f50227 rgb(245,2,39)
```
#f5d002
```
#f5d002 rgb(245,208,2)
```

Tetradic Color

#011ba9
```
#011ba9 rgb(1,27,169)
```
#021fc2
```
#021fc2 rgb(2,31,194)
```
#0223dc
```
#0223dc rgb(2,35,220)
```
#0227f5
```
#0227f5 rgb(2,39,245)
```
#1337fd
```
#1337fd rgb(19,55,253)
```
#2d4cfd
```
#2d4cfd rgb(45,76,253)
```
#4662fd
```
#4662fd rgb(70,98,253)
```

Monochromatic Color

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

#0264f5
```
#0264f5 rgb(2,100,245)
```
#0250f5
```
#0250f5 rgb(2,80,245)
```
#023bf5
```
#023bf5 rgb(2,59,245)
```
#0227f5
```
#0227f5 rgb(2,39,245)
```
#0213f5
```
#0213f5 rgb(2,19,245)
```
#0502f5
```
#0502f5 rgb(5,2,245)
```
#1a02f5
```
#1a02f5 rgb(26,2,245)
```

Similar Colors

Text with hexadecimal color #0227f5

This text has a font color of #0227f5.

<span style="color:#0227f5;">Text here</span>

#0227f5 background color

This paragraph has a background color of #0227f5.

<p style="background-color:#0227f5;">Content here</p>

#0227f5 border color

This element has a border color of #0227f5.

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

CSS codes

.text {color:#0227f5;}

.background {background-color:#0227f5;}

.border {border:1px solid #0227f5;}

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, #00020c is the darkest color, while #f7f8ff is the lightest one.

#00020c
```
#00020c rgb(0,2,12)
```
#00051f
```
#00051f rgb(0,5,31)
```
#000832
```
#000832 rgb(0,8,50)
```
#010b46
```
#010b46 rgb(1,11,70)
```
#010e59
```
#010e59 rgb(1,14,89)
```
#01116d
```
#01116d rgb(1,17,109)
```
#011480
```
#011480 rgb(1,20,128)
```
#011894
```
#011894 rgb(1,24,148)
```
#011ba7
```
#011ba7 rgb(1,27,167)
```
#021ebb
```
#021ebb rgb(2,30,187)
```
#0221ce
```
#0221ce rgb(2,33,206)
```
#0224e2
```
#0224e2 rgb(2,36,226)
```
#0227f5
```
#0227f5 rgb(2,39,245)
```

Shade Color Variation

#0e32fd
```
#0e32fd rgb(14,50,253)
```
#2143fd
```
#2143fd rgb(33,67,253)
```
#3453fd
```
#3453fd rgb(52,83,253)
```
#4864fe
```
#4864fe rgb(72,100,254)
```
#5b74fe
```
#5b74fe rgb(91,116,254)
```
#6f85fe
```
#6f85fe rgb(111,133,254)
```
#8295fe
```
#8295fe rgb(130,149,254)
```
#96a6fe
```
#96a6fe rgb(150,166,254)
```
#a9b6fe
```
#a9b6fe rgb(169,182,254)
```
#bdc7fe
```
#bdc7fe rgb(189,199,254)
```
#d0d7ff
```
#d0d7ff rgb(208,215,255)
```
#e4e8ff
```
#e4e8ff rgb(228,232,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#747683
```
#747683 rgb(116,118,131)
```
#6b708d
```
#6b708d rgb(107,112,141)
```
#616996
```
#616996 rgb(97,105,150)
```
#5862a0
```
#5862a0 rgb(88,98,160)
```
#4e5ca9
```
#4e5ca9 rgb(78,92,169)
```
#4555b3
```
#4555b3 rgb(69,85,179)
```
#3b4fbc
```
#3b4fbc rgb(59,79,188)
```
#3248c6
```
#3248c6 rgb(50,72,198)
```
#2841cf
```
#2841cf rgb(40,65,207)
```
#1f3bd9
```
#1f3bd9 rgb(31,59,217)
```
#1534e2
```
#1534e2 rgb(21,52,226)
```
#0c2eec
```
#0c2eec rgb(12,46,236)
```
#0227f5
```
#0227f5 rgb(2,39,245)
```

Tone Color Variation

Below, you can see how #0227f5 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

#333333 Achromatopsia 0.005% of the population
#29315a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0045c4 Protanomaly 1% of men, 0.01% of women
#0048b5 Deuteranomaly 6% of men, 0.4% of women
#004c9a Tritanomaly 0.01% of the population

#0227f5 hex color

#0227f5 Color Information

#0227f5 Color Conversion

Color Schemes with #0227f5

Alternatives to #0227f5

#0227f5 Preview

Shades and Tints of #0227f5

Tones of #0227f5

Color Blindness Simulator