#217fb6 hex color

In a RGB color space, hex #217fb6 is composed of 12.9% red, 49.8% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 30.2% magenta, 0% yellow and 28.6% black. It has a hue angle of 202.1 degrees, a saturation of 69.3% and a lightness of 42.2%. #217fb6 color hex could be obtained by blending #42feff with #00006d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 50
- B 71
RGB color chart
- C 82
- M 30
- Y 0
- K 29
CMYK color chart

● #217fb6 color description : Strong blue.

The hexadecimal color #217fb6 has RGB values of R:33, G:127, B:182 and CMYK values of C:0.82, M:0.3, Y:0, K:0.29. Its decimal value is 2195382.

Hex triplet	217fb6	`#217fb6`
RGB Decimal	33, 127, 182	`rgb(33,127,182)`
RGB Percent	12.9, 49.8, 71.4	`rgb(12.9%,49.8%,71.4%)`
CMYK	82, 30, 0, 29
HSL	202.1°, 69.3, 42.2	`hsl(202.1,69.3%,42.2%)`
HSV (or HSB)	202.1°, 81.9, 71.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.544, -7.017, -36.44
XYZ	16.658, 18.878, 47.019
xyY	0.202, 0.229, 18.878
CIE-LCH	50.544, 37.109, 259.1
CIE-LUV	50.544, -30.691, -54.518
Hunter-Lab	43.449, -7.6, -33.748
Binary	00100001, 01111111, 10110110

#217fb6
```
#217fb6 rgb(33,127,182)
```
#b65821
```
#b65821 rgb(182,88,33)
```

Complementary Color

#21b6a3
```
#21b6a3 rgb(33,182,163)
```
#217fb6
```
#217fb6 rgb(33,127,182)
```
#2135b6
```
#2135b6 rgb(33,53,182)
```

Analogous Color

#b6a321
```
#b6a321 rgb(182,163,33)
```
#217fb6
```
#217fb6 rgb(33,127,182)
```
#b62135
```
#b62135 rgb(182,33,53)
```

Split Complementary Color

#7fb621
```
#7fb621 rgb(127,182,33)
```
#217fb6
```
#217fb6 rgb(33,127,182)
```
#b6217f
```
#b6217f rgb(182,33,127)
```

Triadic Color

#21b658
```
#21b658 rgb(33,182,88)
```
#217fb6
```
#217fb6 rgb(33,127,182)
```
#b6217f
```
#b6217f rgb(182,33,127)
```
#b65821
```
#b65821 rgb(182,88,33)
```

Tetradic Color

#155275
```
#155275 rgb(21,82,117)
```
#19618b
```
#19618b rgb(25,97,139)
```
#1d70a0
```
#1d70a0 rgb(29,112,160)
```
#217fb6
```
#217fb6 rgb(33,127,182)
```
#258ecc
```
#258ecc rgb(37,142,204)
```
#309bda
```
#309bda rgb(48,155,218)
```
#46a6dd
```
#46a6dd rgb(70,166,221)
```

Monochromatic Color

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

#21a4b6
```
#21a4b6 rgb(33,164,182)
```
#2198b6
```
#2198b6 rgb(33,152,182)
```
#218bb6
```
#218bb6 rgb(33,139,182)
```
#217fb6
```
#217fb6 rgb(33,127,182)
```
#2173b6
```
#2173b6 rgb(33,115,182)
```
#2166b6
```
#2166b6 rgb(33,102,182)
```
#215ab6
```
#215ab6 rgb(33,90,182)
```

Similar Colors

Text with hexadecimal color #217fb6

This text has a font color of #217fb6.

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

#217fb6 background color

This paragraph has a background color of #217fb6.

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

#217fb6 border color

This element has a border color of #217fb6.

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

CSS codes

.text {color:#217fb6;}

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

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

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

#030b10
```
#030b10 rgb(3,11,16)
```
#061721
```
#061721 rgb(6,23,33)
```
#092231
```
#092231 rgb(9,34,49)
```
#0c2e42
```
#0c2e42 rgb(12,46,66)
```
#0f3952
```
#0f3952 rgb(15,57,82)
```
#124563
```
#124563 rgb(18,69,99)
```
#155174
```
#155174 rgb(21,81,116)
```
#185c84
```
#185c84 rgb(24,92,132)
```
#1b6895
```
#1b6895 rgb(27,104,149)
```
#1e73a5
```
#1e73a5 rgb(30,115,165)
```
#217fb6
```
#217fb6 rgb(33,127,182)
```
#248bc7
```
#248bc7 rgb(36,139,199)
```
#2796d7
```
#2796d7 rgb(39,150,215)
```

Shade Color Variation

#379edb
```
#379edb rgb(55,158,219)
```
#48a6de
```
#48a6de rgb(72,166,222)
```
#58aee1
```
#58aee1 rgb(88,174,225)
```
#69b6e4
```
#69b6e4 rgb(105,182,228)
```
#7abee7
```
#7abee7 rgb(122,190,231)
```
#8ac6ea
```
#8ac6ea rgb(138,198,234)
```
#9bcfed
```
#9bcfed rgb(155,207,237)
```
#abd7f0
```
#abd7f0 rgb(171,215,240)
```
#bcdff3
```
#bcdff3 rgb(188,223,243)
```
#cde7f6
```
#cde7f6 rgb(205,231,246)
```
#ddeff9
```
#ddeff9 rgb(221,239,249)
```
#eef7fc
```
#eef7fc rgb(238,247,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#6b6c6c
```
#6b6c6c rgb(107,108,108)
```
#636e74
```
#636e74 rgb(99,110,116)
```
#5b707c
```
#5b707c rgb(91,112,124)
```
#537284
```
#537284 rgb(83,114,132)
```
#4a748d
```
#4a748d rgb(74,116,141)
```
#427695
```
#427695 rgb(66,118,149)
```
#3a799d
```
#3a799d rgb(58,121,157)
```
#327ba5
```
#327ba5 rgb(50,123,165)
```
#297dae
```
#297dae rgb(41,125,174)
```
#217fb6
```
#217fb6 rgb(33,127,182)
```
#1981be
```
#1981be rgb(25,129,190)
```
#1083c7
```
#1083c7 rgb(16,131,199)
```
#0885cf
```
#0885cf rgb(8,133,207)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5b6d78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7db3 Protanopia 1% of men
#5d7fbc Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#507eb4 Protanomaly 1% of men, 0.01% of women
#477fba Deuteranomaly 6% of men, 0.4% of women
#0c87a1 Tritanomaly 0.01% of the population

#217fb6 hex color

#217fb6 Color Information

#217fb6 Color Conversion

Color Schemes with #217fb6

Alternatives to #217fb6

#217fb6 Preview

Shades and Tints of #217fb6

Tones of #217fb6

Color Blindness Simulator