#218fa1 hex color

In a RGB color space, hex #218fa1 is composed of 12.9% red, 56.1% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 11.2% magenta, 0% yellow and 36.9% black. It has a hue angle of 188.4 degrees, a saturation of 66% and a lightness of 38%. #218fa1 color hex could be obtained by blending #42ffff with #001f43. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 56
- B 63
RGB color chart
- C 80
- M 11
- Y 0
- K 37
CMYK color chart

● #218fa1 color description : Dark cyan.

The hexadecimal color #218fa1 has RGB values of R:33, G:143, B:161 and CMYK values of C:0.8, M:0.11, Y:0, K:0.37. Its decimal value is 2199457.

Hex triplet	218fa1	`#218fa1`
RGB Decimal	33, 143, 161	`rgb(33,143,161)`
RGB Percent	12.9, 56.1, 63.1	`rgb(12.9%,56.1%,63.1%)`
CMYK	80, 11, 0, 37
HSL	188.4°, 66, 38	`hsl(188.4,66%,38%)`
HSV (or HSB)	188.4°, 79.5, 63.1
Web Safe	339999	`#339999`

CIE-LAB	54.595, -23.236, -18.072
XYZ	16.881, 22.54, 37.177
xyY	0.22, 0.294, 22.54
CIE-LCH	54.595, 29.437, 217.874
CIE-LUV	54.595, -37.686, -23.771
Hunter-Lab	47.476, -19.615, -13.195
Binary	00100001, 10001111, 10100001

#218fa1
```
#218fa1 rgb(33,143,161)
```
#a13321
```
#a13321 rgb(161,51,33)
```

Complementary Color

#21a173
```
#21a173 rgb(33,161,115)
```
#218fa1
```
#218fa1 rgb(33,143,161)
```
#214fa1
```
#214fa1 rgb(33,79,161)
```

Analogous Color

#a17321
```
#a17321 rgb(161,115,33)
```
#218fa1
```
#218fa1 rgb(33,143,161)
```
#a1214f
```
#a1214f rgb(161,33,79)
```

Split Complementary Color

#8fa121
```
#8fa121 rgb(143,161,33)
```
#218fa1
```
#218fa1 rgb(33,143,161)
```
#a1218f
```
#a1218f rgb(161,33,143)
```

Triadic Color

#21a133
```
#21a133 rgb(33,161,51)
```
#218fa1
```
#218fa1 rgb(33,143,161)
```
#a1218f
```
#a1218f rgb(161,33,143)
```
#a13321
```
#a13321 rgb(161,51,33)
```

Tetradic Color

#145762
```
#145762 rgb(20,87,98)
```
#186977
```
#186977 rgb(24,105,119)
```
#1d7c8c
```
#1d7c8c rgb(29,124,140)
```
#218fa1
```
#218fa1 rgb(33,143,161)
```
#25a2b6
```
#25a2b6 rgb(37,162,182)
```
#2ab5cb
```
#2ab5cb rgb(42,181,203)
```
#38c0d6
```
#38c0d6 rgb(56,192,214)
```

Monochromatic Color

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

#21a193
```
#21a193 rgb(33,161,147)
```
#21a19e
```
#21a19e rgb(33,161,158)
```
#219aa1
```
#219aa1 rgb(33,154,161)
```
#218fa1
```
#218fa1 rgb(33,143,161)
```
#2184a1
```
#2184a1 rgb(33,132,161)
```
#217aa1
```
#217aa1 rgb(33,122,161)
```
#216fa1
```
#216fa1 rgb(33,111,161)
```

Similar Colors

Text with hexadecimal color #218fa1

This text has a font color of #218fa1.

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

#218fa1 background color

This paragraph has a background color of #218fa1.

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

#218fa1 border color

This element has a border color of #218fa1.

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

CSS codes

.text {color:#218fa1;}

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

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

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, #030d0e is the darkest color, while #fdfeff is the lightest one.

#030d0e
```
#030d0e rgb(3,13,14)
```
#061b1f
```
#061b1f rgb(6,27,31)
```
#0a2a2f
```
#0a2a2f rgb(10,42,47)
```
#0d383f
```
#0d383f rgb(13,56,63)
```
#104750
```
#104750 rgb(16,71,80)
```
#145560
```
#145560 rgb(20,85,96)
```
#176470
```
#176470 rgb(23,100,112)
```
#1a7280
```
#1a7280 rgb(26,114,128)
```
#1e8191
```
#1e8191 rgb(30,129,145)
```
#218fa1
```
#218fa1 rgb(33,143,161)
```
#249db1
```
#249db1 rgb(36,157,177)
```
#28acc2
```
#28acc2 rgb(40,172,194)
```
#2bbad2
```
#2bbad2 rgb(43,186,210)
```

Shade Color Variation

#3ac1d7
```
#3ac1d7 rgb(58,193,215)
```
#4ac6da
```
#4ac6da rgb(74,198,218)
```
#5acbdd
```
#5acbdd rgb(90,203,221)
```
#6bd0e1
```
#6bd0e1 rgb(107,208,225)
```
#7bd5e4
```
#7bd5e4 rgb(123,213,228)
```
#8bdae7
```
#8bdae7 rgb(139,218,231)
```
#9cdfeb
```
#9cdfeb rgb(156,223,235)
```
#ace5ee
```
#ace5ee rgb(172,229,238)
```
#bceaf1
```
#bceaf1 rgb(188,234,241)
```
#cceff5
```
#cceff5 rgb(204,239,245)
```
#ddf4f8
```
#ddf4f8 rgb(221,244,248)
```
#edf9fb
```
#edf9fb rgb(237,249,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#5d6465
```
#5d6465 rgb(93,100,101)
```
#55696d
```
#55696d rgb(85,105,109)
```
#4e6f74
```
#4e6f74 rgb(78,111,116)
```
#46747c
```
#46747c rgb(70,116,124)
```
#3f7a83
```
#3f7a83 rgb(63,122,131)
```
#377f8b
```
#377f8b rgb(55,127,139)
```
#308492
```
#308492 rgb(48,132,146)
```
#288a9a
```
#288a9a rgb(40,138,154)
```
#218fa1
```
#218fa1 rgb(33,143,161)
```
#1a94a8
```
#1a94a8 rgb(26,148,168)
```
#129ab0
```
#129ab0 rgb(18,154,176)
```
#0b9fb7
```
#0b9fb7 rgb(11,159,183)
```
#03a4bf
```
#03a4bf rgb(3,164,191)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#60767a Atypical Achromatopsia 0.001% of the population

Dichromacy

#84889d Protanopia 1% of men
#8286ab Deuteranopia 1% of men
#2695a0 Tritanopia 0.001% of the population

Trichromacy

#608a9f Protanomaly 1% of men, 0.01% of women
#5f89a7 Deuteranomaly 6% of men, 0.4% of women
#2493a0 Tritanomaly 0.01% of the population

#218fa1 hex color

#218fa1 Color Information

#218fa1 Color Conversion

Color Schemes with #218fa1

Alternatives to #218fa1

#218fa1 Preview

Shades and Tints of #218fa1

Tones of #218fa1

Color Blindness Simulator