#216f88 hex color

In a RGB color space, hex #216f88 is composed of 12.9% red, 43.5% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 18.4% magenta, 0% yellow and 46.7% black. It has a hue angle of 194.6 degrees, a saturation of 60.9% and a lightness of 33.1%. #216f88 color hex could be obtained by blending #42deff with #000011. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 44
- B 53
RGB color chart
- C 76
- M 18
- Y 0
- K 47
CMYK color chart

● #216f88 color description : Dark cyan.

The hexadecimal color #216f88 has RGB values of R:33, G:111, B:136 and CMYK values of C:0.76, M:0.18, Y:0, K:0.47. Its decimal value is 2191240.

Hex triplet	216f88	`#216f88`
RGB Decimal	33, 111, 136	`rgb(33,111,136)`
RGB Percent	12.9, 43.5, 53.3	`rgb(12.9%,43.5%,53.3%)`
CMYK	76, 18, 0, 47
HSL	194.6°, 60.9, 33.1	`hsl(194.6,60.9%,33.1%)`
HSV (or HSB)	194.6°, 75.7, 53.3
Web Safe	336699	`#336699`

CIE-LAB	43.461, -14.464, -20.476
XYZ	10.754, 13.469, 25.324
xyY	0.217, 0.272, 13.469
CIE-LCH	43.461, 25.069, 234.763
CIE-LUV	43.461, -27.609, -27.426
Hunter-Lab	36.7, -11.918, -15.222
Binary	00100001, 01101111, 10001000

#216f88
```
#216f88 rgb(33,111,136)
```
#883a21
```
#883a21 rgb(136,58,33)
```

Complementary Color

#21886e
```
#21886e rgb(33,136,110)
```
#216f88
```
#216f88 rgb(33,111,136)
```
#213c88
```
#213c88 rgb(33,60,136)
```

Analogous Color

#886e21
```
#886e21 rgb(136,110,33)
```
#216f88
```
#216f88 rgb(33,111,136)
```
#88213c
```
#88213c rgb(136,33,60)
```

Split Complementary Color

#6f8821
```
#6f8821 rgb(111,136,33)
```
#216f88
```
#216f88 rgb(33,111,136)
```
#88216f
```
#88216f rgb(136,33,111)
```

Triadic Color

#21883a
```
#21883a rgb(33,136,58)
```
#216f88
```
#216f88 rgb(33,111,136)
```
#88216f
```
#88216f rgb(136,33,111)
```
#883a21
```
#883a21 rgb(136,58,33)
```

Tetradic Color

#123d4a
```
#123d4a rgb(18,61,74)
```
#174e5f
```
#174e5f rgb(23,78,95)
```
#1c5e73
```
#1c5e73 rgb(28,94,115)
```
#216f88
```
#216f88 rgb(33,111,136)
```
#26809d
```
#26809d rgb(38,128,157)
```
#2b90b1
```
#2b90b1 rgb(43,144,177)
```
#30a1c6
```
#30a1c6 rgb(48,161,198)
```

Monochromatic Color

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

#218887
```
#218887 rgb(33,136,135)
```
#218088
```
#218088 rgb(33,128,136)
```
#217888
```
#217888 rgb(33,120,136)
```
#216f88
```
#216f88 rgb(33,111,136)
```
#216688
```
#216688 rgb(33,102,136)
```
#215e88
```
#215e88 rgb(33,94,136)
```
#215588
```
#215588 rgb(33,85,136)
```

Similar Colors

Text with hexadecimal color #216f88

This text has a font color of #216f88.

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

#216f88 background color

This paragraph has a background color of #216f88.

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

#216f88 border color

This element has a border color of #216f88.

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

CSS codes

.text {color:#216f88;}

.background {background-color:#216f88;}

.border {border:1px solid #216f88;}

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

#02080a
```
#02080a rgb(2,8,10)
```
#06151a
```
#06151a rgb(6,21,26)
```
#0a2229
```
#0a2229 rgb(10,34,41)
```
#0e2f39
```
#0e2f39 rgb(14,47,57)
```
#123b49
```
#123b49 rgb(18,59,73)
```
#164859
```
#164859 rgb(22,72,89)
```
#195568
```
#195568 rgb(25,85,104)
```
#1d6278
```
#1d6278 rgb(29,98,120)
```
#216f88
```
#216f88 rgb(33,111,136)
```
#257c98
```
#257c98 rgb(37,124,152)
```
#2989a8
```
#2989a8 rgb(41,137,168)
```
#2c96b7
```
#2c96b7 rgb(44,150,183)
```
#30a3c7
```
#30a3c7 rgb(48,163,199)
```

Shade Color Variation

#3cacd0
```
#3cacd0 rgb(60,172,208)
```
#4bb2d3
```
#4bb2d3 rgb(75,178,211)
```
#5bb9d7
```
#5bb9d7 rgb(91,185,215)
```
#6bc0db
```
#6bc0db rgb(107,192,219)
```
#7bc7df
```
#7bc7df rgb(123,199,223)
```
#8acde3
```
#8acde3 rgb(138,205,227)
```
#9ad4e7
```
#9ad4e7 rgb(154,212,231)
```
#aadbea
```
#aadbea rgb(170,219,234)
```
#bae1ee
```
#bae1ee rgb(186,225,238)
```
#cae8f2
```
#cae8f2 rgb(202,232,242)
```
#d9eff6
```
#d9eff6 rgb(217,239,246)
```
#e9f6fa
```
#e9f6fa rgb(233,246,250)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f585b is the less saturated color, while #0080a9 is the most saturated one.

#4f585b
```
#4f585b rgb(79,88,91)
```
#485b61
```
#485b61 rgb(72,91,97)
```
#425e68
```
#425e68 rgb(66,94,104)
```
#3b626e
```
#3b626e rgb(59,98,110)
```
#356575
```
#356575 rgb(53,101,117)
```
#2e687b
```
#2e687b rgb(46,104,123)
```
#286c82
```
#286c82 rgb(40,108,130)
```
#216f88
```
#216f88 rgb(33,111,136)
```
#1b728f
```
#1b728f rgb(27,114,143)
```
#147695
```
#147695 rgb(20,118,149)
```
#0e799c
```
#0e799c rgb(14,121,156)
```
#077ca2
```
#077ca2 rgb(7,124,162)
```
#0080a9
```
#0080a9 rgb(0,128,169)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4f5f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676d88 Protanopia 1% of men
#636d91 Deuteranopia 1% of men
#1f7881 Tritanopia 0.001% of the population

Trichromacy

#4d6e88 Protanomaly 1% of men, 0.01% of women
#4b6d8e Deuteranomaly 6% of men, 0.4% of women
#207583 Tritanomaly 0.01% of the population

#216f88 hex color

#216f88 Color Information

#216f88 Color Conversion

Color Schemes with #216f88

Alternatives to #216f88

#216f88 Preview

Shades and Tints of #216f88

Tones of #216f88

Color Blindness Simulator