#216fff hex color

In a RGB color space, hex #216fff is composed of 12.9% red, 43.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 56.5% magenta, 0% yellow and 0% black. It has a hue angle of 218.9 degrees, a saturation of 100% and a lightness of 56.5%. #216fff color hex could be obtained by blending #42deff with #0000ff. Closest websafe color is: #3366ff.

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

● #216fff color description : Vivid blue.

The hexadecimal color #216fff has RGB values of R:33, G:111, B:255 and CMYK values of C:0.87, M:0.56, Y:0, K:0. Its decimal value is 2191359.

Hex triplet	216fff	`#216fff`
RGB Decimal	33, 111, 255	`rgb(33,111,255)`
RGB Percent	12.9, 43.5, 100	`rgb(12.9%,43.5%,100%)`
CMYK	87, 56, 0, 0
HSL	218.9°, 100, 56.5	`hsl(218.9,100%,56.5%)`
HSV (or HSB)	218.9°, 87.1, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.582, 30.601, -77.625
XYZ	24.358, 18.91, 96.969
xyY	0.174, 0.135, 18.91
CIE-LCH	50.582, 83.439, 291.515
CIE-LUV	50.582, -23.121, -121.104
Hunter-Lab	43.486, 23.883, -101.77
Binary	00100001, 01101111, 11111111

#216fff
```
#216fff rgb(33,111,255)
```
#ffb121
```
#ffb121 rgb(255,177,33)
```

Complementary Color

#21deff
```
#21deff rgb(33,222,255)
```
#216fff
```
#216fff rgb(33,111,255)
```
#4221ff
```
#4221ff rgb(66,33,255)
```

Analogous Color

#deff21
```
#deff21 rgb(222,255,33)
```
#216fff
```
#216fff rgb(33,111,255)
```
#ff4221
```
#ff4221 rgb(255,66,33)
```

Split Complementary Color

#6fff21
```
#6fff21 rgb(111,255,33)
```
#216fff
```
#216fff rgb(33,111,255)
```
#ff216f
```
#ff216f rgb(255,33,111)
```

Triadic Color

#21ffb1
```
#21ffb1 rgb(33,255,177)
```
#216fff
```
#216fff rgb(33,111,255)
```
#ff216f
```
#ff216f rgb(255,33,111)
```
#ffb121
```
#ffb121 rgb(255,177,33)
```

Tetradic Color

#004ad4
```
#004ad4 rgb(0,74,212)
```
#0053ed
```
#0053ed rgb(0,83,237)
```
#075eff
```
#075eff rgb(7,94,255)
```
#216fff
```
#216fff rgb(33,111,255)
```
#3b80ff
```
#3b80ff rgb(59,128,255)
```
#5490ff
```
#5490ff rgb(84,144,255)
```
#6ea1ff
```
#6ea1ff rgb(110,161,255)
```

Monochromatic Color

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

#21a7ff
```
#21a7ff rgb(33,167,255)
```
#2194ff
```
#2194ff rgb(33,148,255)
```
#2182ff
```
#2182ff rgb(33,130,255)
```
#216fff
```
#216fff rgb(33,111,255)
```
#215dff
```
#215dff rgb(33,93,255)
```
#214aff
```
#214aff rgb(33,74,255)
```
#2138ff
```
#2138ff rgb(33,56,255)
```

Similar Colors

Text with hexadecimal color #216fff

This text has a font color of #216fff.

<span style="color:#216fff;">Text here</span>

#216fff background color

This paragraph has a background color of #216fff.

<p style="background-color:#216fff;">Content here</p>

#216fff border color

This element has a border color of #216fff.

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

CSS codes

.text {color:#216fff;}

.background {background-color:#216fff;}

.border {border:1px solid #216fff;}

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, #00050d is the darkest color, while #f9fbff is the lightest one.

#00050d
```
#00050d rgb(0,5,13)
```
#000c21
```
#000c21 rgb(0,12,33)
```
#001235
```
#001235 rgb(0,18,53)
```
#001948
```
#001948 rgb(0,25,72)
```
#00205c
```
#00205c rgb(0,32,92)
```
#00276f
```
#00276f rgb(0,39,111)
```
#002e83
```
#002e83 rgb(0,46,131)
```
#003597
```
#003597 rgb(0,53,151)
```
#003caa
```
#003caa rgb(0,60,170)
```
#0043be
```
#0043be rgb(0,67,190)
```
#004ad2
```
#004ad2 rgb(0,74,210)
```
#0051e5
```
#0051e5 rgb(0,81,229)
```
#0057f9
```
#0057f9 rgb(0,87,249)
```

Shade Color Variation

#0d62ff
```
#0d62ff rgb(13,98,255)
```
#216fff
```
#216fff rgb(33,111,255)
```
#357cff
```
#357cff rgb(53,124,255)
```
#4888ff
```
#4888ff rgb(72,136,255)
```
#5c95ff
```
#5c95ff rgb(92,149,255)
```
#6fa2ff
```
#6fa2ff rgb(111,162,255)
```
#83afff
```
#83afff rgb(131,175,255)
```
#97bbff
```
#97bbff rgb(151,187,255)
```
#aac8ff
```
#aac8ff rgb(170,200,255)
```
#bed5ff
```
#bed5ff rgb(190,213,255)
```
#d2e2ff
```
#d2e2ff rgb(210,226,255)
```
#e5eeff
```
#e5eeff rgb(229,238,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878d99 is the less saturated color, while #216fff is the most saturated one.

#878d99
```
#878d99 rgb(135,141,153)
```
#7f8ba1
```
#7f8ba1 rgb(127,139,161)
```
#7688aa
```
#7688aa rgb(118,136,170)
```
#6e86b2
```
#6e86b2 rgb(110,134,178)
```
#6583bb
```
#6583bb rgb(101,131,187)
```
#5d81c3
```
#5d81c3 rgb(93,129,195)
```
#547ecc
```
#547ecc rgb(84,126,204)
```
#4c7cd4
```
#4c7cd4 rgb(76,124,212)
```
#4379dd
```
#4379dd rgb(67,121,221)
```
#3b77e5
```
#3b77e5 rgb(59,119,229)
```
#3274ee
```
#3274ee rgb(50,116,238)
```
#2a72f6
```
#2a72f6 rgb(42,114,246)
```
#216fff
```
#216fff rgb(33,111,255)
```

Tone Color Variation

Below, you can see how #216fff 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

#686868 Achromatopsia 0.005% of the population
#5a6986 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf1 Protanopia 1% of men
#0082d3 Deuteranopia 1% of men
#008c93 Tritanopia 0.001% of the population

Trichromacy

#0c76f6 Protanomaly 1% of men, 0.01% of women
#0c7be3 Deuteranomaly 6% of men, 0.4% of women
#0c81ba Tritanomaly 0.01% of the population

#216fff hex color

#216fff Color Information

#216fff Color Conversion

Color Schemes with #216fff

Alternatives to #216fff

#216fff Preview

Shades and Tints of #216fff

Tones of #216fff

Color Blindness Simulator