#218cc4 hex color

In a RGB color space, hex #218cc4 is composed of 12.9% red, 54.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 28.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 200.6 degrees, a saturation of 71.2% and a lightness of 44.9%. #218cc4 color hex could be obtained by blending #42ffff with #001989. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 55
- B 77
RGB color chart
- C 83
- M 29
- Y 0
- K 23
CMYK color chart

● #218cc4 color description : Strong blue.

The hexadecimal color #218cc4 has RGB values of R:33, G:140, B:196 and CMYK values of C:0.83, M:0.29, Y:0, K:0.23. Its decimal value is 2198724.

Hex triplet	218cc4	`#218cc4`
RGB Decimal	33, 140, 196	`rgb(33,140,196)`
RGB Percent	12.9, 54.9, 76.9	`rgb(12.9%,54.9%,76.9%)`
CMYK	83, 29, 0, 23
HSL	200.6°, 71.2, 44.9	`hsl(200.6,71.2%,44.9%)`
HSV (or HSB)	200.6°, 83.2, 76.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.137, -9.397, -37.227
XYZ	19.967, 23.063, 55.621
xyY	0.202, 0.234, 23.063
CIE-LCH	55.137, 38.395, 255.833
CIE-LUV	55.137, -34.359, -56.439
Hunter-Lab	48.024, -9.829, -35.052
Binary	00100001, 10001100, 11000100

#218cc4
```
#218cc4 rgb(33,140,196)
```
#c45921
```
#c45921 rgb(196,89,33)
```

Complementary Color

#21c4ab
```
#21c4ab rgb(33,196,171)
```
#218cc4
```
#218cc4 rgb(33,140,196)
```
#213bc4
```
#213bc4 rgb(33,59,196)
```

Analogous Color

#c4ab21
```
#c4ab21 rgb(196,171,33)
```
#218cc4
```
#218cc4 rgb(33,140,196)
```
#c4213b
```
#c4213b rgb(196,33,59)
```

Split Complementary Color

#8cc421
```
#8cc421 rgb(140,196,33)
```
#218cc4
```
#218cc4 rgb(33,140,196)
```
#c4218c
```
#c4218c rgb(196,33,140)
```

Triadic Color

#21c459
```
#21c459 rgb(33,196,89)
```
#218cc4
```
#218cc4 rgb(33,140,196)
```
#c4218c
```
#c4218c rgb(196,33,140)
```
#c45921
```
#c45921 rgb(196,89,33)
```

Tetradic Color

#165d83
```
#165d83 rgb(22,93,131)
```
#1a6d98
```
#1a6d98 rgb(26,109,152)
```
#1d7cae
```
#1d7cae rgb(29,124,174)
```
#218cc4
```
#218cc4 rgb(33,140,196)
```
#259cda
```
#259cda rgb(37,156,218)
```
#3aa6de
```
#3aa6de rgb(58,166,222)
```
#50b0e2
```
#50b0e2 rgb(80,176,226)
```

Monochromatic Color

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

#21b5c4
```
#21b5c4 rgb(33,181,196)
```
#21a7c4
```
#21a7c4 rgb(33,167,196)
```
#219ac4
```
#219ac4 rgb(33,154,196)
```
#218cc4
```
#218cc4 rgb(33,140,196)
```
#217ec4
```
#217ec4 rgb(33,126,196)
```
#2171c4
```
#2171c4 rgb(33,113,196)
```
#2163c4
```
#2163c4 rgb(33,99,196)
```

Similar Colors

Text with hexadecimal color #218cc4

This text has a font color of #218cc4.

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

#218cc4 background color

This paragraph has a background color of #218cc4.

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

#218cc4 border color

This element has a border color of #218cc4.

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

CSS codes

.text {color:#218cc4;}

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

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

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, #02080b is the darkest color, while #fafdfe is the lightest one.

#02080b
```
#02080b rgb(2,8,11)
```
#05141c
```
#05141c rgb(5,20,28)
```
#08202d
```
#08202d rgb(8,32,45)
```
#0a2c3e
```
#0a2c3e rgb(10,44,62)
```
#0d384e
```
#0d384e rgb(13,56,78)
```
#10445f
```
#10445f rgb(16,68,95)
```
#135070
```
#135070 rgb(19,80,112)
```
#165c81
```
#165c81 rgb(22,92,129)
```
#196892
```
#196892 rgb(25,104,146)
```
#1b74a2
```
#1b74a2 rgb(27,116,162)
```
#1e80b3
```
#1e80b3 rgb(30,128,179)
```
#218cc4
```
#218cc4 rgb(33,140,196)
```
#2498d5
```
#2498d5 rgb(36,152,213)
```

Shade Color Variation

#30a1dc
```
#30a1dc rgb(48,161,220)
```
#41a9df
```
#41a9df rgb(65,169,223)
```
#52b0e2
```
#52b0e2 rgb(82,176,226)
```
#62b8e5
```
#62b8e5 rgb(98,184,229)
```
#73c0e7
```
#73c0e7 rgb(115,192,231)
```
#84c7ea
```
#84c7ea rgb(132,199,234)
```
#95cfed
```
#95cfed rgb(149,207,237)
```
#a6d6f0
```
#a6d6f0 rgb(166,214,240)
```
#b6def3
```
#b6def3 rgb(182,222,243)
```
#c7e6f6
```
#c7e6f6 rgb(199,230,246)
```
#d8edf8
```
#d8edf8 rgb(216,237,248)
```
#e9f5fb
```
#e9f5fb rgb(233,245,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#707375
```
#707375 rgb(112,115,117)
```
#67767e
```
#67767e rgb(103,118,126)
```
#5f7986
```
#5f7986 rgb(95,121,134)
```
#567b8f
```
#567b8f rgb(86,123,143)
```
#4d7e98
```
#4d7e98 rgb(77,126,152)
```
#4481a1
```
#4481a1 rgb(68,129,161)
```
#3b84aa
```
#3b84aa rgb(59,132,170)
```
#3386b2
```
#3386b2 rgb(51,134,178)
```
#2a89bb
```
#2a89bb rgb(42,137,187)
```
#218cc4
```
#218cc4 rgb(33,140,196)
```
#188fcd
```
#188fcd rgb(24,143,205)
```
#0f92d6
```
#0f92d6 rgb(15,146,214)
```
#0794de
```
#0794de rgb(7,148,222)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#627782 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7788c0 Protanopia 1% of men
#688aca Deuteranopia 1% of men
#0097a2 Tritanopia 0.001% of the population

Trichromacy

#5789c1 Protanomaly 1% of men, 0.01% of women
#4e8ac8 Deuteranomaly 6% of men, 0.4% of women
#0c93ae Tritanomaly 0.01% of the population

#218cc4 hex color

#218cc4 Color Information

#218cc4 Color Conversion

Color Schemes with #218cc4

Alternatives to #218cc4

#218cc4 Preview

Shades and Tints of #218cc4

Tones of #218cc4

Color Blindness Simulator