#217d8c hex color

In a RGB color space, hex #217d8c is composed of 12.9% red, 49% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 10.7% magenta, 0% yellow and 45.1% black. It has a hue angle of 188.4 degrees, a saturation of 61.8% and a lightness of 33.9%. #217d8c color hex could be obtained by blending #42faff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 49
- B 55
RGB color chart
- C 76
- M 11
- Y 0
- K 45
CMYK color chart

● #217d8c color description : Dark cyan.

The hexadecimal color #217d8c has RGB values of R:33, G:125, B:140 and CMYK values of C:0.76, M:0.11, Y:0, K:0.45. Its decimal value is 2194828.

Hex triplet	217d8c	`#217d8c`
RGB Decimal	33, 125, 140	`rgb(33,125,140)`
RGB Percent	12.9, 49, 54.9	`rgb(12.9%,49%,54.9%)`
CMYK	76, 11, 0, 45
HSL	188.4°, 61.8, 33.9	`hsl(188.4,61.8%,33.9%)`
HSV (or HSB)	188.4°, 76.4, 54.9
Web Safe	336699	`#336699`

CIE-LAB	48.112, -20.773, -15.729
XYZ	12.693, 16.883, 27.399
xyY	0.223, 0.296, 16.883
CIE-LCH	48.112, 26.056, 217.132
CIE-LUV	48.112, -32.523, -19.939
Hunter-Lab	41.089, -16.763, -10.774
Binary	00100001, 01111101, 10001100

#217d8c
```
#217d8c rgb(33,125,140)
```
#8c3021
```
#8c3021 rgb(140,48,33)
```

Complementary Color

#218c66
```
#218c66 rgb(33,140,102)
```
#217d8c
```
#217d8c rgb(33,125,140)
```
#21488c
```
#21488c rgb(33,72,140)
```

Analogous Color

#8c6621
```
#8c6621 rgb(140,102,33)
```
#217d8c
```
#217d8c rgb(33,125,140)
```
#8c2148
```
#8c2148 rgb(140,33,72)
```

Split Complementary Color

#7d8c21
```
#7d8c21 rgb(125,140,33)
```
#217d8c
```
#217d8c rgb(33,125,140)
```
#8c217d
```
#8c217d rgb(140,33,125)
```

Triadic Color

#218c30
```
#218c30 rgb(33,140,48)
```
#217d8c
```
#217d8c rgb(33,125,140)
```
#8c217d
```
#8c217d rgb(140,33,125)
```
#8c3021
```
#8c3021 rgb(140,48,33)
```

Tetradic Color

#12464e
```
#12464e rgb(18,70,78)
```
#175863
```
#175863 rgb(23,88,99)
```
#1c6b77
```
#1c6b77 rgb(28,107,119)
```
#217d8c
```
#217d8c rgb(33,125,140)
```
#268fa1
```
#268fa1 rgb(38,143,161)
```
#2ba2b5
```
#2ba2b5 rgb(43,162,181)
```
#30b4ca
```
#30b4ca rgb(48,180,202)
```

Monochromatic Color

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

#218c80
```
#218c80 rgb(33,140,128)
```
#218c89
```
#218c89 rgb(33,140,137)
```
#21868c
```
#21868c rgb(33,134,140)
```
#217d8c
```
#217d8c rgb(33,125,140)
```
#21748c
```
#21748c rgb(33,116,140)
```
#216b8c
```
#216b8c rgb(33,107,140)
```
#21628c
```
#21628c rgb(33,98,140)
```

Similar Colors

Text with hexadecimal color #217d8c

This text has a font color of #217d8c.

<span style="color:#217d8c;">Text here</span>

#217d8c background color

This paragraph has a background color of #217d8c.

<p style="background-color:#217d8c;">Content here</p>

#217d8c border color

This element has a border color of #217d8c.

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

CSS codes

.text {color:#217d8c;}

.background {background-color:#217d8c;}

.border {border:1px solid #217d8c;}

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, #030c0d is the darkest color, while #fcfefe is the lightest one.

#030c0d
```
#030c0d rgb(3,12,13)
```
#071a1d
```
#071a1d rgb(7,26,29)
```
#0b282d
```
#0b282d rgb(11,40,45)
```
#0e363d
```
#0e363d rgb(14,54,61)
```
#12444d
```
#12444d rgb(18,68,77)
```
#16525c
```
#16525c rgb(22,82,92)
```
#1a616c
```
#1a616c rgb(26,97,108)
```
#1d6f7c
```
#1d6f7c rgb(29,111,124)
```
#217d8c
```
#217d8c rgb(33,125,140)
```
#258b9c
```
#258b9c rgb(37,139,156)
```
#2899ac
```
#2899ac rgb(40,153,172)
```
#2ca8bc
```
#2ca8bc rgb(44,168,188)
```
#30b6cb
```
#30b6cb rgb(48,182,203)
```

Shade Color Variation

#3ebdd1
```
#3ebdd1 rgb(62,189,209)
```
#4ec2d5
```
#4ec2d5 rgb(78,194,213)
```
#5dc8d9
```
#5dc8d9 rgb(93,200,217)
```
#6dcddd
```
#6dcddd rgb(109,205,221)
```
#7dd2e0
```
#7dd2e0 rgb(125,210,224)
```
#8dd8e4
```
#8dd8e4 rgb(141,216,228)
```
#9ddde8
```
#9ddde8 rgb(157,221,232)
```
#ade3ec
```
#ade3ec rgb(173,227,236)
```
#bde8ef
```
#bde8ef rgb(189,232,239)
```
#cdeef3
```
#cdeef3 rgb(205,238,243)
```
#dcf3f7
```
#dcf3f7 rgb(220,243,247)
```
#ecf9fb
```
#ecf9fb rgb(236,249,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565757 is the less saturated color, while #0690a7 is the most saturated one.

#565757
```
#565757 rgb(86,87,87)
```
#505b5d
```
#505b5d rgb(80,91,93)
```
#496064
```
#496064 rgb(73,96,100)
```
#42656b
```
#42656b rgb(66,101,107)
```
#3c6a71
```
#3c6a71 rgb(60,106,113)
```
#356f78
```
#356f78 rgb(53,111,120)
```
#2e737f
```
#2e737f rgb(46,115,127)
```
#287885
```
#287885 rgb(40,120,133)
```
#217d8c
```
#217d8c rgb(33,125,140)
```
#1a8293
```
#1a8293 rgb(26,130,147)
```
#148799
```
#148799 rgb(20,135,153)
```
#0d8ba0
```
#0d8ba0 rgb(13,139,160)
```
#0690a7
```
#0690a7 rgb(6,144,167)
```

Tone Color Variation

Below, you can see how #217d8c 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

#636363 Achromatopsia 0.005% of the population
#56686b Atypical Achromatopsia 0.001% of the population

Dichromacy

#75788b Protanopia 1% of men
#747796 Deuteranopia 1% of men
#28848e Tritanopia 0.001% of the population

Trichromacy

#577a8b Protanomaly 1% of men, 0.01% of women
#567992 Deuteranomaly 6% of men, 0.4% of women
#26818d Tritanomaly 0.01% of the population

#217d8c hex color

#217d8c Color Information

#217d8c Color Conversion

Color Schemes with #217d8c

Alternatives to #217d8c

#217d8c Preview

Shades and Tints of #217d8c

Tones of #217d8c

Color Blindness Simulator