#21697f hex color

In a RGB color space, hex #21697f is composed of 12.9% red, 41.2% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 17.3% magenta, 0% yellow and 50.2% black. It has a hue angle of 194 degrees, a saturation of 58.8% and a lightness of 31.4%. #21697f color hex could be obtained by blending #42d2fe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 41
- B 50
RGB color chart
- C 74
- M 17
- Y 0
- K 50
CMYK color chart

● #21697f color description : Dark cyan.

The hexadecimal color #21697f has RGB values of R:33, G:105, B:127 and CMYK values of C:0.74, M:0.17, Y:0, K:0.5. Its decimal value is 2189695.

Hex triplet	21697f	`#21697f`
RGB Decimal	33, 105, 127	`rgb(33,105,127)`
RGB Percent	12.9, 41.2, 49.8	`rgb(12.9%,41.2%,49.8%)`
CMYK	74, 17, 0, 50
HSL	194°, 58.8, 31.4	`hsl(194,58.8%,31.4%)`
HSV (or HSB)	194°, 74, 49.8
Web Safe	336666	`#336666`

CIE-LAB	41.149, -14.222, -18.62
XYZ	9.509, 11.958, 21.885
xyY	0.219, 0.276, 11.958
CIE-LCH	41.149, 23.431, 232.627
CIE-LUV	41.149, -25.898, -24.347
Hunter-Lab	34.58, -11.434, -13.316
Binary	00100001, 01101001, 01111111

#21697f
```
#21697f rgb(33,105,127)
```
#7f3721
```
#7f3721 rgb(127,55,33)
```

Complementary Color

#217f66
```
#217f66 rgb(33,127,102)
```
#21697f
```
#21697f rgb(33,105,127)
```
#213a7f
```
#213a7f rgb(33,58,127)
```

Analogous Color

#7f6621
```
#7f6621 rgb(127,102,33)
```
#21697f
```
#21697f rgb(33,105,127)
```
#7f213a
```
#7f213a rgb(127,33,58)
```

Split Complementary Color

#697f21
```
#697f21 rgb(105,127,33)
```
#21697f
```
#21697f rgb(33,105,127)
```
#7f2169
```
#7f2169 rgb(127,33,105)
```

Triadic Color

#217f37
```
#217f37 rgb(33,127,55)
```
#21697f
```
#21697f rgb(33,105,127)
```
#7f2169
```
#7f2169 rgb(127,33,105)
```
#7f3721
```
#7f3721 rgb(127,55,33)
```

Tetradic Color

#113742
```
#113742 rgb(17,55,66)
```
#164857
```
#164857 rgb(22,72,87)
```
#1c586b
```
#1c586b rgb(28,88,107)
```
#21697f
```
#21697f rgb(33,105,127)
```
#267a93
```
#267a93 rgb(38,122,147)
```
#2c8aa7
```
#2c8aa7 rgb(44,138,167)
```
#319bbc
```
#319bbc rgb(49,155,188)
```

Monochromatic Color

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

#217f7e
```
#217f7e rgb(33,127,126)
```
#21797f
```
#21797f rgb(33,121,127)
```
#21717f
```
#21717f rgb(33,113,127)
```
#21697f
```
#21697f rgb(33,105,127)
```
#21617f
```
#21617f rgb(33,97,127)
```
#21597f
```
#21597f rgb(33,89,127)
```
#21527f
```
#21527f rgb(33,82,127)
```

Similar Colors

Text with hexadecimal color #21697f

This text has a font color of #21697f.

<span style="color:#21697f;">Text here</span>

#21697f background color

This paragraph has a background color of #21697f.

<p style="background-color:#21697f;">Content here</p>

#21697f border color

This element has a border color of #21697f.

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

CSS codes

.text {color:#21697f;}

.background {background-color:#21697f;}

.border {border:1px solid #21697f;}

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

#010202
```
#010202 rgb(1,2,2)
```
#050f12
```
#050f12 rgb(5,15,18)
```
#091c22
```
#091c22 rgb(9,28,34)
```
#0d2931
```
#0d2931 rgb(13,41,49)
```
#113641
```
#113641 rgb(17,54,65)
```
#154250
```
#154250 rgb(21,66,80)
```
#194f60
```
#194f60 rgb(25,79,96)
```
#1d5c6f
```
#1d5c6f rgb(29,92,111)
```
#21697f
```
#21697f rgb(33,105,127)
```
#25768f
```
#25768f rgb(37,118,143)
```
#29839e
```
#29839e rgb(41,131,158)
```
#2d90ae
```
#2d90ae rgb(45,144,174)
```
#319cbd
```
#319cbd rgb(49,156,189)
```

Shade Color Variation

#37a8cb
```
#37a8cb rgb(55,168,203)
```
#47afcf
```
#47afcf rgb(71,175,207)
```
#56b6d3
```
#56b6d3 rgb(86,182,211)
```
#66bdd7
```
#66bdd7 rgb(102,189,215)
```
#75c3db
```
#75c3db rgb(117,195,219)
```
#85cadf
```
#85cadf rgb(133,202,223)
```
#94d1e3
```
#94d1e3 rgb(148,209,227)
```
#a4d8e7
```
#a4d8e7 rgb(164,216,231)
```
#b4deeb
```
#b4deeb rgb(180,222,235)
```
#c3e5ef
```
#c3e5ef rgb(195,229,239)
```
#d3ecf3
```
#d3ecf3 rgb(211,236,243)
```
#e2f3f8
```
#e2f3f8 rgb(226,243,248)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#4c5254
```
#4c5254 rgb(76,82,84)
```
#46555a
```
#46555a rgb(70,85,90)
```
#405960
```
#405960 rgb(64,89,96)
```
#3a5c66
```
#3a5c66 rgb(58,92,102)
```
#335f6d
```
#335f6d rgb(51,95,109)
```
#2d6273
```
#2d6273 rgb(45,98,115)
```
#276679
```
#276679 rgb(39,102,121)
```
#21697f
```
#21697f rgb(33,105,127)
```
#1b6c85
```
#1b6c85 rgb(27,108,133)
```
#15708b
```
#15708b rgb(21,112,139)
```
#0f7391
```
#0f7391 rgb(15,115,145)
```
#087698
```
#087698 rgb(8,118,152)
```
#02799e
```
#02799e rgb(2,121,158)
```

Tone Color Variation

Below, you can see how #21697f 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

#636880 Protanopia 1% of men
#606789 Deuteranopia 1% of men
#23727b Tritanopia 0.001% of the population

Trichromacy

#4b687f Protanomaly 1% of men, 0.01% of women
#496885 Deuteranomaly 6% of men, 0.4% of women
#226f7c Tritanomaly 0.01% of the population

#21697f hex color

#21697f Color Information

#21697f Color Conversion

Color Schemes with #21697f

Alternatives to #21697f

#21697f Preview

Shades and Tints of #21697f

Tones of #21697f

Color Blindness Simulator