#0221ff hex color

In a RGB color space, hex #0221ff is composed of 0.8% red, 12.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 87.1% magenta, 0% yellow and 0% black. It has a hue angle of 232.6 degrees, a saturation of 100% and a lightness of 50.4%. #0221ff color hex could be obtained by blending #0442ff with #0000ff. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 1
- G 13
- B 100
RGB color chart
- C 99
- M 87
- Y 0
- K 0
CMYK color chart

● #0221ff color description : Vivid blue.

The hexadecimal color #0221ff has RGB values of R:2, G:33, B:255 and CMYK values of C:0.99, M:0.87, Y:0, K:0. Its decimal value is 139775.

Hex triplet	0221ff	`#0221ff`
RGB Decimal	2, 33, 255	`rgb(2,33,255)`
RGB Percent	0.8, 12.9, 100	`rgb(0.8%,12.9%,100%)`
CMYK	99, 87, 0, 0
HSL	232.6°, 100, 50.4	`hsl(232.6,100%,50.4%)`
HSV (or HSB)	232.6°, 99.2, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.639, 72.096, -103.954
XYZ	18.615, 8.319, 95.227
xyY	0.152, 0.068, 8.319
CIE-LCH	34.639, 126.508, 304.743
CIE-LUV	34.639, -10.944, -132.319
Hunter-Lab	28.843, 64.729, -175.56
Binary	00000010, 00100001, 11111111

#0221ff
```
#0221ff rgb(2,33,255)
```
#ffe002
```
#ffe002 rgb(255,224,2)
```

Complementary Color

#02a0ff
```
#02a0ff rgb(2,160,255)
```
#0221ff
```
#0221ff rgb(2,33,255)
```
#6102ff
```
#6102ff rgb(97,2,255)
```

Analogous Color

#a0ff02
```
#a0ff02 rgb(160,255,2)
```
#0221ff
```
#0221ff rgb(2,33,255)
```
#ff6202
```
#ff6202 rgb(255,98,2)
```

Split Complementary Color

#21ff02
```
#21ff02 rgb(33,255,2)
```
#0221ff
```
#0221ff rgb(2,33,255)
```
#ff0221
```
#ff0221 rgb(255,2,33)
```

Triadic Color

#02ffe0
```
#02ffe0 rgb(2,255,224)
```
#0221ff
```
#0221ff rgb(2,33,255)
```
#ff0221
```
#ff0221 rgb(255,2,33)
```
#ffe002
```
#ffe002 rgb(255,224,2)
```

Tetradic Color

#0016b5
```
#0016b5 rgb(0,22,181)
```
#0019ce
```
#0019ce rgb(0,25,206)
```
#001ce8
```
#001ce8 rgb(0,28,232)
```
#0221ff
```
#0221ff rgb(2,33,255)
```
#1c37ff
```
#1c37ff rgb(28,55,255)
```
#354eff
```
#354eff rgb(53,78,255)
```
#4f64ff
```
#4f64ff rgb(79,100,255)
```

Monochromatic Color

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

#0260ff
```
#0260ff rgb(2,96,255)
```
#024bff
```
#024bff rgb(2,75,255)
```
#0236ff
```
#0236ff rgb(2,54,255)
```
#0221ff
```
#0221ff rgb(2,33,255)
```
#020cff
```
#020cff rgb(2,12,255)
```
#0d02ff
```
#0d02ff rgb(13,2,255)
```
#2202ff
```
#2202ff rgb(34,2,255)
```

Similar Colors

Text with hexadecimal color #0221ff

This text has a font color of #0221ff.

<span style="color:#0221ff;">Text here</span>

#0221ff background color

This paragraph has a background color of #0221ff.

<p style="background-color:#0221ff;">Content here</p>

#0221ff border color

This element has a border color of #0221ff.

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

CSS codes

.text {color:#0221ff;}

.background {background-color:#0221ff;}

.border {border:1px solid #0221ff;}

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

#000002
```
#000002 rgb(0,0,2)
```
#000316
```
#000316 rgb(0,3,22)
```
#000529
```
#000529 rgb(0,5,41)
```
#00073d
```
#00073d rgb(0,7,61)
```
#000a50
```
#000a50 rgb(0,10,80)
```
#000c64
```
#000c64 rgb(0,12,100)
```
#000f78
```
#000f78 rgb(0,15,120)
```
#00118b
```
#00118b rgb(0,17,139)
```
#00139f
```
#00139f rgb(0,19,159)
```
#0016b3
```
#0016b3 rgb(0,22,179)
```
#0018c6
```
#0018c6 rgb(0,24,198)
```
#001bda
```
#001bda rgb(0,27,218)
```
#001ded
```
#001ded rgb(0,29,237)
```

Shade Color Variation

#0221ff
```
#0221ff rgb(2,33,255)
```
#1632ff
```
#1632ff rgb(22,50,255)
```
#2943ff
```
#2943ff rgb(41,67,255)
```
#3d55ff
```
#3d55ff rgb(61,85,255)
```
#5066ff
```
#5066ff rgb(80,102,255)
```
#6477ff
```
#6477ff rgb(100,119,255)
```
#7888ff
```
#7888ff rgb(120,136,255)
```
#8b99ff
```
#8b99ff rgb(139,153,255)
```
#9fabff
```
#9fabff rgb(159,171,255)
```
#b3bcff
```
#b3bcff rgb(179,188,255)
```
#c6cdff
```
#c6cdff rgb(198,205,255)
```
#dadeff
```
#dadeff rgb(218,222,255)
```
#edf0ff
```
#edf0ff rgb(237,240,255)
```

Tint Color Variation

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

#77798a
```
#77798a rgb(119,121,138)
```
#6d7294
```
#6d7294 rgb(109,114,148)
```
#636a9e
```
#636a9e rgb(99,106,158)
```
#5a63a7
```
#5a63a7 rgb(90,99,167)
```
#505cb1
```
#505cb1 rgb(80,92,177)
```
#4654bb
```
#4654bb rgb(70,84,187)
```
#3c4dc5
```
#3c4dc5 rgb(60,77,197)
```
#3346ce
```
#3346ce rgb(51,70,206)
```
#293ed8
```
#293ed8 rgb(41,62,216)
```
#1f37e2
```
#1f37e2 rgb(31,55,226)
```
#1530ec
```
#1530ec rgb(21,48,236)
```
#0c28f5
```
#0c28f5 rgb(12,40,245)
```
#0221ff
```
#0221ff rgb(2,33,255)
```

Tone Color Variation

Below, you can see how #0221ff 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
#282e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0044c9 Protanomaly 1% of men, 0.01% of women
#0047ba Deuteranomaly 6% of men, 0.4% of women
#004b9e Tritanomaly 0.01% of the population

#0221ff hex color

#0221ff Color Information

#0221ff Color Conversion

Color Schemes with #0221ff

Alternatives to #0221ff

#0221ff Preview

Shades and Tints of #0221ff

Tones of #0221ff

Color Blindness Simulator