colorhexa.com

#218bfe hex color

In a RGB color space, hex #218bfe is composed of 12.9% red, 54.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 45.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 211.2 degrees, a saturation of 99.1% and a lightness of 56.3%. #218bfe color hex could be obtained by blending #42ffff with #0017fd. Closest websafe color is: #3399ff.

- R 13
- G 55
- B 100
RGB color chart
- C 87
- M 45
- Y 0
- K 0
CMYK color chart

● #218bfe color description : Vivid blue.

The hexadecimal color #218bfe has RGB values of R:33, G:139, B:254 and CMYK values of C:0.87, M:0.45, Y:0, K:0. Its decimal value is 2198526.

Hex triplet	218bfe	`#218bfe`
RGB Decimal	33, 139, 254	`rgb(33,139,254)`
RGB Percent	12.9, 54.5, 99.6	`rgb(12.9%,54.5%,99.6%)`
CMYK	87, 45, 0, 0
HSL	211.2°, 99.1, 56.3	`hsl(211.2,99.1%,56.3%)`
HSV (or HSB)	211.2°, 87, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.982, 12.793, -65.089
XYZ	27.745, 25.942, 97.305
xyY	0.184, 0.172, 25.942
CIE-LCH	57.982, 66.334, 281.119
CIE-LUV	57.982, -31.102, -104.723
Hunter-Lab	50.933, 8.102, -77.618
Binary	00100001, 10001011, 11111110

#218bfe
```
#218bfe rgb(33,139,254)
```
#fe9421
```
#fe9421 rgb(254,148,33)
```

Complementary Color

#21fafe
```
#21fafe rgb(33,250,254)
```
#218bfe
```
#218bfe rgb(33,139,254)
```
#2521fe
```
#2521fe rgb(37,33,254)
```

Analogous Color

#fafe21
```
#fafe21 rgb(250,254,33)
```
#218bfe
```
#218bfe rgb(33,139,254)
```
#fe2521
```
#fe2521 rgb(254,37,33)
```

Split Complementary Color

#8bfe21
```
#8bfe21 rgb(139,254,33)
```
#218bfe
```
#218bfe rgb(33,139,254)
```
#fe218b
```
#fe218b rgb(254,33,139)
```

Triadic Color

#21fe94
```
#21fe94 rgb(33,254,148)
```
#218bfe
```
#218bfe rgb(33,139,254)
```
#fe218b
```
#fe218b rgb(254,33,139)
```
#fe9421
```
#fe9421 rgb(254,148,33)
```

Tetradic Color

#0165d2
```
#0165d2 rgb(1,101,210)
```
#0171eb
```
#0171eb rgb(1,113,235)
```
#087efe
```
#087efe rgb(8,126,254)
```
#218bfe
```
#218bfe rgb(33,139,254)
```
#3a98fe
```
#3a98fe rgb(58,152,254)
```
#54a6fe
```
#54a6fe rgb(84,166,254)
```
#6db3fe
```
#6db3fe rgb(109,179,254)
```

Monochromatic Color

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

#21c2fe
```
#21c2fe rgb(33,194,254)
```
#21b0fe
```
#21b0fe rgb(33,176,254)
```
#219dfe
```
#219dfe rgb(33,157,254)
```
#218bfe
```
#218bfe rgb(33,139,254)
```
#2179fe
```
#2179fe rgb(33,121,254)
```
#2166fe
```
#2166fe rgb(33,102,254)
```
#2154fe
```
#2154fe rgb(33,84,254)
```

Similar Colors

Text with hexadecimal color #218bfe

This text has a font color of #218bfe.

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

#218bfe background color

This paragraph has a background color of #218bfe.

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

#218bfe border color

This element has a border color of #218bfe.

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

CSS codes

.text {color:#218bfe;}

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

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

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

#00060c
```
#00060c rgb(0,6,12)
```
#000f20
```
#000f20 rgb(0,15,32)
```
#001933
```
#001933 rgb(0,25,51)
```
#002247
```
#002247 rgb(0,34,71)
```
#002c5a
```
#002c5a rgb(0,44,90)
```
#00356e
```
#00356e rgb(0,53,110)
```
#013e81
```
#013e81 rgb(1,62,129)
```
#014895
```
#014895 rgb(1,72,149)
```
#0151a9
```
#0151a9 rgb(1,81,169)
```
#015bbc
```
#015bbc rgb(1,91,188)
```
#0164d0
```
#0164d0 rgb(1,100,208)
```
#016de3
```
#016de3 rgb(1,109,227)
```
#0177f7
```
#0177f7 rgb(1,119,247)
```

Shade Color Variation

#0d81fe
```
#0d81fe rgb(13,129,254)
```
#218bfe
```
#218bfe rgb(33,139,254)
```
#3595fe
```
#3595fe rgb(53,149,254)
```
#489ffe
```
#489ffe rgb(72,159,254)
```
#5caafe
```
#5caafe rgb(92,170,254)
```
#6fb4fe
```
#6fb4fe rgb(111,180,254)
```
#83befe
```
#83befe rgb(131,190,254)
```
#96c8ff
```
#96c8ff rgb(150,200,255)
```
#aad2ff
```
#aad2ff rgb(170,210,255)
```
#bdddff
```
#bdddff rgb(189,221,255)
```
#d1e7ff
```
#d1e7ff rgb(209,231,255)
```
#e4f1ff
```
#e4f1ff rgb(228,241,255)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#888f97
```
#888f97 rgb(136,143,151)
```
#7f8fa0
```
#7f8fa0 rgb(127,143,160)
```
#778ea8
```
#778ea8 rgb(119,142,168)
```
#6e8eb1
```
#6e8eb1 rgb(110,142,177)
```
#668eb9
```
#668eb9 rgb(102,142,185)
```
#5d8dc2
```
#5d8dc2 rgb(93,141,194)
```
#548dcb
```
#548dcb rgb(84,141,203)
```
#4c8dd3
```
#4c8dd3 rgb(76,141,211)
```
#438cdc
```
#438cdc rgb(67,140,220)
```
#3b8ce4
```
#3b8ce4 rgb(59,140,228)
```
#328ced
```
#328ced rgb(50,140,237)
```
#2a8bf5
```
#2a8bf5 rgb(42,139,245)
```
#218bfe
```
#218bfe rgb(33,139,254)
```

Tone Color Variation

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

#548dfb Protanopia 1% of men
#0093f5 Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#418cfc Protanomaly 1% of men, 0.01% of women
#0c90f8 Deuteranomaly 6% of men, 0.4% of women
#0c98c8 Tritanomaly 0.01% of the population