#0215ff hex color

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

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

● #0215ff color description : Vivid blue.

The hexadecimal color #0215ff has RGB values of R:2, G:21, B:255 and CMYK values of C:0.99, M:0.92, Y:0, K:0. Its decimal value is 136703.

Hex triplet	0215ff	`#0215ff`
RGB Decimal	2, 21, 255	`rgb(2,21,255)`
RGB Percent	0.8, 8.2, 100	`rgb(0.8%,8.2%,100%)`
CMYK	99, 92, 0, 0
HSL	235.5°, 100, 50.4	`hsl(235.5,100%,50.4%)`
HSV (or HSB)	235.5°, 99.2, 100
Web Safe	0000ff	`#0000ff`

CIE-LAB	33.494, 75.588, -105.866
XYZ	18.34, 7.768, 95.135
xyY	0.151, 0.064, 7.768
CIE-LCH	33.494, 130.081, 305.527
CIE-LUV	33.494, -10.139, -131.494
Hunter-Lab	27.871, 68.683, -182.873
Binary	00000010, 00010101, 11111111

#0215ff
```
#0215ff rgb(2,21,255)
```
#ffec02
```
#ffec02 rgb(255,236,2)
```

Complementary Color

#0294ff
```
#0294ff rgb(2,148,255)
```
#0215ff
```
#0215ff rgb(2,21,255)
```
#6e02ff
```
#6e02ff rgb(110,2,255)
```

Analogous Color

#94ff02
```
#94ff02 rgb(148,255,2)
```
#0215ff
```
#0215ff rgb(2,21,255)
```
#ff6e02
```
#ff6e02 rgb(255,110,2)
```

Split Complementary Color

#15ff02
```
#15ff02 rgb(21,255,2)
```
#0215ff
```
#0215ff rgb(2,21,255)
```
#ff0215
```
#ff0215 rgb(255,2,21)
```

Triadic Color

#02ffec
```
#02ffec rgb(2,255,236)
```
#0215ff
```
#0215ff rgb(2,21,255)
```
#ff0215
```
#ff0215 rgb(255,2,21)
```
#ffec02
```
#ffec02 rgb(255,236,2)
```

Tetradic Color

#000eb5
```
#000eb5 rgb(0,14,181)
```
#000fce
```
#000fce rgb(0,15,206)
```
#0011e8
```
#0011e8 rgb(0,17,232)
```
#0215ff
```
#0215ff rgb(2,21,255)
```
#1c2dff
```
#1c2dff rgb(28,45,255)
```
#3544ff
```
#3544ff rgb(53,68,255)
```
#4f5cff
```
#4f5cff rgb(79,92,255)
```

Monochromatic Color

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

#0254ff
```
#0254ff rgb(2,84,255)
```
#023fff
```
#023fff rgb(2,63,255)
```
#022aff
```
#022aff rgb(2,42,255)
```
#0215ff
```
#0215ff rgb(2,21,255)
```
#0402ff
```
#0402ff rgb(4,2,255)
```
#1902ff
```
#1902ff rgb(25,2,255)
```
#2e02ff
```
#2e02ff rgb(46,2,255)
```

Similar Colors

Text with hexadecimal color #0215ff

This text has a font color of #0215ff.

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

#0215ff background color

This paragraph has a background color of #0215ff.

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

#0215ff border color

This element has a border color of #0215ff.

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

CSS codes

.text {color:#0215ff;}

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

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

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)
```
#000a8b
```
#000a8b rgb(0,10,139)
```
#000c9f
```
#000c9f rgb(0,12,159)
```
#000db3
```
#000db3 rgb(0,13,179)
```
#000fc6
```
#000fc6 rgb(0,15,198)
```
#0010da
```
#0010da rgb(0,16,218)
```
#0012ed
```
#0012ed rgb(0,18,237)
```

Shade Color Variation

#0215ff
```
#0215ff rgb(2,21,255)
```
#1627ff
```
#1627ff rgb(22,39,255)
```
#2939ff
```
#2939ff rgb(41,57,255)
```
#3d4bff
```
#3d4bff rgb(61,75,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)
```
#9fa6ff
```
#9fa6ff rgb(159,166,255)
```
#b3b8ff
```
#b3b8ff rgb(179,184,255)
```
#c6caff
```
#c6caff rgb(198,202,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 #0215ff is the most saturated one.

#77788a
```
#77788a rgb(119,120,138)
```
#6d7094
```
#6d7094 rgb(109,112,148)
```
#63689e
```
#63689e rgb(99,104,158)
```
#5a5fa7
```
#5a5fa7 rgb(90,95,167)
```
#5057b1
```
#5057b1 rgb(80,87,177)
```
#464fbb
```
#464fbb rgb(70,79,187)
```
#3c47c5
```
#3c47c5 rgb(60,71,197)
```
#333ece
```
#333ece rgb(51,62,206)
```
#2936d8
```
#2936d8 rgb(41,54,216)
```
#1f2ee2
```
#1f2ee2 rgb(31,46,226)
```
#1526ec
```
#1526ec rgb(21,38,236)
```
#0c1df5
```
#0c1df5 rgb(12,29,245)
```
#0215ff
```
#0215ff rgb(2,21,255)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#222655 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

#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

#0215ff hex color

#0215ff Color Information

#0215ff Color Conversion

Color Schemes with #0215ff

Alternatives to #0215ff

#0215ff Preview

Shades and Tints of #0215ff

Tones of #0215ff

Color Blindness Simulator