#0212ff hex color

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

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

● #0212ff color description : Vivid blue.

The hexadecimal color #0212ff has RGB values of R:2, G:18, B:255 and CMYK values of C:0.99, M:0.93, Y:0, K:0. Its decimal value is 135935.

Hex triplet	0212ff	`#0212ff`
RGB Decimal	2, 18, 255	`rgb(2,18,255)`
RGB Percent	0.8, 7.1, 100	`rgb(0.8%,7.1%,100%)`
CMYK	99, 93, 0, 0
HSL	236.2°, 100, 50.4	`hsl(236.2,100%,50.4%)`
HSV (or HSB)	236.2°, 99.2, 100
Web Safe	0000ff	`#0000ff`

CIE-LAB	33.273, 76.269, -106.236
XYZ	18.288, 7.664, 95.118
xyY	0.151, 0.063, 7.664
CIE-LCH	33.273, 130.778, 305.676
CIE-LUV	33.273, -9.987, -131.305
Hunter-Lab	27.684, 69.468, -184.332
Binary	00000010, 00010010, 11111111

#0212ff
```
#0212ff rgb(2,18,255)
```
#ffef02
```
#ffef02 rgb(255,239,2)
```

Complementary Color

#0291ff
```
#0291ff rgb(2,145,255)
```
#0212ff
```
#0212ff rgb(2,18,255)
```
#7102ff
```
#7102ff rgb(113,2,255)
```

Analogous Color

#91ff02
```
#91ff02 rgb(145,255,2)
```
#0212ff
```
#0212ff rgb(2,18,255)
```
#ff7102
```
#ff7102 rgb(255,113,2)
```

Split Complementary Color

#12ff02
```
#12ff02 rgb(18,255,2)
```
#0212ff
```
#0212ff rgb(2,18,255)
```
#ff0212
```
#ff0212 rgb(255,2,18)
```

Triadic Color

#02ffef
```
#02ffef rgb(2,255,239)
```
#0212ff
```
#0212ff rgb(2,18,255)
```
#ff0212
```
#ff0212 rgb(255,2,18)
```
#ffef02
```
#ffef02 rgb(255,239,2)
```

Tetradic Color

#000bb5
```
#000bb5 rgb(0,11,181)
```
#000dce
```
#000dce rgb(0,13,206)
```
#000fe8
```
#000fe8 rgb(0,15,232)
```
#0212ff
```
#0212ff rgb(2,18,255)
```
#1c2aff
```
#1c2aff rgb(28,42,255)
```
#3542ff
```
#3542ff rgb(53,66,255)
```
#4f5aff
```
#4f5aff rgb(79,90,255)
```

Monochromatic Color

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

#0251ff
```
#0251ff rgb(2,81,255)
```
#023cff
```
#023cff rgb(2,60,255)
```
#0227ff
```
#0227ff rgb(2,39,255)
```
#0212ff
```
#0212ff rgb(2,18,255)
```
#0702ff
```
#0702ff rgb(7,2,255)
```
#1c02ff
```
#1c02ff rgb(28,2,255)
```
#3102ff
```
#3102ff rgb(49,2,255)
```

Similar Colors

Text with hexadecimal color #0212ff

This text has a font color of #0212ff.

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

#0212ff background color

This paragraph has a background color of #0212ff.

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

#0212ff border color

This element has a border color of #0212ff.

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

CSS codes

.text {color:#0212ff;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000116
```
#000116 rgb(0,1,22)
```
#000329
```
#000329 rgb(0,3,41)
```
#00043d
```
#00043d rgb(0,4,61)
```
#000550
```
#000550 rgb(0,5,80)
```
#000664
```
#000664 rgb(0,6,100)
```
#000878
```
#000878 rgb(0,8,120)
```
#00098b
```
#00098b rgb(0,9,139)
```
#000a9f
```
#000a9f rgb(0,10,159)
```
#000bb3
```
#000bb3 rgb(0,11,179)
```
#000dc6
```
#000dc6 rgb(0,13,198)
```
#000eda
```
#000eda rgb(0,14,218)
```
#000fed
```
#000fed rgb(0,15,237)
```

Shade Color Variation

#0212ff
```
#0212ff rgb(2,18,255)
```
#1624ff
```
#1624ff rgb(22,36,255)
```
#2937ff
```
#2937ff rgb(41,55,255)
```
#3d49ff
```
#3d49ff rgb(61,73,255)
```
#505bff
```
#505bff rgb(80,91,255)
```
#646eff
```
#646eff rgb(100,110,255)
```
#7880ff
```
#7880ff rgb(120,128,255)
```
#8b93ff
```
#8b93ff rgb(139,147,255)
```
#9fa5ff
```
#9fa5ff rgb(159,165,255)
```
#b3b7ff
```
#b3b7ff rgb(179,183,255)
```
#c6caff
```
#c6caff rgb(198,202,255)
```
#dadcff
```
#dadcff rgb(218,220,255)
```
#edeeff
```
#edeeff rgb(237,238,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 #0212ff is the most saturated one.

#77788a
```
#77788a rgb(119,120,138)
```
#6d7094
```
#6d7094 rgb(109,112,148)
```
#63679e
```
#63679e rgb(99,103,158)
```
#5a5fa7
```
#5a5fa7 rgb(90,95,167)
```
#5056b1
```
#5056b1 rgb(80,86,177)
```
#464ebb
```
#464ebb rgb(70,78,187)
```
#3c45c5
```
#3c45c5 rgb(60,69,197)
```
#333dce
```
#333dce rgb(51,61,206)
```
#2934d8
```
#2934d8 rgb(41,52,216)
```
#1f2ce2
```
#1f2ce2 rgb(31,44,226)
```
#1523ec
```
#1523ec rgb(21,35,236)
```
#0c1bf5
```
#0c1bf5 rgb(12,27,245)
```
#0212ff
```
#0212ff rgb(2,18,255)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#202453 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a4 Protanopia 1% of men
#005a8d Deuteranopia 1% of men
#006063 Tritanopia 0.001% of the population

Trichromacy

#003cc5 Protanomaly 1% of men, 0.01% of women
#003fb6 Deuteranomaly 6% of men, 0.4% of women
#00439c Tritanomaly 0.01% of the population

#0212ff hex color

#0212ff Color Information

#0212ff Color Conversion

Color Schemes with #0212ff

Alternatives to #0212ff

#0212ff Preview

Shades and Tints of #0212ff

Tones of #0212ff

Color Blindness Simulator