#217dbb hex color

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

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

● #217dbb color description : Strong blue.

The hexadecimal color #217dbb has RGB values of R:33, G:125, B:187 and CMYK values of C:0.82, M:0.33, Y:0, K:0.27. Its decimal value is 2194875.

Hex triplet	217dbb	`#217dbb`
RGB Decimal	33, 125, 187	`rgb(33,125,187)`
RGB Percent	12.9, 49, 73.3	`rgb(12.9%,49%,73.3%)`
CMYK	82, 33, 0, 27
HSL	204.2°, 70, 43.1	`hsl(204.2,70%,43.1%)`
HSV (or HSB)	204.2°, 82.4, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.189, -3.979, -39.878
XYZ	16.928, 18.577, 49.704
xyY	0.199, 0.218, 18.577
CIE-LCH	50.189, 40.076, 264.302
CIE-LUV	50.189, -29.733, -60.264
Hunter-Lab	43.101, -5.319, -38.203
Binary	00100001, 01111101, 10111011

#217dbb
```
#217dbb rgb(33,125,187)
```
#bb5f21
```
#bb5f21 rgb(187,95,33)
```

Complementary Color

#21bbac
```
#21bbac rgb(33,187,172)
```
#217dbb
```
#217dbb rgb(33,125,187)
```
#2130bb
```
#2130bb rgb(33,48,187)
```

Analogous Color

#bbac21
```
#bbac21 rgb(187,172,33)
```
#217dbb
```
#217dbb rgb(33,125,187)
```
#bb2130
```
#bb2130 rgb(187,33,48)
```

Split Complementary Color

#7dbb21
```
#7dbb21 rgb(125,187,33)
```
#217dbb
```
#217dbb rgb(33,125,187)
```
#bb217d
```
#bb217d rgb(187,33,125)
```

Triadic Color

#21bb5f
```
#21bb5f rgb(33,187,95)
```
#217dbb
```
#217dbb rgb(33,125,187)
```
#bb217d
```
#bb217d rgb(187,33,125)
```
#bb5f21
```
#bb5f21 rgb(187,95,33)
```

Tetradic Color

#16527a
```
#16527a rgb(22,82,122)
```
#196090
```
#196090 rgb(25,96,144)
```
#1d6fa5
```
#1d6fa5 rgb(29,111,165)
```
#217dbb
```
#217dbb rgb(33,125,187)
```
#258bd1
```
#258bd1 rgb(37,139,209)
```
#3498db
```
#3498db rgb(52,152,219)
```
#4aa3df
```
#4aa3df rgb(74,163,223)
```

Monochromatic Color

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

#21a4bb
```
#21a4bb rgb(33,164,187)
```
#2197bb
```
#2197bb rgb(33,151,187)
```
#218abb
```
#218abb rgb(33,138,187)
```
#217dbb
```
#217dbb rgb(33,125,187)
```
#2170bb
```
#2170bb rgb(33,112,187)
```
#2163bb
```
#2163bb rgb(33,99,187)
```
#2156bb
```
#2156bb rgb(33,86,187)
```

Similar Colors

Text with hexadecimal color #217dbb

This text has a font color of #217dbb.

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

#217dbb background color

This paragraph has a background color of #217dbb.

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

#217dbb border color

This element has a border color of #217dbb.

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

CSS codes

.text {color:#217dbb;}

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

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

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)
```
#0c2f46
```
#0c2f46 rgb(12,47,70)
```
#0f3a57
```
#0f3a57 rgb(15,58,87)
```
#124568
```
#124568 rgb(18,69,104)
```
#155078
```
#155078 rgb(21,80,120)
```
#185c89
```
#185c89 rgb(24,92,137)
```
#1b679a
```
#1b679a rgb(27,103,154)
```
#1e72aa
```
#1e72aa rgb(30,114,170)
```
#217dbb
```
#217dbb rgb(33,125,187)
```
#2488cc
```
#2488cc rgb(36,136,204)
```

Shade Color Variation

#2a93d9
```
#2a93d9 rgb(42,147,217)
```
#3b9bdc
```
#3b9bdc rgb(59,155,220)
```
#4ba4df
```
#4ba4df rgb(75,164,223)
```
#5cace2
```
#5cace2 rgb(92,172,226)
```
#6db5e5
```
#6db5e5 rgb(109,181,229)
```
#7dbde8
```
#7dbde8 rgb(125,189,232)
```
#8ec6eb
```
#8ec6eb rgb(142,198,235)
```
#9fceee
```
#9fceee rgb(159,206,238)
```
#afd6f1
```
#afd6f1 rgb(175,214,241)
```
#c0dff4
```
#c0dff4 rgb(192,223,244)
```
#d1e7f7
```
#d1e7f7 rgb(209,231,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 #0882d4 is the most saturated one.

#6d6e6f
```
#6d6e6f rgb(109,110,111)
```
#657077
```
#657077 rgb(101,112,119)
```
#5c7180
```
#5c7180 rgb(92,113,128)
```
#547388
```
#547388 rgb(84,115,136)
```
#4b7591
```
#4b7591 rgb(75,117,145)
```
#437699
```
#437699 rgb(67,118,153)
```
#3a78a2
```
#3a78a2 rgb(58,120,162)
```
#327aaa
```
#327aaa rgb(50,122,170)
```
#297bb3
```
#297bb3 rgb(41,123,179)
```
#217dbb
```
#217dbb rgb(33,125,187)
```
#197fc3
```
#197fc3 rgb(25,127,195)
```
#1080cc
```
#1080cc rgb(16,128,204)
```
#0882d4
```
#0882d4 rgb(8,130,212)
```

Tone Color Variation

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

#677cb8 Protanopia 1% of men
#557ec0 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#4d7cb9 Protanomaly 1% of men, 0.01% of women
#427ebe Deuteranomaly 6% of men, 0.4% of women
#0c85a2 Tritanomaly 0.01% of the population

#217dbb hex color

#217dbb Color Information

#217dbb Color Conversion

Color Schemes with #217dbb

Alternatives to #217dbb

#217dbb Preview

Shades and Tints of #217dbb

Tones of #217dbb

Color Blindness Simulator