colorhexa.com

#218498 hex color

In a RGB color space, hex #218498 is composed of 12.9% red, 51.8% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 13.2% magenta, 0% yellow and 40.4% black. It has a hue angle of 190.1 degrees, a saturation of 64.3% and a lightness of 36.3%. #218498 color hex could be obtained by blending #42ffff with #000931. Closest websafe color is: #339999.

- R 13
- G 52
- B 60
RGB color chart
- C 78
- M 13
- Y 0
- K 40
CMYK color chart

● #218498 color description : Dark cyan.

The hexadecimal color #218498 has RGB values of R:33, G:132, B:152 and CMYK values of C:0.78, M:0.13, Y:0, K:0.4. Its decimal value is 2196632.

Hex triplet	218498	`#218498`
RGB Decimal	33, 132, 152	`rgb(33,132,152)`
RGB Percent	12.9, 51.8, 59.6	`rgb(12.9%,51.8%,59.6%)`
CMYK	78, 13, 0, 40
HSL	190.1°, 64.3, 36.3	`hsl(190.1,64.3%,36.3%)`
HSV (or HSB)	190.1°, 78.3, 59.6
Web Safe	339999	`#339999`

CIE-LAB	50.794, -20.468, -18.666
XYZ	14.544, 19.092, 32.623
xyY	0.22, 0.288, 19.092
CIE-LCH	50.794, 27.702, 222.364
CIE-LUV	50.794, -34.306, -24.741
Hunter-Lab	43.694, -17.047, -13.681
Binary	00100001, 10000100, 10011000

#218498
```
#218498 rgb(33,132,152)
```
#983521
```
#983521 rgb(152,53,33)
```

Complementary Color

#219871
```
#219871 rgb(33,152,113)
```
#218498
```
#218498 rgb(33,132,152)
```
#214998
```
#214998 rgb(33,73,152)
```

Analogous Color

#987121
```
#987121 rgb(152,113,33)
```
#218498
```
#218498 rgb(33,132,152)
```
#982149
```
#982149 rgb(152,33,73)
```

Split Complementary Color

#849821
```
#849821 rgb(132,152,33)
```
#218498
```
#218498 rgb(33,132,152)
```
#982184
```
#982184 rgb(152,33,132)
```

Triadic Color

#219835
```
#219835 rgb(33,152,53)
```
#218498
```
#218498 rgb(33,132,152)
```
#982184
```
#982184 rgb(152,33,132)
```
#983521
```
#983521 rgb(152,53,33)
```

Tetradic Color

#134d59
```
#134d59 rgb(19,77,89)
```
#18606e
```
#18606e rgb(24,96,110)
```
#1c7283
```
#1c7283 rgb(28,114,131)
```
#218498
```
#218498 rgb(33,132,152)
```
#2696ad
```
#2696ad rgb(38,150,173)
```
#2aa8c2
```
#2aa8c2 rgb(42,168,194)
```
#33b8d3
```
#33b8d3 rgb(51,184,211)
```

Monochromatic Color

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

#21988e
```
#21988e rgb(33,152,142)
```
#219898
```
#219898 rgb(33,152,152)
```
#218e98
```
#218e98 rgb(33,142,152)
```
#218498
```
#218498 rgb(33,132,152)
```
#217a98
```
#217a98 rgb(33,122,152)
```
#217098
```
#217098 rgb(33,112,152)
```
#216698
```
#216698 rgb(33,102,152)
```

Similar Colors

Text with hexadecimal color #218498

This text has a font color of #218498.

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

#218498 background color

This paragraph has a background color of #218498.

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

#218498 border color

This element has a border color of #218498.

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

CSS codes

.text {color:#218498;}

.background {background-color:#218498;}

.border {border:1px solid #218498;}

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

#020607
```
#020607 rgb(2,6,7)
```
#051417
```
#051417 rgb(5,20,23)
```
#092227
```
#092227 rgb(9,34,39)
```
#0c3037
```
#0c3037 rgb(12,48,55)
```
#103e47
```
#103e47 rgb(16,62,71)
```
#134c58
```
#134c58 rgb(19,76,88)
```
#175a68
```
#175a68 rgb(23,90,104)
```
#1a6878
```
#1a6878 rgb(26,104,120)
```
#1e7688
```
#1e7688 rgb(30,118,136)
```
#218498
```
#218498 rgb(33,132,152)
```
#2492a8
```
#2492a8 rgb(36,146,168)
```
#28a0b8
```
#28a0b8 rgb(40,160,184)
```
#2baec8
```
#2baec8 rgb(43,174,200)
```

Shade Color Variation

#34b8d3
```
#34b8d3 rgb(52,184,211)
```
#45bed7
```
#45bed7 rgb(69,190,215)
```
#55c4da
```
#55c4da rgb(85,196,218)
```
#65c9de
```
#65c9de rgb(101,201,222)
```
#75cfe1
```
#75cfe1 rgb(117,207,225)
```
#85d4e5
```
#85d4e5 rgb(133,212,229)
```
#95dae8
```
#95dae8 rgb(149,218,232)
```
#a5e0ec
```
#a5e0ec rgb(165,224,236)
```
#b5e5ef
```
#b5e5ef rgb(181,229,239)
```
#c5ebf3
```
#c5ebf3 rgb(197,235,243)
```
#d6f1f6
```
#d6f1f6 rgb(214,241,246)
```
#e6f6fa
```
#e6f6fa rgb(230,246,250)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5e5f is the less saturated color, while #0597b4 is the most saturated one.

#5a5e5f
```
#5a5e5f rgb(90,94,95)
```
#536366
```
#536366 rgb(83,99,102)
```
#4c686d
```
#4c686d rgb(76,104,109)
```
#456c74
```
#456c74 rgb(69,108,116)
```
#3d717c
```
#3d717c rgb(61,113,124)
```
#367683
```
#367683 rgb(54,118,131)
```
#2f7b8a
```
#2f7b8a rgb(47,123,138)
```
#287f91
```
#287f91 rgb(40,127,145)
```
#218498
```
#218498 rgb(33,132,152)
```
#1a899f
```
#1a899f rgb(26,137,159)
```
#138da6
```
#138da6 rgb(19,141,166)
```
#0c92ad
```
#0c92ad rgb(12,146,173)
```
#0597b4
```
#0597b4 rgb(5,151,180)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5b6e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7e96 Protanopia 1% of men
#787da2 Deuteranopia 1% of men
#248b95 Tritanopia 0.001% of the population

Trichromacy

#5a8096 Protanomaly 1% of men, 0.01% of women
#58809e Deuteranomaly 6% of men, 0.4% of women
#228896 Tritanomaly 0.01% of the population