#0216b2 hex color

In a RGB color space, hex #0216b2 is composed of 0.8% red, 8.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 87.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 233.2 degrees, a saturation of 97.8% and a lightness of 35.3%. #0216b2 color hex could be obtained by blending #042cff with #000065. Closest websafe color is: #000099.

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

● #0216b2 color description : Dark blue.

The hexadecimal color #0216b2 has RGB values of R:2, G:22, B:178 and CMYK values of C:0.99, M:0.88, Y:0, K:0.3. Its decimal value is 136882.

Hex triplet	0216b2	`#0216b2`
RGB Decimal	2, 22, 178	`rgb(2,22,178)`
RGB Percent	0.8, 8.6, 69.8	`rgb(0.8%,8.6%,69.8%)`
CMYK	99, 88, 0, 30
HSL	233.2°, 97.8, 35.3	`hsl(233.2,97.8%,35.3%)`
HSV (or HSB)	233.2°, 98.9, 69.8
Web Safe	000099	`#000099`

CIE-LAB	23, 54.134, -78.819
XYZ	8.346, 3.8, 42.411
xyY	0.153, 0.07, 3.8
CIE-LCH	23, 95.619, 304.482
CIE-LUV	23, -7.322, -86.93
Hunter-Lab	19.495, 42.305, -115.34
Binary	00000010, 00010110, 10110010

#0216b2
```
#0216b2 rgb(2,22,178)
```
#b29e02
```
#b29e02 rgb(178,158,2)
```

Complementary Color

#026eb2
```
#026eb2 rgb(2,110,178)
```
#0216b2
```
#0216b2 rgb(2,22,178)
```
#4602b2
```
#4602b2 rgb(70,2,178)
```

Analogous Color

#6eb202
```
#6eb202 rgb(110,178,2)
```
#0216b2
```
#0216b2 rgb(2,22,178)
```
#b24602
```
#b24602 rgb(178,70,2)
```

Split Complementary Color

#16b202
```
#16b202 rgb(22,178,2)
```
#0216b2
```
#0216b2 rgb(2,22,178)
```
#b20216
```
#b20216 rgb(178,2,22)
```

Triadic Color

#02b29e
```
#02b29e rgb(2,178,158)
```
#0216b2
```
#0216b2 rgb(2,22,178)
```
#b20216
```
#b20216 rgb(178,2,22)
```
#b29e02
```
#b29e02 rgb(178,158,2)
```

Tetradic Color

#010d66
```
#010d66 rgb(1,13,102)
```
#011080
```
#011080 rgb(1,16,128)
```
#021399
```
#021399 rgb(2,19,153)
```
#0216b2
```
#0216b2 rgb(2,22,178)
```
#0219cb
```
#0219cb rgb(2,25,203)
```
#031ce4
```
#031ce4 rgb(3,28,228)
```
#0420fc
```
#0420fc rgb(4,32,252)
```

Monochromatic Color

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

#0242b2
```
#0242b2 rgb(2,66,178)
```
#0233b2
```
#0233b2 rgb(2,51,178)
```
#0225b2
```
#0225b2 rgb(2,37,178)
```
#0216b2
```
#0216b2 rgb(2,22,178)
```
#0207b2
```
#0207b2 rgb(2,7,178)
```
#0b02b2
```
#0b02b2 rgb(11,2,178)
```
#1a02b2
```
#1a02b2 rgb(26,2,178)
```

Similar Colors

Text with hexadecimal color #0216b2

This text has a font color of #0216b2.

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

#0216b2 background color

This paragraph has a background color of #0216b2.

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

#0216b2 border color

This element has a border color of #0216b2.

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

CSS codes

.text {color:#0216b2;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000317
```
#000317 rgb(0,3,23)
```
#00052a
```
#00052a rgb(0,5,42)
```
#01083e
```
#01083e rgb(1,8,62)
```
#010a51
```
#010a51 rgb(1,10,81)
```
#010c64
```
#010c64 rgb(1,12,100)
```
#010f78
```
#010f78 rgb(1,15,120)
```
#02118b
```
#02118b rgb(2,17,139)
```
#02149f
```
#02149f rgb(2,20,159)
```
#0216b2
```
#0216b2 rgb(2,22,178)
```
#0218c5
```
#0218c5 rgb(2,24,197)
```
#021bd9
```
#021bd9 rgb(2,27,217)
```
#031dec
```
#031dec rgb(3,29,236)
```

Shade Color Variation

#0622fc
```
#0622fc rgb(6,34,252)
```
#1a33fc
```
#1a33fc rgb(26,51,252)
```
#2d45fd
```
#2d45fd rgb(45,69,253)
```
#4056fd
```
#4056fd rgb(64,86,253)
```
#5467fd
```
#5467fd rgb(84,103,253)
```
#6778fd
```
#6778fd rgb(103,120,253)
```
#7b8afe
```
#7b8afe rgb(123,138,254)
```
#8e9bfe
```
#8e9bfe rgb(142,155,254)
```
#a1acfe
```
#a1acfe rgb(161,172,254)
```
#b5bdfe
```
#b5bdfe rgb(181,189,254)
```
#c8cefe
```
#c8cefe rgb(200,206,254)
```
#dce0ff
```
#dce0ff rgb(220,224,255)
```
#eff1ff
```
#eff1ff rgb(239,241,255)
```

Tint Color Variation

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

#55565f
```
#55565f rgb(85,86,95)
```
#4e5166
```
#4e5166 rgb(78,81,102)
```
#474b6d
```
#474b6d rgb(71,75,109)
```
#404674
```
#404674 rgb(64,70,116)
```
#39417b
```
#39417b rgb(57,65,123)
```
#323b82
```
#323b82 rgb(50,59,130)
```
#2c3688
```
#2c3688 rgb(44,54,136)
```
#25318f
```
#25318f rgb(37,49,143)
```
#1e2b96
```
#1e2b96 rgb(30,43,150)
```
#17269d
```
#17269d rgb(23,38,157)
```
#1021a4
```
#1021a4 rgb(16,33,164)
```
#091bab
```
#091bab rgb(9,27,171)
```
#0216b2
```
#0216b2 rgb(2,22,178)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#1c203f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7b Protanopia 1% of men
#00436a Deuteranopia 1% of men
#00474a Tritanopia 0.001% of the population

Trichromacy

#00308f Protanomaly 1% of men, 0.01% of women
#003284 Deuteranomaly 6% of men, 0.4% of women
#003570 Tritanomaly 0.01% of the population

#0216b2 hex color

#0216b2 Color Information

#0216b2 Color Conversion

Color Schemes with #0216b2

Alternatives to #0216b2

#0216b2 Preview

Shades and Tints of #0216b2

Tones of #0216b2

Color Blindness Simulator