#218fbb hex color

In a RGB color space, hex #218fbb is composed of 12.9% red, 56.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 23.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 197.1 degrees, a saturation of 70% and a lightness of 43.1%. #218fbb color hex could be obtained by blending #42ffff with #001f77. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 56
- B 73
RGB color chart
- C 82
- M 24
- Y 0
- K 27
CMYK color chart

● #218fbb color description : Strong blue.

The hexadecimal color #218fbb has RGB values of R:33, G:143, B:187 and CMYK values of C:0.82, M:0.24, Y:0, K:0.27. Its decimal value is 2199483.

Hex triplet	218fbb	`#218fbb`
RGB Decimal	33, 143, 187	`rgb(33,143,187)`
RGB Percent	12.9, 56.1, 73.3	`rgb(12.9%,56.1%,73.3%)`
CMYK	82, 24, 0, 27
HSL	197.1°, 70, 43.1	`hsl(197.1,70%,43.1%)`
HSV (or HSB)	197.1°, 82.4, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.639, -14.311, -31.333
XYZ	19.417, 23.554, 50.534
xyY	0.208, 0.252, 23.554
CIE-LCH	55.639, 34.446, 245.451
CIE-LUV	55.639, -35.958, -46.317
Hunter-Lab	48.533, -13.518, -27.762
Binary	00100001, 10001111, 10111011

#218fbb
```
#218fbb rgb(33,143,187)
```
#bb4d21
```
#bb4d21 rgb(187,77,33)
```

Complementary Color

#21bb9a
```
#21bb9a rgb(33,187,154)
```
#218fbb
```
#218fbb rgb(33,143,187)
```
#2142bb
```
#2142bb rgb(33,66,187)
```

Analogous Color

#bb9a21
```
#bb9a21 rgb(187,154,33)
```
#218fbb
```
#218fbb rgb(33,143,187)
```
#bb2142
```
#bb2142 rgb(187,33,66)
```

Split Complementary Color

#8fbb21
```
#8fbb21 rgb(143,187,33)
```
#218fbb
```
#218fbb rgb(33,143,187)
```
#bb218f
```
#bb218f rgb(187,33,143)
```

Triadic Color

#21bb4d
```
#21bb4d rgb(33,187,77)
```
#218fbb
```
#218fbb rgb(33,143,187)
```
#bb218f
```
#bb218f rgb(187,33,143)
```
#bb4d21
```
#bb4d21 rgb(187,77,33)
```

Tetradic Color

#165d7a
```
#165d7a rgb(22,93,122)
```
#196e90
```
#196e90 rgb(25,110,144)
```
#1d7ea5
```
#1d7ea5 rgb(29,126,165)
```
#218fbb
```
#218fbb rgb(33,143,187)
```
#25a0d1
```
#25a0d1 rgb(37,160,209)
```
#34abdb
```
#34abdb rgb(52,171,219)
```
#4ab4df
```
#4ab4df rgb(74,180,223)
```

Monochromatic Color

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

#21b6bb
```
#21b6bb rgb(33,182,187)
```
#21a9bb
```
#21a9bb rgb(33,169,187)
```
#219cbb
```
#219cbb rgb(33,156,187)
```
#218fbb
```
#218fbb rgb(33,143,187)
```
#2182bb
```
#2182bb rgb(33,130,187)
```
#2175bb
```
#2175bb rgb(33,117,187)
```
#2169bb
```
#2169bb rgb(33,105,187)
```

Similar Colors

Text with hexadecimal color #218fbb

This text has a font color of #218fbb.

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

#218fbb background color

This paragraph has a background color of #218fbb.

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

#218fbb border color

This element has a border color of #218fbb.

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

CSS codes

.text {color:#218fbb;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#041014
```
#041014 rgb(4,16,20)
```
#071c25
```
#071c25 rgb(7,28,37)
```
#092936
```
#092936 rgb(9,41,54)
```
#0c3646
```
#0c3646 rgb(12,54,70)
```
#0f4257
```
#0f4257 rgb(15,66,87)
```
#124f68
```
#124f68 rgb(18,79,104)
```
#155c78
```
#155c78 rgb(21,92,120)
```
#186989
```
#186989 rgb(24,105,137)
```
#1b769a
```
#1b769a rgb(27,118,154)
```
#1e82aa
```
#1e82aa rgb(30,130,170)
```
#218fbb
```
#218fbb rgb(33,143,187)
```
#249ccc
```
#249ccc rgb(36,156,204)
```

Shade Color Variation

#2aa7d9
```
#2aa7d9 rgb(42,167,217)
```
#3baedc
```
#3baedc rgb(59,174,220)
```
#4bb5df
```
#4bb5df rgb(75,181,223)
```
#5cbce2
```
#5cbce2 rgb(92,188,226)
```
#6dc3e5
```
#6dc3e5 rgb(109,195,229)
```
#7dcae8
```
#7dcae8 rgb(125,202,232)
```
#8ed0eb
```
#8ed0eb rgb(142,208,235)
```
#9fd7ee
```
#9fd7ee rgb(159,215,238)
```
#afdef1
```
#afdef1 rgb(175,222,241)
```
#c0e5f4
```
#c0e5f4 rgb(192,229,244)
```
#d1ecf7
```
#d1ecf7 rgb(209,236,247)
```
#e1f3fa
```
#e1f3fa rgb(225,243,250)
```
#f2fafd
```
#f2fafd rgb(242,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6e6f is the less saturated color, while #089ad4 is the most saturated one.

#6d6e6f
```
#6d6e6f rgb(109,110,111)
```
#657277
```
#657277 rgb(101,114,119)
```
#5c7680
```
#5c7680 rgb(92,118,128)
```
#547988
```
#547988 rgb(84,121,136)
```
#4b7d91
```
#4b7d91 rgb(75,125,145)
```
#438099
```
#438099 rgb(67,128,153)
```
#3a84a2
```
#3a84a2 rgb(58,132,162)
```
#3288aa
```
#3288aa rgb(50,136,170)
```
#298bb3
```
#298bb3 rgb(41,139,179)
```
#218fbb
```
#218fbb rgb(33,143,187)
```
#1993c3
```
#1993c3 rgb(25,147,195)
```
#1096cc
```
#1096cc rgb(16,150,204)
```
#089ad4
```
#089ad4 rgb(8,154,212)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#637981 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8ab7 Protanopia 1% of men
#748ac2 Deuteranopia 1% of men
#0099a4 Tritanopia 0.001% of the population

Trichromacy

#5c8bb8 Protanomaly 1% of men, 0.01% of women
#558cbf Deuteranomaly 6% of men, 0.4% of women
#0c95ac Tritanomaly 0.01% of the population

#218fbb hex color

#218fbb Color Information

#218fbb Color Conversion

Color Schemes with #218fbb

Alternatives to #218fbb

#218fbb Preview

Shades and Tints of #218fbb

Tones of #218fbb

Color Blindness Simulator