#217fb8 hex color

In a RGB color space, hex #217fb8 is composed of 12.9% red, 49.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 31% magenta, 0% yellow and 27.8% black. It has a hue angle of 202.6 degrees, a saturation of 69.6% and a lightness of 42.5%. #217fb8 color hex could be obtained by blending #42feff with #000071. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 50
- B 72
RGB color chart
- C 82
- M 31
- Y 0
- K 28
CMYK color chart

● #217fb8 color description : Strong blue.

The hexadecimal color #217fb8 has RGB values of R:33, G:127, B:184 and CMYK values of C:0.82, M:0.31, Y:0, K:0.28. Its decimal value is 2195384.

Hex triplet	217fb8	`#217fb8`
RGB Decimal	33, 127, 184	`rgb(33,127,184)`
RGB Percent	12.9, 49.8, 72.2	`rgb(12.9%,49.8%,72.2%)`
CMYK	82, 31, 0, 28
HSL	202.6°, 69.6, 42.5	`hsl(202.6,69.6%,42.5%)`
HSV (or HSB)	202.6°, 82.1, 72.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.642, -6.278, -37.437
XYZ	16.866, 18.961, 48.116
xyY	0.201, 0.226, 18.961
CIE-LCH	50.642, 37.96, 260.481
CIE-LUV	50.642, -30.579, -56.219
Hunter-Lab	43.545, -7.064, -35.033
Binary	00100001, 01111111, 10111000

#217fb8
```
#217fb8 rgb(33,127,184)
```
#b85a21
```
#b85a21 rgb(184,90,33)
```

Complementary Color

#21b8a6
```
#21b8a6 rgb(33,184,166)
```
#217fb8
```
#217fb8 rgb(33,127,184)
```
#2134b8
```
#2134b8 rgb(33,52,184)
```

Analogous Color

#b8a621
```
#b8a621 rgb(184,166,33)
```
#217fb8
```
#217fb8 rgb(33,127,184)
```
#b82134
```
#b82134 rgb(184,33,52)
```

Split Complementary Color

#7fb821
```
#7fb821 rgb(127,184,33)
```
#217fb8
```
#217fb8 rgb(33,127,184)
```
#b8217f
```
#b8217f rgb(184,33,127)
```

Triadic Color

#21b85a
```
#21b85a rgb(33,184,90)
```
#217fb8
```
#217fb8 rgb(33,127,184)
```
#b8217f
```
#b8217f rgb(184,33,127)
```
#b85a21
```
#b85a21 rgb(184,90,33)
```

Tetradic Color

#155277
```
#155277 rgb(21,82,119)
```
#19618d
```
#19618d rgb(25,97,141)
```
#1d70a2
```
#1d70a2 rgb(29,112,162)
```
#217fb8
```
#217fb8 rgb(33,127,184)
```
#258ece
```
#258ece rgb(37,142,206)
```
#329bda
```
#329bda rgb(50,155,218)
```
#47a5de
```
#47a5de rgb(71,165,222)
```

Monochromatic Color

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

#21a5b8
```
#21a5b8 rgb(33,165,184)
```
#2198b8
```
#2198b8 rgb(33,152,184)
```
#218cb8
```
#218cb8 rgb(33,140,184)
```
#217fb8
```
#217fb8 rgb(33,127,184)
```
#2172b8
```
#2172b8 rgb(33,114,184)
```
#2166b8
```
#2166b8 rgb(33,102,184)
```
#2159b8
```
#2159b8 rgb(33,89,184)
```

Similar Colors

Text with hexadecimal color #217fb8

This text has a font color of #217fb8.

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

#217fb8 background color

This paragraph has a background color of #217fb8.

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

#217fb8 border color

This element has a border color of #217fb8.

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

CSS codes

.text {color:#217fb8;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#061822
```
#061822 rgb(6,24,34)
```
#092333
```
#092333 rgb(9,35,51)
```
#0c2f44
```
#0c2f44 rgb(12,47,68)
```
#0f3a54
```
#0f3a54 rgb(15,58,84)
```
#124665
```
#124665 rgb(18,70,101)
```
#155175
```
#155175 rgb(21,81,117)
```
#185d86
```
#185d86 rgb(24,93,134)
```
#1b6897
```
#1b6897 rgb(27,104,151)
```
#1e74a7
```
#1e74a7 rgb(30,116,167)
```
#217fb8
```
#217fb8 rgb(33,127,184)
```
#248ac9
```
#248ac9 rgb(36,138,201)
```

Shade Color Variation

#2896d8
```
#2896d8 rgb(40,150,216)
```
#389edb
```
#389edb rgb(56,158,219)
```
#49a6de
```
#49a6de rgb(73,166,222)
```
#5aaee1
```
#5aaee1 rgb(90,174,225)
```
#6ab6e4
```
#6ab6e4 rgb(106,182,228)
```
#7bbee7
```
#7bbee7 rgb(123,190,231)
```
#8cc7ea
```
#8cc7ea rgb(140,199,234)
```
#9ccfed
```
#9ccfed rgb(156,207,237)
```
#add7f0
```
#add7f0 rgb(173,215,240)
```
#bedff3
```
#bedff3 rgb(190,223,243)
```
#cee7f6
```
#cee7f6 rgb(206,231,246)
```
#dfeff9
```
#dfeff9 rgb(223,239,249)
```
#eff7fc
```
#eff7fc rgb(239,247,252)
```

Tint Color Variation

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

#6c6d6d
```
#6c6d6d rgb(108,109,109)
```
#646f75
```
#646f75 rgb(100,111,117)
```
#5b717e
```
#5b717e rgb(91,113,126)
```
#537386
```
#537386 rgb(83,115,134)
```
#4b758e
```
#4b758e rgb(75,117,142)
```
#427797
```
#427797 rgb(66,119,151)
```
#3a799f
```
#3a799f rgb(58,121,159)
```
#327ba7
```
#327ba7 rgb(50,123,167)
```
#297db0
```
#297db0 rgb(41,125,176)
```
#217fb8
```
#217fb8 rgb(33,127,184)
```
#1981c0
```
#1981c0 rgb(25,129,192)
```
#1083c9
```
#1083c9 rgb(16,131,201)
```
#0885d1
```
#0885d1 rgb(8,133,209)
```

Tone Color Variation

Below, you can see how #217fb8 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
#5b6d79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b7db5 Protanopia 1% of men
#5b7fbe Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#507eb6 Protanomaly 1% of men, 0.01% of women
#467fbc Deuteranomaly 6% of men, 0.4% of women
#0c87a2 Tritanomaly 0.01% of the population

#217fb8 hex color

#217fb8 Color Information

#217fb8 Color Conversion

Color Schemes with #217fb8

Alternatives to #217fb8

#217fb8 Preview

Shades and Tints of #217fb8

Tones of #217fb8

Color Blindness Simulator