#216a7c hex color

In a RGB color space, hex #216a7c is composed of 12.9% red, 41.6% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 14.5% magenta, 0% yellow and 51.4% black. It has a hue angle of 191.9 degrees, a saturation of 58% and a lightness of 30.8%. #216a7c color hex could be obtained by blending #42d4f8 with #000000. Closest websafe color is: #336666.

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

● #216a7c color description : Dark cyan.

The hexadecimal color #216a7c has RGB values of R:33, G:106, B:124 and CMYK values of C:0.73, M:0.15, Y:0, K:0.51. Its decimal value is 2189948.

Hex triplet	216a7c	`#216a7c`
RGB Decimal	33, 106, 124	`rgb(33,106,124)`
RGB Percent	12.9, 41.6, 48.6	`rgb(12.9%,41.6%,48.6%)`
CMYK	73, 15, 0, 51
HSL	191.9°, 58, 30.8	`hsl(191.9,58%,30.8%)`
HSV (or HSB)	191.9°, 73.4, 48.6
Web Safe	336666	`#336666`

CIE-LAB	41.352, -15.833, -16.494
XYZ	9.418, 12.086, 20.904
xyY	0.222, 0.285, 12.086
CIE-LCH	41.352, 22.864, 226.171
CIE-LUV	41.352, -26.438, -21.027
Hunter-Lab	34.765, -12.48, -11.316
Binary	00100001, 01101010, 01111100

#216a7c
```
#216a7c rgb(33,106,124)
```
#7c3321
```
#7c3321 rgb(124,51,33)
```

Complementary Color

#217c61
```
#217c61 rgb(33,124,97)
```
#216a7c
```
#216a7c rgb(33,106,124)
```
#213d7c
```
#213d7c rgb(33,61,124)
```

Analogous Color

#7c6121
```
#7c6121 rgb(124,97,33)
```
#216a7c
```
#216a7c rgb(33,106,124)
```
#7c213d
```
#7c213d rgb(124,33,61)
```

Split Complementary Color

#6a7c21
```
#6a7c21 rgb(106,124,33)
```
#216a7c
```
#216a7c rgb(33,106,124)
```
#7c216a
```
#7c216a rgb(124,33,106)
```

Triadic Color

#217c33
```
#217c33 rgb(33,124,51)
```
#216a7c
```
#216a7c rgb(33,106,124)
```
#7c216a
```
#7c216a rgb(124,33,106)
```
#7c3321
```
#7c3321 rgb(124,51,33)
```

Tetradic Color

#113640
```
#113640 rgb(17,54,64)
```
#164854
```
#164854 rgb(22,72,84)
```
#1c5968
```
#1c5968 rgb(28,89,104)
```
#216a7c
```
#216a7c rgb(33,106,124)
```
#267b90
```
#267b90 rgb(38,123,144)
```
#2c8ca4
```
#2c8ca4 rgb(44,140,164)
```
#319eb8
```
#319eb8 rgb(49,158,184)
```

Monochromatic Color

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

#217c77
```
#217c77 rgb(33,124,119)
```
#21797c
```
#21797c rgb(33,121,124)
```
#21727c
```
#21727c rgb(33,114,124)
```
#216a7c
```
#216a7c rgb(33,106,124)
```
#21627c
```
#21627c rgb(33,98,124)
```
#215b7c
```
#215b7c rgb(33,91,124)
```
#21537c
```
#21537c rgb(33,83,124)
```

Similar Colors

Text with hexadecimal color #216a7c

This text has a font color of #216a7c.

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

#216a7c background color

This paragraph has a background color of #216a7c.

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

#216a7c border color

This element has a border color of #216a7c.

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

CSS codes

.text {color:#216a7c;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040d10
```
#040d10 rgb(4,13,16)
```
#081b1f
```
#081b1f rgb(8,27,31)
```
#0c282f
```
#0c282f rgb(12,40,47)
```
#11353e
```
#11353e rgb(17,53,62)
```
#15424e
```
#15424e rgb(21,66,78)
```
#19505d
```
#19505d rgb(25,80,93)
```
#1d5d6d
```
#1d5d6d rgb(29,93,109)
```
#216a7c
```
#216a7c rgb(33,106,124)
```
#25778b
```
#25778b rgb(37,119,139)
```
#29849b
```
#29849b rgb(41,132,155)
```
#2d92aa
```
#2d92aa rgb(45,146,170)
```
#319fba
```
#319fba rgb(49,159,186)
```

Shade Color Variation

#36acc9
```
#36acc9 rgb(54,172,201)
```
#45b3ce
```
#45b3ce rgb(69,179,206)
```
#55b9d2
```
#55b9d2 rgb(85,185,210)
```
#64bfd6
```
#64bfd6 rgb(100,191,214)
```
#74c6da
```
#74c6da rgb(116,198,218)
```
#83ccde
```
#83ccde rgb(131,204,222)
```
#93d2e2
```
#93d2e2 rgb(147,210,226)
```
#a2d9e6
```
#a2d9e6 rgb(162,217,230)
```
#b2dfea
```
#b2dfea rgb(178,223,234)
```
#c1e6ef
```
#c1e6ef rgb(193,230,239)
```
#d1ecf3
```
#d1ecf3 rgb(209,236,243)
```
#e0f2f7
```
#e0f2f7 rgb(224,242,247)
```
#f0f9fb
```
#f0f9fb rgb(240,249,251)
```

Tint Color Variation

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

#4b5052
```
#4b5052 rgb(75,80,82)
```
#455458
```
#455458 rgb(69,84,88)
```
#3f585e
```
#3f585e rgb(63,88,94)
```
#395b64
```
#395b64 rgb(57,91,100)
```
#335f6a
```
#335f6a rgb(51,95,106)
```
#2d6370
```
#2d6370 rgb(45,99,112)
```
#276676
```
#276676 rgb(39,102,118)
```
#216a7c
```
#216a7c rgb(33,106,124)
```
#1b6e82
```
#1b6e82 rgb(27,110,130)
```
#157188
```
#157188 rgb(21,113,136)
```
#0f758e
```
#0f758e rgb(15,117,142)
```
#097994
```
#097994 rgb(9,121,148)
```
#037c9a
```
#037c9a rgb(3,124,154)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4b5a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#65687d Protanopia 1% of men
#636886 Deuteranopia 1% of men
#26737b Tritanopia 0.001% of the population

Trichromacy

#4c697c Protanomaly 1% of men, 0.01% of women
#4b6882 Deuteranomaly 6% of men, 0.4% of women
#246f7b Tritanomaly 0.01% of the population

#216a7c hex color

#216a7c Color Information

#216a7c Color Conversion

Color Schemes with #216a7c

Alternatives to #216a7c

#216a7c Preview

Shades and Tints of #216a7c

Tones of #216a7c

Color Blindness Simulator