#216f83 hex color

In a RGB color space, hex #216f83 is composed of 12.9% red, 43.5% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 15.3% magenta, 0% yellow and 48.6% black. It has a hue angle of 192.2 degrees, a saturation of 59.8% and a lightness of 32.2%. #216f83 color hex could be obtained by blending #42deff with #000007. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 44
- B 51
RGB color chart
- C 75
- M 15
- Y 0
- K 49
CMYK color chart

● #216f83 color description : Dark cyan.

The hexadecimal color #216f83 has RGB values of R:33, G:111, B:131 and CMYK values of C:0.75, M:0.15, Y:0, K:0.49. Its decimal value is 2191235.

Hex triplet	216f83	`#216f83`
RGB Decimal	33, 111, 131	`rgb(33,111,131)`
RGB Percent	12.9, 43.5, 51.4	`rgb(12.9%,43.5%,51.4%)`
CMYK	75, 15, 0, 49
HSL	192.2°, 59.8, 32.2	`hsl(192.2,59.8%,32.2%)`
HSV (or HSB)	192.2°, 74.8, 51.4
Web Safe	336699	`#336699`

CIE-LAB	43.256, -16.211, -17.795
XYZ	10.407, 13.33, 23.496
xyY	0.22, 0.282, 13.33
CIE-LCH	43.256, 24.072, 227.668
CIE-LUV	43.256, -27.898, -23.146
Hunter-Lab	36.51, -13.012, -12.598
Binary	00100001, 01101111, 10000011

#216f83
```
#216f83 rgb(33,111,131)
```
#833521
```
#833521 rgb(131,53,33)
```

Complementary Color

#218366
```
#218366 rgb(33,131,102)
```
#216f83
```
#216f83 rgb(33,111,131)
```
#213e83
```
#213e83 rgb(33,62,131)
```

Analogous Color

#836621
```
#836621 rgb(131,102,33)
```
#216f83
```
#216f83 rgb(33,111,131)
```
#83213e
```
#83213e rgb(131,33,62)
```

Split Complementary Color

#6f8321
```
#6f8321 rgb(111,131,33)
```
#216f83
```
#216f83 rgb(33,111,131)
```
#83216f
```
#83216f rgb(131,33,111)
```

Triadic Color

#218335
```
#218335 rgb(33,131,53)
```
#216f83
```
#216f83 rgb(33,111,131)
```
#83216f
```
#83216f rgb(131,33,111)
```
#833521
```
#833521 rgb(131,53,33)
```

Tetradic Color

#123b46
```
#123b46 rgb(18,59,70)
```
#174c5a
```
#174c5a rgb(23,76,90)
```
#1c5e6f
```
#1c5e6f rgb(28,94,111)
```
#216f83
```
#216f83 rgb(33,111,131)
```
#268097
```
#268097 rgb(38,128,151)
```
#2b92ac
```
#2b92ac rgb(43,146,172)
```
#30a3c0
```
#30a3c0 rgb(48,163,192)
```

Monochromatic Color

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

#21837f
```
#21837f rgb(33,131,127)
```
#217f83
```
#217f83 rgb(33,127,131)
```
#217783
```
#217783 rgb(33,119,131)
```
#216f83
```
#216f83 rgb(33,111,131)
```
#216783
```
#216783 rgb(33,103,131)
```
#215f83
```
#215f83 rgb(33,95,131)
```
#215783
```
#215783 rgb(33,87,131)
```

Similar Colors

Text with hexadecimal color #216f83

This text has a font color of #216f83.

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

#216f83 background color

This paragraph has a background color of #216f83.

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

#216f83 border color

This element has a border color of #216f83.

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

CSS codes

.text {color:#216f83;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051215
```
#051215 rgb(5,18,21)
```
#091f25
```
#091f25 rgb(9,31,37)
```
#0d2d35
```
#0d2d35 rgb(13,45,53)
```
#113a44
```
#113a44 rgb(17,58,68)
```
#154754
```
#154754 rgb(21,71,84)
```
#195464
```
#195464 rgb(25,84,100)
```
#1d6273
```
#1d6273 rgb(29,98,115)
```
#216f83
```
#216f83 rgb(33,111,131)
```
#257c93
```
#257c93 rgb(37,124,147)
```
#298aa2
```
#298aa2 rgb(41,138,162)
```
#2d97b2
```
#2d97b2 rgb(45,151,178)
```
#31a4c2
```
#31a4c2 rgb(49,164,194)
```

Shade Color Variation

#39afcd
```
#39afcd rgb(57,175,205)
```
#49b5d1
```
#49b5d1 rgb(73,181,209)
```
#58bcd5
```
#58bcd5 rgb(88,188,213)
```
#68c2d9
```
#68c2d9 rgb(104,194,217)
```
#78c8dd
```
#78c8dd rgb(120,200,221)
```
#87cfe1
```
#87cfe1 rgb(135,207,225)
```
#97d5e5
```
#97d5e5 rgb(151,213,229)
```
#a7dbe9
```
#a7dbe9 rgb(167,219,233)
```
#b6e2ed
```
#b6e2ed rgb(182,226,237)
```
#c6e8f1
```
#c6e8f1 rgb(198,232,241)
```
#d6eef5
```
#d6eef5 rgb(214,238,245)
```
#e5f5f9
```
#e5f5f9 rgb(229,245,249)
```
#f5fbfc
```
#f5fbfc rgb(245,251,252)
```

Tint Color Variation

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

#4d5557
```
#4d5557 rgb(77,85,87)
```
#47595d
```
#47595d rgb(71,89,93)
```
#415c63
```
#415c63 rgb(65,92,99)
```
#3a606a
```
#3a606a rgb(58,96,106)
```
#346470
```
#346470 rgb(52,100,112)
```
#2e6876
```
#2e6876 rgb(46,104,118)
```
#276b7d
```
#276b7d rgb(39,107,125)
```
#216f83
```
#216f83 rgb(33,111,131)
```
#1b7389
```
#1b7389 rgb(27,115,137)
```
#147690
```
#147690 rgb(20,118,144)
```
#0e7a96
```
#0e7a96 rgb(14,122,150)
```
#087e9c
```
#087e9c rgb(8,126,156)
```
#0182a3
```
#0182a3 rgb(1,130,163)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4f5e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686d83 Protanopia 1% of men
#666c8d Deuteranopia 1% of men
#247880 Tritanopia 0.001% of the population

Trichromacy

#4e6d83 Protanomaly 1% of men, 0.01% of women
#4d6d89 Deuteranomaly 6% of men, 0.4% of women
#237481 Tritanomaly 0.01% of the population

#216f83 hex color

#216f83 Color Information

#216f83 Color Conversion

Color Schemes with #216f83

Alternatives to #216f83

#216f83 Preview

Shades and Tints of #216f83

Tones of #216f83

Color Blindness Simulator