#0216ff hex color

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

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

● #0216ff color description : Vivid blue.

The hexadecimal color #0216ff has RGB values of R:2, G:22, B:255 and CMYK values of C:0.99, M:0.91, Y:0, K:0. Its decimal value is 136959.

Hex triplet	0216ff	`#0216ff`
RGB Decimal	2, 22, 255	`rgb(2,22,255)`
RGB Percent	0.8, 8.6, 100	`rgb(0.8%,8.6%,100%)`
CMYK	99, 91, 0, 0
HSL	235.3°, 100, 50.4	`hsl(235.3,100%,50.4%)`
HSV (or HSB)	235.3°, 99.2, 100
Web Safe	0000ff	`#0000ff`

CIE-LAB	33.574, 75.344, -105.733
XYZ	18.358, 7.805, 95.141
xyY	0.151, 0.064, 7.805
CIE-LCH	33.574, 129.831, 305.473
CIE-LUV	33.574, -10.194, -131.56
Hunter-Lab	27.938, 68.403, -182.353
Binary	00000010, 00010110, 11111111

#0216ff
```
#0216ff rgb(2,22,255)
```
#ffeb02
```
#ffeb02 rgb(255,235,2)
```

Complementary Color

#0295ff
```
#0295ff rgb(2,149,255)
```
#0216ff
```
#0216ff rgb(2,22,255)
```
#6d02ff
```
#6d02ff rgb(109,2,255)
```

Analogous Color

#95ff02
```
#95ff02 rgb(149,255,2)
```
#0216ff
```
#0216ff rgb(2,22,255)
```
#ff6d02
```
#ff6d02 rgb(255,109,2)
```

Split Complementary Color

#16ff02
```
#16ff02 rgb(22,255,2)
```
#0216ff
```
#0216ff rgb(2,22,255)
```
#ff0216
```
#ff0216 rgb(255,2,22)
```

Triadic Color

#02ffeb
```
#02ffeb rgb(2,255,235)
```
#0216ff
```
#0216ff rgb(2,22,255)
```
#ff0216
```
#ff0216 rgb(255,2,22)
```
#ffeb02
```
#ffeb02 rgb(255,235,2)
```

Tetradic Color

#000eb5
```
#000eb5 rgb(0,14,181)
```
#0010ce
```
#0010ce rgb(0,16,206)
```
#0012e8
```
#0012e8 rgb(0,18,232)
```
#0216ff
```
#0216ff rgb(2,22,255)
```
#1c2dff
```
#1c2dff rgb(28,45,255)
```
#3545ff
```
#3545ff rgb(53,69,255)
```
#4f5cff
```
#4f5cff rgb(79,92,255)
```

Monochromatic Color

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

#0255ff
```
#0255ff rgb(2,85,255)
```
#0240ff
```
#0240ff rgb(2,64,255)
```
#022bff
```
#022bff rgb(2,43,255)
```
#0216ff
```
#0216ff rgb(2,22,255)
```
#0302ff
```
#0302ff rgb(3,2,255)
```
#1802ff
```
#1802ff rgb(24,2,255)
```
#2d02ff
```
#2d02ff rgb(45,2,255)
```

Similar Colors

Text with hexadecimal color #0216ff

This text has a font color of #0216ff.

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

#0216ff background color

This paragraph has a background color of #0216ff.

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

#0216ff border color

This element has a border color of #0216ff.

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

CSS codes

.text {color:#0216ff;}

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

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

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 #edefff is the lightest one.

#000002
```
#000002 rgb(0,0,2)
```
#000216
```
#000216 rgb(0,2,22)
```
#000329
```
#000329 rgb(0,3,41)
```
#00053d
```
#00053d rgb(0,5,61)
```
#000650
```
#000650 rgb(0,6,80)
```
#000864
```
#000864 rgb(0,8,100)
```
#000978
```
#000978 rgb(0,9,120)
```
#000b8b
```
#000b8b rgb(0,11,139)
```
#000d9f
```
#000d9f rgb(0,13,159)
```
#000eb3
```
#000eb3 rgb(0,14,179)
```
#0010c6
```
#0010c6 rgb(0,16,198)
```
#0011da
```
#0011da rgb(0,17,218)
```
#0013ed
```
#0013ed rgb(0,19,237)
```

Shade Color Variation

#0216ff
```
#0216ff rgb(2,22,255)
```
#1628ff
```
#1628ff rgb(22,40,255)
```
#293aff
```
#293aff rgb(41,58,255)
```
#3d4cff
```
#3d4cff rgb(61,76,255)
```
#505eff
```
#505eff rgb(80,94,255)
```
#6470ff
```
#6470ff rgb(100,112,255)
```
#7882ff
```
#7882ff rgb(120,130,255)
```
#8b94ff
```
#8b94ff rgb(139,148,255)
```
#9fa7ff
```
#9fa7ff rgb(159,167,255)
```
#b3b9ff
```
#b3b9ff rgb(179,185,255)
```
#c6cbff
```
#c6cbff rgb(198,203,255)
```
#daddff
```
#daddff rgb(218,221,255)
```
#edefff
```
#edefff rgb(237,239,255)
```

Tint Color Variation

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

#77788a
```
#77788a rgb(119,120,138)
```
#6d7094
```
#6d7094 rgb(109,112,148)
```
#63689e
```
#63689e rgb(99,104,158)
```
#5a60a7
```
#5a60a7 rgb(90,96,167)
```
#5058b1
```
#5058b1 rgb(80,88,177)
```
#464fbb
```
#464fbb rgb(70,79,187)
```
#3c47c5
```
#3c47c5 rgb(60,71,197)
```
#333fce
```
#333fce rgb(51,63,206)
```
#2937d8
```
#2937d8 rgb(41,55,216)
```
#1f2fe2
```
#1f2fe2 rgb(31,47,226)
```
#1526ec
```
#1526ec rgb(21,38,236)
```
#0c1ef5
```
#0c1ef5 rgb(12,30,245)
```
#0216ff
```
#0216ff rgb(2,22,255)
```

Tone Color Variation

Below, you can see how #0216ff 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

#2b2b2b Achromatopsia 0.005% of the population
#232755 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006164 Tritanopia 0.001% of the population

Trichromacy

#003ec6 Protanomaly 1% of men, 0.01% of women
#0041b7 Deuteranomaly 6% of men, 0.4% of women
#00459c Tritanomaly 0.01% of the population

#0216ff hex color

#0216ff Color Information

#0216ff Color Conversion

Color Schemes with #0216ff

Alternatives to #0216ff

#0216ff Preview

Shades and Tints of #0216ff

Tones of #0216ff

Color Blindness Simulator