#216dfc hex color

In a RGB color space, hex #216dfc is composed of 12.9% red, 42.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 56.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 219.2 degrees, a saturation of 97.3% and a lightness of 55.9%. #216dfc color hex could be obtained by blending #42daff with #0000f9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 43
- B 99
RGB color chart
- C 87
- M 57
- Y 0
- K 1
CMYK color chart

● #216dfc color description : Vivid blue.

The hexadecimal color #216dfc has RGB values of R:33, G:109, B:252 and CMYK values of C:0.87, M:0.57, Y:0, K:0.01. Its decimal value is 2190844.

Hex triplet	216dfc	`#216dfc`
RGB Decimal	33, 109, 252	`rgb(33,109,252)`
RGB Percent	12.9, 42.7, 98.8	`rgb(12.9%,42.7%,98.8%)`
CMYK	87, 57, 0, 1
HSL	219.2°, 97.3, 55.9	`hsl(219.2,97.3%,55.9%)`
HSV (or HSB)	219.2°, 86.9, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.842, 30.739, -77.168
XYZ	23.663, 18.287, 94.373
xyY	0.174, 0.134, 18.287
CIE-LCH	49.842, 83.065, 291.72
CIE-LUV	49.842, -22.648, -119.938
Hunter-Lab	42.763, 23.936, -100.911
Binary	00100001, 01101101, 11111100

#216dfc
```
#216dfc rgb(33,109,252)
```
#fcb021
```
#fcb021 rgb(252,176,33)
```

Complementary Color

#21dbfc
```
#21dbfc rgb(33,219,252)
```
#216dfc
```
#216dfc rgb(33,109,252)
```
#4221fc
```
#4221fc rgb(66,33,252)
```

Analogous Color

#dbfc21
```
#dbfc21 rgb(219,252,33)
```
#216dfc
```
#216dfc rgb(33,109,252)
```
#fc4221
```
#fc4221 rgb(252,66,33)
```

Split Complementary Color

#6dfc21
```
#6dfc21 rgb(109,252,33)
```
#216dfc
```
#216dfc rgb(33,109,252)
```
#fc216d
```
#fc216d rgb(252,33,109)
```

Triadic Color

#21fcb0
```
#21fcb0 rgb(33,252,176)
```
#216dfc
```
#216dfc rgb(33,109,252)
```
#fc216d
```
#fc216d rgb(252,33,109)
```
#fcb021
```
#fcb021 rgb(252,176,33)
```

Tetradic Color

#0349ce
```
#0349ce rgb(3,73,206)
```
#0352e7
```
#0352e7 rgb(3,82,231)
```
#085cfc
```
#085cfc rgb(8,92,252)
```
#216dfc
```
#216dfc rgb(33,109,252)
```
#3a7efc
```
#3a7efc rgb(58,126,252)
```
#538efd
```
#538efd rgb(83,142,253)
```
#6c9ffd
```
#6c9ffd rgb(108,159,253)
```

Monochromatic Color

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

#21a4fc
```
#21a4fc rgb(33,164,252)
```
#2192fc
```
#2192fc rgb(33,146,252)
```
#217ffc
```
#217ffc rgb(33,127,252)
```
#216dfc
```
#216dfc rgb(33,109,252)
```
#215bfc
```
#215bfc rgb(33,91,252)
```
#2149fc
```
#2149fc rgb(33,73,252)
```
#2136fc
```
#2136fc rgb(33,54,252)
```

Similar Colors

Text with hexadecimal color #216dfc

This text has a font color of #216dfc.

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

#216dfc background color

This paragraph has a background color of #216dfc.

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

#216dfc border color

This element has a border color of #216dfc.

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

CSS codes

.text {color:#216dfc;}

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

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

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, #00040a is the darkest color, while #f6f9ff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#000b1e
```
#000b1e rgb(0,11,30)
```
#011131
```
#011131 rgb(1,17,49)
```
#011844
```
#011844 rgb(1,24,68)
```
#011f58
```
#011f58 rgb(1,31,88)
```
#01266b
```
#01266b rgb(1,38,107)
```
#022d7e
```
#022d7e rgb(2,45,126)
```
#023492
```
#023492 rgb(2,52,146)
```
#023ba5
```
#023ba5 rgb(2,59,165)
```
#0242b8
```
#0242b8 rgb(2,66,184)
```
#0349cc
```
#0349cc rgb(3,73,204)
```
#034fdf
```
#034fdf rgb(3,79,223)
```
#0356f2
```
#0356f2 rgb(3,86,242)
```

Shade Color Variation

#0e60fc
```
#0e60fc rgb(14,96,252)
```
#216dfc
```
#216dfc rgb(33,109,252)
```
#347afc
```
#347afc rgb(52,122,252)
```
#4886fd
```
#4886fd rgb(72,134,253)
```
#5b93fd
```
#5b93fd rgb(91,147,253)
```
#6ea0fd
```
#6ea0fd rgb(110,160,253)
```
#82adfd
```
#82adfd rgb(130,173,253)
```
#95b9fe
```
#95b9fe rgb(149,185,254)
```
#a8c6fe
```
#a8c6fe rgb(168,198,254)
```
#bcd3fe
```
#bcd3fe rgb(188,211,254)
```
#cfe0fe
```
#cfe0fe rgb(207,224,254)
```
#e3ecff
```
#e3ecff rgb(227,236,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#898d94
```
#898d94 rgb(137,141,148)
```
#808a9d
```
#808a9d rgb(128,138,157)
```
#7887a5
```
#7887a5 rgb(120,135,165)
```
#6f85ae
```
#6f85ae rgb(111,133,174)
```
#6682b7
```
#6682b7 rgb(102,130,183)
```
#5e80bf
```
#5e80bf rgb(94,128,191)
```
#557dc8
```
#557dc8 rgb(85,125,200)
```
#4c7ad1
```
#4c7ad1 rgb(76,122,209)
```
#4478d9
```
#4478d9 rgb(68,120,217)
```
#3b75e2
```
#3b75e2 rgb(59,117,226)
```
#3272eb
```
#3272eb rgb(50,114,235)
```
#2a70f3
```
#2a70f3 rgb(42,112,243)
```
#216dfc
```
#216dfc rgb(33,109,252)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#596885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ee Protanopia 1% of men
#0080d0 Deuteranopia 1% of men
#008a91 Tritanopia 0.001% of the population

Trichromacy

#0c75f3 Protanomaly 1% of men, 0.01% of women
#0c79e0 Deuteranomaly 6% of men, 0.4% of women
#0c7fb8 Tritanomaly 0.01% of the population

#216dfc hex color

#216dfc Color Information

#216dfc Color Conversion

Color Schemes with #216dfc

Alternatives to #216dfc

#216dfc Preview

Shades and Tints of #216dfc

Tones of #216dfc

Color Blindness Simulator