#217fbb hex color

In a RGB color space, hex #217fbb is composed of 12.9% red, 49.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 32.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 203.4 degrees, a saturation of 70% and a lightness of 43.1%. #217fbb color hex could be obtained by blending #42feff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 50
- B 73
RGB color chart
- C 82
- M 32
- Y 0
- K 27
CMYK color chart

● #217fbb color description : Strong blue.

The hexadecimal color #217fbb has RGB values of R:33, G:127, B:187 and CMYK values of C:0.82, M:0.32, Y:0, K:0.27. Its decimal value is 2195387.

Hex triplet	217fbb	`#217fbb`
RGB Decimal	33, 127, 187	`rgb(33,127,187)`
RGB Percent	12.9, 49.8, 73.3	`rgb(12.9%,49.8%,73.3%)`
CMYK	82, 32, 0, 27
HSL	203.4°, 70, 43.1	`hsl(203.4,70%,43.1%)`
HSV (or HSB)	203.4°, 82.4, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.79, -5.164, -38.928
XYZ	17.184, 19.088, 49.79
xyY	0.2, 0.222, 19.088
CIE-LCH	50.79, 39.269, 262.443
CIE-LUV	50.79, -30.415, -58.762
Hunter-Lab	43.69, -6.251, -36.984
Binary	00100001, 01111111, 10111011

#217fbb
```
#217fbb rgb(33,127,187)
```
#bb5d21
```
#bb5d21 rgb(187,93,33)
```

Complementary Color

#21bbaa
```
#21bbaa rgb(33,187,170)
```
#217fbb
```
#217fbb rgb(33,127,187)
```
#2132bb
```
#2132bb rgb(33,50,187)
```

Analogous Color

#bbaa21
```
#bbaa21 rgb(187,170,33)
```
#217fbb
```
#217fbb rgb(33,127,187)
```
#bb2132
```
#bb2132 rgb(187,33,50)
```

Split Complementary Color

#7fbb21
```
#7fbb21 rgb(127,187,33)
```
#217fbb
```
#217fbb rgb(33,127,187)
```
#bb217f
```
#bb217f rgb(187,33,127)
```

Triadic Color

#21bb5d
```
#21bb5d rgb(33,187,93)
```
#217fbb
```
#217fbb rgb(33,127,187)
```
#bb217f
```
#bb217f rgb(187,33,127)
```
#bb5d21
```
#bb5d21 rgb(187,93,33)
```

Tetradic Color

#16537a
```
#16537a rgb(22,83,122)
```
#196290
```
#196290 rgb(25,98,144)
```
#1d70a5
```
#1d70a5 rgb(29,112,165)
```
#217fbb
```
#217fbb rgb(33,127,187)
```
#258ed1
```
#258ed1 rgb(37,142,209)
```
#349adb
```
#349adb rgb(52,154,219)
```
#4aa5df
```
#4aa5df rgb(74,165,223)
```

Monochromatic Color

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

#21a6bb
```
#21a6bb rgb(33,166,187)
```
#2199bb
```
#2199bb rgb(33,153,187)
```
#218cbb
```
#218cbb rgb(33,140,187)
```
#217fbb
```
#217fbb rgb(33,127,187)
```
#2172bb
```
#2172bb rgb(33,114,187)
```
#2165bb
```
#2165bb rgb(33,101,187)
```
#2159bb
```
#2159bb rgb(33,89,187)
```

Similar Colors

Text with hexadecimal color #217fbb

This text has a font color of #217fbb.

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

#217fbb background color

This paragraph has a background color of #217fbb.

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

#217fbb border color

This element has a border color of #217fbb.

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

CSS codes

.text {color:#217fbb;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040e14
```
#040e14 rgb(4,14,20)
```
#071925
```
#071925 rgb(7,25,37)
```
#092436
```
#092436 rgb(9,36,54)
```
#0c3046
```
#0c3046 rgb(12,48,70)
```
#0f3b57
```
#0f3b57 rgb(15,59,87)
```
#124668
```
#124668 rgb(18,70,104)
```
#155278
```
#155278 rgb(21,82,120)
```
#185d89
```
#185d89 rgb(24,93,137)
```
#1b689a
```
#1b689a rgb(27,104,154)
```
#1e74aa
```
#1e74aa rgb(30,116,170)
```
#217fbb
```
#217fbb rgb(33,127,187)
```
#248acc
```
#248acc rgb(36,138,204)
```

Shade Color Variation

#2a95d9
```
#2a95d9 rgb(42,149,217)
```
#3b9ddc
```
#3b9ddc rgb(59,157,220)
```
#4ba6df
```
#4ba6df rgb(75,166,223)
```
#5caee2
```
#5caee2 rgb(92,174,226)
```
#6db6e5
```
#6db6e5 rgb(109,182,229)
```
#7dbee8
```
#7dbee8 rgb(125,190,232)
```
#8ec7eb
```
#8ec7eb rgb(142,199,235)
```
#9fcfee
```
#9fcfee rgb(159,207,238)
```
#afd7f1
```
#afd7f1 rgb(175,215,241)
```
#c0e0f4
```
#c0e0f4 rgb(192,224,244)
```
#d1e8f7
```
#d1e8f7 rgb(209,232,247)
```
#e1f0fa
```
#e1f0fa rgb(225,240,250)
```
#f2f8fd
```
#f2f8fd rgb(242,248,253)
```

Tint Color Variation

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

#6d6e6f
```
#6d6e6f rgb(109,110,111)
```
#657077
```
#657077 rgb(101,112,119)
```
#5c7280
```
#5c7280 rgb(92,114,128)
```
#547488
```
#547488 rgb(84,116,136)
```
#4b7691
```
#4b7691 rgb(75,118,145)
```
#437899
```
#437899 rgb(67,120,153)
```
#3a79a2
```
#3a79a2 rgb(58,121,162)
```
#327baa
```
#327baa rgb(50,123,170)
```
#297db3
```
#297db3 rgb(41,125,179)
```
#217fbb
```
#217fbb rgb(33,127,187)
```
#1981c3
```
#1981c3 rgb(25,129,195)
```
#1083cc
```
#1083cc rgb(16,131,204)
```
#0885d4
```
#0885d4 rgb(8,133,212)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5b6e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7db8 Protanopia 1% of men
#5980c0 Deuteranopia 1% of men
#008c95 Tritanopia 0.001% of the population

Trichromacy

#4f7eb9 Protanomaly 1% of men, 0.01% of women
#447fbe Deuteranomaly 6% of men, 0.4% of women
#0c87a3 Tritanomaly 0.01% of the population

#217fbb hex color

#217fbb Color Information

#217fbb Color Conversion

Color Schemes with #217fbb

Alternatives to #217fbb

#217fbb Preview

Shades and Tints of #217fbb

Tones of #217fbb

Color Blindness Simulator