#216f8a hex color

In a RGB color space, hex #216f8a is composed of 12.9% red, 43.5% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 19.6% magenta, 0% yellow and 45.9% black. It has a hue angle of 195.4 degrees, a saturation of 61.4% and a lightness of 33.5%. #216f8a color hex could be obtained by blending #42deff with #000015. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 44
- B 54
RGB color chart
- C 76
- M 20
- Y 0
- K 46
CMYK color chart

● #216f8a color description : Dark blue.

The hexadecimal color #216f8a has RGB values of R:33, G:111, B:138 and CMYK values of C:0.76, M:0.2, Y:0, K:0.46. Its decimal value is 2191242.

Hex triplet	216f8a	`#216f8a`
RGB Decimal	33, 111, 138	`rgb(33,111,138)`
RGB Percent	12.9, 43.5, 54.1	`rgb(12.9%,43.5%,54.1%)`
CMYK	76, 20, 0, 46
HSL	195.4°, 61.4, 33.5	`hsl(195.4,61.4%,33.5%)`
HSV (or HSB)	195.4°, 76.1, 54.1
Web Safe	336699	`#336699`

CIE-LAB	43.546, -13.757, -21.542
XYZ	10.898, 13.526, 26.08
xyY	0.216, 0.268, 13.526
CIE-LCH	43.546, 25.56, 237.437
CIE-LUV	43.546, -27.495, -29.14
Hunter-Lab	36.778, -11.469, -16.299
Binary	00100001, 01101111, 10001010

#216f8a
```
#216f8a rgb(33,111,138)
```
#8a3c21
```
#8a3c21 rgb(138,60,33)
```

Complementary Color

#218a71
```
#218a71 rgb(33,138,113)
```
#216f8a
```
#216f8a rgb(33,111,138)
```
#213b8a
```
#213b8a rgb(33,59,138)
```

Analogous Color

#8a7121
```
#8a7121 rgb(138,113,33)
```
#216f8a
```
#216f8a rgb(33,111,138)
```
#8a213b
```
#8a213b rgb(138,33,59)
```

Split Complementary Color

#6f8a21
```
#6f8a21 rgb(111,138,33)
```
#216f8a
```
#216f8a rgb(33,111,138)
```
#8a216f
```
#8a216f rgb(138,33,111)
```

Triadic Color

#218a3c
```
#218a3c rgb(33,138,60)
```
#216f8a
```
#216f8a rgb(33,111,138)
```
#8a216f
```
#8a216f rgb(138,33,111)
```
#8a3c21
```
#8a3c21 rgb(138,60,33)
```

Tetradic Color

#123d4c
```
#123d4c rgb(18,61,76)
```
#174e61
```
#174e61 rgb(23,78,97)
```
#1c5e75
```
#1c5e75 rgb(28,94,117)
```
#216f8a
```
#216f8a rgb(33,111,138)
```
#26809f
```
#26809f rgb(38,128,159)
```
#2b90b3
```
#2b90b3 rgb(43,144,179)
```
#30a1c8
```
#30a1c8 rgb(48,161,200)
```

Monochromatic Color

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

#21898a
```
#21898a rgb(33,137,138)
```
#21818a
```
#21818a rgb(33,129,138)
```
#21788a
```
#21788a rgb(33,120,138)
```
#216f8a
```
#216f8a rgb(33,111,138)
```
#21668a
```
#21668a rgb(33,102,138)
```
#215e8a
```
#215e8a rgb(33,94,138)
```
#21558a
```
#21558a rgb(33,85,138)
```

Similar Colors

Text with hexadecimal color #216f8a

This text has a font color of #216f8a.

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

#216f8a background color

This paragraph has a background color of #216f8a.

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

#216f8a border color

This element has a border color of #216f8a.

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

CSS codes

.text {color:#216f8a;}

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

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

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, #03090b is the darkest color, while #fbfdfe is the lightest one.

#03090b
```
#03090b rgb(3,9,11)
```
#07161b
```
#07161b rgb(7,22,27)
```
#0a232b
```
#0a232b rgb(10,35,43)
```
#0e2f3b
```
#0e2f3b rgb(14,47,59)
```
#123c4b
```
#123c4b rgb(18,60,75)
```
#16495b
```
#16495b rgb(22,73,91)
```
#19566a
```
#19566a rgb(25,86,106)
```
#1d627a
```
#1d627a rgb(29,98,122)
```
#216f8a
```
#216f8a rgb(33,111,138)
```
#257c9a
```
#257c9a rgb(37,124,154)
```
#2988aa
```
#2988aa rgb(41,136,170)
```
#2c95b9
```
#2c95b9 rgb(44,149,185)
```
#30a2c9
```
#30a2c9 rgb(48,162,201)
```

Shade Color Variation

#3daad1
```
#3daad1 rgb(61,170,209)
```
#4cb1d4
```
#4cb1d4 rgb(76,177,212)
```
#5cb8d8
```
#5cb8d8 rgb(92,184,216)
```
#6cbfdc
```
#6cbfdc rgb(108,191,220)
```
#7cc6e0
```
#7cc6e0 rgb(124,198,224)
```
#8ccde3
```
#8ccde3 rgb(140,205,227)
```
#9cd4e7
```
#9cd4e7 rgb(156,212,231)
```
#abdbeb
```
#abdbeb rgb(171,219,235)
```
#bbe2ef
```
#bbe2ef rgb(187,226,239)
```
#cbe8f3
```
#cbe8f3 rgb(203,232,243)
```
#dbeff6
```
#dbeff6 rgb(219,239,246)
```
#ebf6fa
```
#ebf6fa rgb(235,246,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#4f595c
```
#4f595c rgb(79,89,92)
```
#485c63
```
#485c63 rgb(72,92,99)
```
#425f69
```
#425f69 rgb(66,95,105)
```
#3b6270
```
#3b6270 rgb(59,98,112)
```
#356576
```
#356576 rgb(53,101,118)
```
#2e697d
```
#2e697d rgb(46,105,125)
```
#286c83
```
#286c83 rgb(40,108,131)
```
#216f8a
```
#216f8a rgb(33,111,138)
```
#1a7291
```
#1a7291 rgb(26,114,145)
```
#147597
```
#147597 rgb(20,117,151)
```
#0d799e
```
#0d799e rgb(13,121,158)
```
#077ca4
```
#077ca4 rgb(7,124,164)
```
#007fab
```
#007fab rgb(0,127,171)
```

Tone Color Variation

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

#676d8a Protanopia 1% of men
#626d93 Deuteranopia 1% of men
#1d7981 Tritanopia 0.001% of the population

Trichromacy

#4d6e8a Protanomaly 1% of men, 0.01% of women
#4a6e90 Deuteranomaly 6% of men, 0.4% of women
#1e7584 Tritanomaly 0.01% of the population

#216f8a hex color

#216f8a Color Information

#216f8a Color Conversion

Color Schemes with #216f8a

Alternatives to #216f8a

#216f8a Preview

Shades and Tints of #216f8a

Tones of #216f8a

Color Blindness Simulator