#216eaf hex color

In a RGB color space, hex #216eaf is composed of 12.9% red, 43.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 37.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 207.5 degrees, a saturation of 68.3% and a lightness of 40.8%. #216eaf color hex could be obtained by blending #42dcff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 43
- B 69
RGB color chart
- C 81
- M 37
- Y 0
- K 31
CMYK color chart

● #216eaf color description : Dark blue.

The hexadecimal color #216eaf has RGB values of R:33, G:110, B:175 and CMYK values of C:0.81, M:0.37, Y:0, K:0.31. Its decimal value is 2191023.

Hex triplet	216eaf	`#216eaf`
RGB Decimal	33, 110, 175	`rgb(33,110,175)`
RGB Percent	12.9, 43.1, 68.6	`rgb(12.9%,43.1%,68.6%)`
CMYK	81, 37, 0, 31
HSL	207.5°, 68.3, 40.8	`hsl(207.5,68.3%,40.8%)`
HSV (or HSB)	207.5°, 81.1, 68.6
Web Safe	336699	`#336699`

CIE-LAB	45.038, 0.579, -41.077
XYZ	13.939, 14.569, 42.633
xyY	0.196, 0.205, 14.569
CIE-LCH	45.038, 41.081, 270.807
CIE-LUV	45.038, -25.247, -61.176
Hunter-Lab	38.17, -1.61, -39.504
Binary	00100001, 01101110, 10101111

#216eaf
```
#216eaf rgb(33,110,175)
```
#af6221
```
#af6221 rgb(175,98,33)
```

Complementary Color

#21afa9
```
#21afa9 rgb(33,175,169)
```
#216eaf
```
#216eaf rgb(33,110,175)
```
#2127af
```
#2127af rgb(33,39,175)
```

Analogous Color

#afa921
```
#afa921 rgb(175,169,33)
```
#216eaf
```
#216eaf rgb(33,110,175)
```
#af2127
```
#af2127 rgb(175,33,39)
```

Split Complementary Color

#6eaf21
```
#6eaf21 rgb(110,175,33)
```
#216eaf
```
#216eaf rgb(33,110,175)
```
#af216e
```
#af216e rgb(175,33,110)
```

Triadic Color

#21af62
```
#21af62 rgb(33,175,98)
```
#216eaf
```
#216eaf rgb(33,110,175)
```
#af216e
```
#af216e rgb(175,33,110)
```
#af6221
```
#af6221 rgb(175,98,33)
```

Tetradic Color

#15466f
```
#15466f rgb(21,70,111)
```
#195384
```
#195384 rgb(25,83,132)
```
#1d619a
```
#1d619a rgb(29,97,154)
```
#216eaf
```
#216eaf rgb(33,110,175)
```
#257bc4
```
#257bc4 rgb(37,123,196)
```
#2c89d7
```
#2c89d7 rgb(44,137,215)
```
#4195db
```
#4195db rgb(65,149,219)
```

Monochromatic Color

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

#2192af
```
#2192af rgb(33,146,175)
```
#2186af
```
#2186af rgb(33,134,175)
```
#217aaf
```
#217aaf rgb(33,122,175)
```
#216eaf
```
#216eaf rgb(33,110,175)
```
#2162af
```
#2162af rgb(33,98,175)
```
#2156af
```
#2156af rgb(33,86,175)
```
#214aaf
```
#214aaf rgb(33,74,175)
```

Similar Colors

Text with hexadecimal color #216eaf

This text has a font color of #216eaf.

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

#216eaf background color

This paragraph has a background color of #216eaf.

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

#216eaf border color

This element has a border color of #216eaf.

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

CSS codes

.text {color:#216eaf;}

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

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

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

#02060a
```
#02060a rgb(2,6,10)
```
#05111a
```
#05111a rgb(5,17,26)
```
#081b2b
```
#081b2b rgb(8,27,43)
```
#0b253b
```
#0b253b rgb(11,37,59)
```
#0e304c
```
#0e304c rgb(14,48,76)
```
#113a5c
```
#113a5c rgb(17,58,92)
```
#15456d
```
#15456d rgb(21,69,109)
```
#184f7d
```
#184f7d rgb(24,79,125)
```
#1b598e
```
#1b598e rgb(27,89,142)
```
#1e649e
```
#1e649e rgb(30,100,158)
```
#216eaf
```
#216eaf rgb(33,110,175)
```
#2478c0
```
#2478c0 rgb(36,120,192)
```
#2783d0
```
#2783d0 rgb(39,131,208)
```

Shade Color Variation

#328cd8
```
#328cd8 rgb(50,140,216)
```
#4396dc
```
#4396dc rgb(67,150,220)
```
#539fdf
```
#539fdf rgb(83,159,223)
```
#64a8e2
```
#64a8e2 rgb(100,168,226)
```
#74b1e5
```
#74b1e5 rgb(116,177,229)
```
#85bbe8
```
#85bbe8 rgb(133,187,232)
```
#95c4eb
```
#95c4eb rgb(149,196,235)
```
#a6cdee
```
#a6cdee rgb(166,205,238)
```
#b6d6f1
```
#b6d6f1 rgb(182,214,241)
```
#c7e0f4
```
#c7e0f4 rgb(199,224,244)
```
#d7e9f8
```
#d7e9f8 rgb(215,233,248)
```
#e8f2fb
```
#e8f2fb rgb(232,242,251)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61696f is the less saturated color, while #0171cf is the most saturated one.

#61696f
```
#61696f rgb(97,105,111)
```
#596977
```
#596977 rgb(89,105,119)
```
#516a7f
```
#516a7f rgb(81,106,127)
```
#496b87
```
#496b87 rgb(73,107,135)
```
#416b8f
```
#416b8f rgb(65,107,143)
```
#396c97
```
#396c97 rgb(57,108,151)
```
#316d9f
```
#316d9f rgb(49,109,159)
```
#296da7
```
#296da7 rgb(41,109,167)
```
#216eaf
```
#216eaf rgb(33,110,175)
```
#196fb7
```
#196fb7 rgb(25,111,183)
```
#116fbf
```
#116fbf rgb(17,111,191)
```
#0970c7
```
#0970c7 rgb(9,112,199)
```
#0171cf
```
#0171cf rgb(1,113,207)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#52616e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5870ae Protanopia 1% of men
#4272b4 Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#446fae Protanomaly 1% of men, 0.01% of women
#3671b2 Deuteranomaly 6% of men, 0.4% of women
#0c7794 Tritanomaly 0.01% of the population

#216eaf hex color

#216eaf Color Information

#216eaf Color Conversion

Color Schemes with #216eaf

Alternatives to #216eaf

#216eaf Preview

Shades and Tints of #216eaf

Tones of #216eaf

Color Blindness Simulator