#217afa hex color

In a RGB color space, hex #217afa is composed of 12.9% red, 47.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 51.2% magenta, 0% yellow and 2% black. It has a hue angle of 215.4 degrees, a saturation of 95.6% and a lightness of 55.5%. #217afa color hex could be obtained by blending #42f4ff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 48
- B 98
RGB color chart
- C 87
- M 51
- Y 0
- K 2
CMYK color chart

● #217afa color description : Vivid blue.

The hexadecimal color #217afa has RGB values of R:33, G:122, B:250 and CMYK values of C:0.87, M:0.51, Y:0, K:0.02. Its decimal value is 2194170.

Hex triplet	217afa	`#217afa`
RGB Decimal	33, 122, 250	`rgb(33,122,250)`
RGB Percent	12.9, 47.8, 98	`rgb(12.9%,47.8%,98%)`
CMYK	87, 51, 0, 2
HSL	215.4°, 95.6, 55.5	`hsl(215.4,95.6%,55.5%)`
HSV (or HSB)	215.4°, 86.8, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.105, 21.8, -70.755
XYZ	24.838, 21.142, 93.209
xyY	0.178, 0.152, 21.142
CIE-LCH	53.105, 74.038, 287.125
CIE-LUV	53.105, -26.238, -111.992
Hunter-Lab	45.981, 15.957, -88.002
Binary	00100001, 01111010, 11111010

#217afa
```
#217afa rgb(33,122,250)
```
#faa121
```
#faa121 rgb(250,161,33)
```

Complementary Color

#21e7fa
```
#21e7fa rgb(33,231,250)
```
#217afa
```
#217afa rgb(33,122,250)
```
#3521fa
```
#3521fa rgb(53,33,250)
```

Analogous Color

#e7fa21
```
#e7fa21 rgb(231,250,33)
```
#217afa
```
#217afa rgb(33,122,250)
```
#fa3521
```
#fa3521 rgb(250,53,33)
```

Split Complementary Color

#7afa21
```
#7afa21 rgb(122,250,33)
```
#217afa
```
#217afa rgb(33,122,250)
```
#fa217a
```
#fa217a rgb(250,33,122)
```

Triadic Color

#21faa1
```
#21faa1 rgb(33,250,161)
```
#217afa
```
#217afa rgb(33,122,250)
```
#fa217a
```
#fa217a rgb(250,33,122)
```
#faa121
```
#faa121 rgb(250,161,33)
```

Tetradic Color

#0556ca
```
#0556ca rgb(5,86,202)
```
#0560e3
```
#0560e3 rgb(5,96,227)
```
#086bf9
```
#086bf9 rgb(8,107,249)
```
#217afa
```
#217afa rgb(33,122,250)
```
#3a89fb
```
#3a89fb rgb(58,137,251)
```
#5398fb
```
#5398fb rgb(83,152,251)
```
#6ca7fc
```
#6ca7fc rgb(108,167,252)
```

Monochromatic Color

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

#21b0fa
```
#21b0fa rgb(33,176,250)
```
#219efa
```
#219efa rgb(33,158,250)
```
#218cfa
```
#218cfa rgb(33,140,250)
```
#217afa
```
#217afa rgb(33,122,250)
```
#2168fa
```
#2168fa rgb(33,104,250)
```
#2156fa
```
#2156fa rgb(33,86,250)
```
#2144fa
```
#2144fa rgb(33,68,250)
```

Similar Colors

Text with hexadecimal color #217afa

This text has a font color of #217afa.

<span style="color:#217afa;">Text here</span>

#217afa background color

This paragraph has a background color of #217afa.

<p style="background-color:#217afa;">Content here</p>

#217afa border color

This element has a border color of #217afa.

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

CSS codes

.text {color:#217afa;}

.background {background-color:#217afa;}

.border {border:1px solid #217afa;}

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

#000308
```
#000308 rgb(0,3,8)
```
#010c1b
```
#010c1b rgb(1,12,27)
```
#01142f
```
#01142f rgb(1,20,47)
```
#011c42
```
#011c42 rgb(1,28,66)
```
#022455
```
#022455 rgb(2,36,85)
```
#022c68
```
#022c68 rgb(2,44,104)
```
#03347b
```
#03347b rgb(3,52,123)
```
#033c8e
```
#033c8e rgb(3,60,142)
```
#0444a2
```
#0444a2 rgb(4,68,162)
```
#044db5
```
#044db5 rgb(4,77,181)
```
#0555c8
```
#0555c8 rgb(5,85,200)
```
#055ddb
```
#055ddb rgb(5,93,219)
```
#0565ee
```
#0565ee rgb(5,101,238)
```

Shade Color Variation

#0e6ffa
```
#0e6ffa rgb(14,111,250)
```
#217afa
```
#217afa rgb(33,122,250)
```
#3485fa
```
#3485fa rgb(52,133,250)
```
#4791fb
```
#4791fb rgb(71,145,251)
```
#5b9cfb
```
#5b9cfb rgb(91,156,251)
```
#6ea8fc
```
#6ea8fc rgb(110,168,252)
```
#81b3fc
```
#81b3fc rgb(129,179,252)
```
#94bffd
```
#94bffd rgb(148,191,253)
```
#a7cafd
```
#a7cafd rgb(167,202,253)
```
#bad6fd
```
#bad6fd rgb(186,214,253)
```
#cee1fe
```
#cee1fe rgb(206,225,254)
```
#e1edfe
```
#e1edfe rgb(225,237,254)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8d91 is the less saturated color, while #217afa is the most saturated one.

#8a8d91
```
#8a8d91 rgb(138,141,145)
```
#818b9a
```
#818b9a rgb(129,139,154)
```
#788aa3
```
#788aa3 rgb(120,138,163)
```
#7088ab
```
#7088ab rgb(112,136,171)
```
#6787b4
```
#6787b4 rgb(103,135,180)
```
#5e85bd
```
#5e85bd rgb(94,133,189)
```
#5583c6
```
#5583c6 rgb(85,131,198)
```
#4d82ce
```
#4d82ce rgb(77,130,206)
```
#4480d7
```
#4480d7 rgb(68,128,215)
```
#3b7fe0
```
#3b7fe0 rgb(59,127,224)
```
#327de9
```
#327de9 rgb(50,125,233)
```
#2a7cf1
```
#2a7cf1 rgb(42,124,241)
```
#217afa
```
#217afa rgb(33,122,250)
```

Tone Color Variation

Below, you can see how #217afa 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

#6e6e6e Achromatopsia 0.005% of the population
#5f708a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2381fa Protanopia 1% of men
#0088de Deuteranopia 1% of men
#00929a Tritanopia 0.001% of the population

Trichromacy

#227efa Protanomaly 1% of men, 0.01% of women
#0c83e8 Deuteranomaly 6% of men, 0.4% of women
#0c89bd Tritanomaly 0.01% of the population

#217afa hex color

#217afa Color Information

#217afa Color Conversion

Color Schemes with #217afa

Alternatives to #217afa

#217afa Preview

Shades and Tints of #217afa

Tones of #217afa

Color Blindness Simulator