#216f93 hex color

In a RGB color space, hex #216f93 is composed of 12.9% red, 43.5% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 24.5% magenta, 0% yellow and 42.4% black. It has a hue angle of 198.9 degrees, a saturation of 63.3% and a lightness of 35.3%. #216f93 color hex could be obtained by blending #42deff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 44
- B 58
RGB color chart
- C 78
- M 24
- Y 0
- K 42
CMYK color chart

● #216f93 color description : Dark blue.

The hexadecimal color #216f93 has RGB values of R:33, G:111, B:147 and CMYK values of C:0.78, M:0.24, Y:0, K:0.42. Its decimal value is 2191251.

Hex triplet	216f93	`#216f93`
RGB Decimal	33, 111, 147	`rgb(33,111,147)`
RGB Percent	12.9, 43.5, 57.6	`rgb(12.9%,43.5%,57.6%)`
CMYK	78, 24, 0, 42
HSL	198.9°, 63.3, 35.3	`hsl(198.9,63.3%,35.3%)`
HSV (or HSB)	198.9°, 77.6, 57.6
Web Safe	336699	`#336699`

CIE-LAB	43.942, -10.52, -26.294
XYZ	11.577, 13.798, 29.655
xyY	0.21, 0.251, 13.798
CIE-LCH	43.942, 28.32, 248.194
CIE-LUV	43.942, -26.993, -36.851
Hunter-Lab	37.145, -9.373, -21.333
Binary	00100001, 01101111, 10010011

#216f93
```
#216f93 rgb(33,111,147)
```
#934521
```
#934521 rgb(147,69,33)
```

Complementary Color

#21937e
```
#21937e rgb(33,147,126)
```
#216f93
```
#216f93 rgb(33,111,147)
```
#213693
```
#213693 rgb(33,54,147)
```

Analogous Color

#937e21
```
#937e21 rgb(147,126,33)
```
#216f93
```
#216f93 rgb(33,111,147)
```
#932136
```
#932136 rgb(147,33,54)
```

Split Complementary Color

#6f9321
```
#6f9321 rgb(111,147,33)
```
#216f93
```
#216f93 rgb(33,111,147)
```
#93216f
```
#93216f rgb(147,33,111)
```

Triadic Color

#219345
```
#219345 rgb(33,147,69)
```
#216f93
```
#216f93 rgb(33,111,147)
```
#93216f
```
#93216f rgb(147,33,111)
```
#934521
```
#934521 rgb(147,69,33)
```

Tetradic Color

#134055
```
#134055 rgb(19,64,85)
```
#185069
```
#185069 rgb(24,80,105)
```
#1c5f7e
```
#1c5f7e rgb(28,95,126)
```
#216f93
```
#216f93 rgb(33,111,147)
```
#267fa8
```
#267fa8 rgb(38,127,168)
```
#2a8ebd
```
#2a8ebd rgb(42,142,189)
```
#309ed1
```
#309ed1 rgb(48,158,209)
```

Monochromatic Color

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

#218c93
```
#218c93 rgb(33,140,147)
```
#218293
```
#218293 rgb(33,130,147)
```
#217993
```
#217993 rgb(33,121,147)
```
#216f93
```
#216f93 rgb(33,111,147)
```
#216693
```
#216693 rgb(33,102,147)
```
#215c93
```
#215c93 rgb(33,92,147)
```
#215393
```
#215393 rgb(33,83,147)
```

Similar Colors

Text with hexadecimal color #216f93

This text has a font color of #216f93.

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

#216f93 background color

This paragraph has a background color of #216f93.

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

#216f93 border color

This element has a border color of #216f93.

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

CSS codes

.text {color:#216f93;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040e13
```
#040e13 rgb(4,14,19)
```
#081a23
```
#081a23 rgb(8,26,35)
```
#0b2633
```
#0b2633 rgb(11,38,51)
```
#0f3343
```
#0f3343 rgb(15,51,67)
```
#133f53
```
#133f53 rgb(19,63,83)
```
#164b63
```
#164b63 rgb(22,75,99)
```
#1a5773
```
#1a5773 rgb(26,87,115)
```
#1d6383
```
#1d6383 rgb(29,99,131)
```
#216f93
```
#216f93 rgb(33,111,147)
```
#257ba3
```
#257ba3 rgb(37,123,163)
```
#2887b3
```
#2887b3 rgb(40,135,179)
```
#2c93c3
```
#2c93c3 rgb(44,147,195)
```

Shade Color Variation

#329fd1
```
#329fd1 rgb(50,159,209)
```
#42a6d4
```
#42a6d4 rgb(66,166,212)
```
#52aed8
```
#52aed8 rgb(82,174,216)
```
#62b5dc
```
#62b5dc rgb(98,181,220)
```
#72bddf
```
#72bddf rgb(114,189,223)
```
#82c4e3
```
#82c4e3 rgb(130,196,227)
```
#92cce6
```
#92cce6 rgb(146,204,230)
```
#a2d3ea
```
#a2d3ea rgb(162,211,234)
```
#b2dbee
```
#b2dbee rgb(178,219,238)
```
#c2e2f1
```
#c2e2f1 rgb(194,226,241)
```
#d2eaf5
```
#d2eaf5 rgb(210,234,245)
```
#e2f1f8
```
#e2f1f8 rgb(226,241,248)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585b5c is the less saturated color, while #0579af is the most saturated one.

#585b5c
```
#585b5c rgb(88,91,92)
```
#515d63
```
#515d63 rgb(81,93,99)
```
#4b6069
```
#4b6069 rgb(75,96,105)
```
#446270
```
#446270 rgb(68,98,112)
```
#3d6577
```
#3d6577 rgb(61,101,119)
```
#36677e
```
#36677e rgb(54,103,126)
```
#2f6a85
```
#2f6a85 rgb(47,106,133)
```
#286c8c
```
#286c8c rgb(40,108,140)
```
#216f93
```
#216f93 rgb(33,111,147)
```
#1a729a
```
#1a729a rgb(26,114,154)
```
#1374a1
```
#1374a1 rgb(19,116,161)
```
#0c77a8
```
#0c77a8 rgb(12,119,168)
```
#0579af
```
#0579af rgb(5,121,175)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#506067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646e93 Protanopia 1% of men
#5d6e9b Deuteranopia 1% of men
#007a83 Tritanopia 0.001% of the population

Trichromacy

#4b6e93 Protanomaly 1% of men, 0.01% of women
#476e98 Deuteranomaly 6% of men, 0.4% of women
#0c7689 Tritanomaly 0.01% of the population

#216f93 hex color

#216f93 Color Information

#216f93 Color Conversion

Color Schemes with #216f93

Alternatives to #216f93

#216f93 Preview

Shades and Tints of #216f93

Tones of #216f93

Color Blindness Simulator