#218aff hex color

In a RGB color space, hex #218aff is composed of 12.9% red, 54.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 45.9% magenta, 0% yellow and 0% black. It has a hue angle of 211.6 degrees, a saturation of 100% and a lightness of 56.5%. #218aff color hex could be obtained by blending #42ffff with #0015ff. Closest websafe color is: #3399ff.

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

● #218aff color description : Vivid blue.

The hexadecimal color #218aff has RGB values of R:33, G:138, B:255 and CMYK values of C:0.87, M:0.46, Y:0, K:0. Its decimal value is 2198271.

Hex triplet	218aff	`#218aff`
RGB Decimal	33, 138, 255	`rgb(33,138,255)`
RGB Percent	12.9, 54.1, 100	`rgb(12.9%,54.1%,100%)`
CMYK	87, 46, 0, 0
HSL	211.6°, 100, 56.5	`hsl(211.6,100%,56.5%)`
HSV (or HSB)	211.6°, 87.1, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.768, 13.779, -65.982
XYZ	27.762, 25.718, 98.103
xyY	0.183, 0.17, 25.718
CIE-LCH	57.768, 67.406, 281.795
CIE-LUV	57.768, -30.76, -106.144
Hunter-Lab	50.713, 8.968, -79.197
Binary	00100001, 10001010, 11111111

#218aff
```
#218aff rgb(33,138,255)
```
#ff9621
```
#ff9621 rgb(255,150,33)
```

Complementary Color

#21f9ff
```
#21f9ff rgb(33,249,255)
```
#218aff
```
#218aff rgb(33,138,255)
```
#2721ff
```
#2721ff rgb(39,33,255)
```

Analogous Color

#f9ff21
```
#f9ff21 rgb(249,255,33)
```
#218aff
```
#218aff rgb(33,138,255)
```
#ff2721
```
#ff2721 rgb(255,39,33)
```

Split Complementary Color

#8aff21
```
#8aff21 rgb(138,255,33)
```
#218aff
```
#218aff rgb(33,138,255)
```
#ff218a
```
#ff218a rgb(255,33,138)
```

Triadic Color

#21ff96
```
#21ff96 rgb(33,255,150)
```
#218aff
```
#218aff rgb(33,138,255)
```
#ff218a
```
#ff218a rgb(255,33,138)
```
#ff9621
```
#ff9621 rgb(255,150,33)
```

Tetradic Color

#0064d4
```
#0064d4 rgb(0,100,212)
```
#0070ed
```
#0070ed rgb(0,112,237)
```
#077dff
```
#077dff rgb(7,125,255)
```
#218aff
```
#218aff rgb(33,138,255)
```
#3b97ff
```
#3b97ff rgb(59,151,255)
```
#54a5ff
```
#54a5ff rgb(84,165,255)
```
#6eb2ff
```
#6eb2ff rgb(110,178,255)
```

Monochromatic Color

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

#21c2ff
```
#21c2ff rgb(33,194,255)
```
#21afff
```
#21afff rgb(33,175,255)
```
#219dff
```
#219dff rgb(33,157,255)
```
#218aff
```
#218aff rgb(33,138,255)
```
#2178ff
```
#2178ff rgb(33,120,255)
```
#2165ff
```
#2165ff rgb(33,101,255)
```
#2153ff
```
#2153ff rgb(33,83,255)
```

Similar Colors

Text with hexadecimal color #218aff

This text has a font color of #218aff.

<span style="color:#218aff;">Text here</span>

#218aff background color

This paragraph has a background color of #218aff.

<p style="background-color:#218aff;">Content here</p>

#218aff border color

This element has a border color of #218aff.

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

CSS codes

.text {color:#218aff;}

.background {background-color:#218aff;}

.border {border:1px solid #218aff;}

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

#00060d
```
#00060d rgb(0,6,13)
```
#001021
```
#001021 rgb(0,16,33)
```
#001935
```
#001935 rgb(0,25,53)
```
#002248
```
#002248 rgb(0,34,72)
```
#002b5c
```
#002b5c rgb(0,43,92)
```
#00356f
```
#00356f rgb(0,53,111)
```
#003e83
```
#003e83 rgb(0,62,131)
```
#004797
```
#004797 rgb(0,71,151)
```
#0051aa
```
#0051aa rgb(0,81,170)
```
#005abe
```
#005abe rgb(0,90,190)
```
#0063d2
```
#0063d2 rgb(0,99,210)
```
#006ce5
```
#006ce5 rgb(0,108,229)
```
#0076f9
```
#0076f9 rgb(0,118,249)
```

Shade Color Variation

#0d80ff
```
#0d80ff rgb(13,128,255)
```
#218aff
```
#218aff rgb(33,138,255)
```
#3594ff
```
#3594ff rgb(53,148,255)
```
#489fff
```
#489fff rgb(72,159,255)
```
#5ca9ff
```
#5ca9ff rgb(92,169,255)
```
#6fb3ff
```
#6fb3ff rgb(111,179,255)
```
#83beff
```
#83beff rgb(131,190,255)
```
#97c8ff
```
#97c8ff rgb(151,200,255)
```
#aad2ff
```
#aad2ff rgb(170,210,255)
```
#beddff
```
#beddff rgb(190,221,255)
```
#d2e7ff
```
#d2e7ff rgb(210,231,255)
```
#e5f1ff
```
#e5f1ff rgb(229,241,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #879099 is the less saturated color, while #218aff is the most saturated one.

#879099
```
#879099 rgb(135,144,153)
```
#7f8fa1
```
#7f8fa1 rgb(127,143,161)
```
#768faa
```
#768faa rgb(118,143,170)
```
#6e8eb2
```
#6e8eb2 rgb(110,142,178)
```
#658ebb
```
#658ebb rgb(101,142,187)
```
#5d8dc3
```
#5d8dc3 rgb(93,141,195)
```
#548dcc
```
#548dcc rgb(84,141,204)
```
#4c8cd4
```
#4c8cd4 rgb(76,140,212)
```
#438cdd
```
#438cdd rgb(67,140,221)
```
#3b8be5
```
#3b8be5 rgb(59,139,229)
```
#328bee
```
#328bee rgb(50,139,238)
```
#2a8af6
```
#2a8af6 rgb(42,138,246)
```
#218aff
```
#218aff rgb(33,138,255)
```

Tone Color Variation

Below, you can see how #218aff 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

#787878 Achromatopsia 0.005% of the population
#677c93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#518dfc Protanopia 1% of men
#0093f4 Deuteranopia 1% of men
#009fa8 Tritanopia 0.001% of the population

Trichromacy

#3f8cfd Protanomaly 1% of men, 0.01% of women
#0c90f8 Deuteranomaly 6% of men, 0.4% of women
#0c97c7 Tritanomaly 0.01% of the population

#218aff hex color

#218aff Color Information

#218aff Color Conversion

Color Schemes with #218aff

Alternatives to #218aff

#218aff Preview

Shades and Tints of #218aff

Tones of #218aff

Color Blindness Simulator