#217bde hex color

In a RGB color space, hex #217bde is composed of 12.9% red, 48.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 44.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 211.4 degrees, a saturation of 74.1% and a lightness of 50%. #217bde color hex could be obtained by blending #42f6ff with #0000bd. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 48
- B 87
RGB color chart
- C 85
- M 45
- Y 0
- K 13
CMYK color chart

● #217bde color description : Vivid blue.

The hexadecimal color #217bde has RGB values of R:33, G:123, B:222 and CMYK values of C:0.85, M:0.45, Y:0, K:0.13. Its decimal value is 2194398.

Hex triplet	217bde	`#217bde`
RGB Decimal	33, 123, 222	`rgb(33,123,222)`
RGB Percent	12.9, 48.2, 87.1	`rgb(12.9%,48.2%,87.1%)`
CMYK	85, 45, 0, 13
HSL	211.4°, 74.1, 50	`hsl(211.4,74.1%,50%)`
HSV (or HSB)	211.4°, 85.1, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.566, 10.518, -57.601
XYZ	20.892, 19.761, 71.816
xyY	0.186, 0.176, 19.761
CIE-LCH	51.566, 58.553, 280.348
CIE-LUV	51.566, -27.473, -90.167
Hunter-Lab	44.454, 6.096, -64.667
Binary	00100001, 01111011, 11011110

#217bde
```
#217bde rgb(33,123,222)
```
#de8421
```
#de8421 rgb(222,132,33)
```

Complementary Color

#21dade
```
#21dade rgb(33,218,222)
```
#217bde
```
#217bde rgb(33,123,222)
```
#2621de
```
#2621de rgb(38,33,222)
```

Analogous Color

#dade21
```
#dade21 rgb(218,222,33)
```
#217bde
```
#217bde rgb(33,123,222)
```
#de2621
```
#de2621 rgb(222,38,33)
```

Split Complementary Color

#7bde21
```
#7bde21 rgb(123,222,33)
```
#217bde
```
#217bde rgb(33,123,222)
```
#de217b
```
#de217b rgb(222,33,123)
```

Triadic Color

#21de84
```
#21de84 rgb(33,222,132)
```
#217bde
```
#217bde rgb(33,123,222)
```
#de217b
```
#de217b rgb(222,33,123)
```
#de8421
```
#de8421 rgb(222,132,33)
```

Tetradic Color

#17569b
```
#17569b rgb(23,86,155)
```
#1a62b2
```
#1a62b2 rgb(26,98,178)
```
#1e6fc8
```
#1e6fc8 rgb(30,111,200)
```
#217bde
```
#217bde rgb(33,123,222)
```
#3788e1
```
#3788e1 rgb(55,136,225)
```
#4d95e5
```
#4d95e5 rgb(77,149,229)
```
#64a3e8
```
#64a3e8 rgb(100,163,232)
```

Monochromatic Color

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

#21aade
```
#21aade rgb(33,170,222)
```
#219bde
```
#219bde rgb(33,155,222)
```
#218bde
```
#218bde rgb(33,139,222)
```
#217bde
```
#217bde rgb(33,123,222)
```
#216bde
```
#216bde rgb(33,107,222)
```
#215cde
```
#215cde rgb(33,92,222)
```
#214cde
```
#214cde rgb(33,76,222)
```

Similar Colors

Text with hexadecimal color #217bde

This text has a font color of #217bde.

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

#217bde background color

This paragraph has a background color of #217bde.

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

#217bde border color

This element has a border color of #217bde.

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

CSS codes

.text {color:#217bde;}

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

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

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

#030911
```
#030911 rgb(3,9,17)
```
#051322
```
#051322 rgb(5,19,34)
```
#081c33
```
#081c33 rgb(8,28,51)
```
#0a2644
```
#0a2644 rgb(10,38,68)
```
#0d2f55
```
#0d2f55 rgb(13,47,85)
```
#0f3966
```
#0f3966 rgb(15,57,102)
```
#124278
```
#124278 rgb(18,66,120)
```
#144c89
```
#144c89 rgb(20,76,137)
```
#17559a
```
#17559a rgb(23,85,154)
```
#195fab
```
#195fab rgb(25,95,171)
```
#1c68bc
```
#1c68bc rgb(28,104,188)
```
#1e72cd
```
#1e72cd rgb(30,114,205)
```
#217bde
```
#217bde rgb(33,123,222)
```

Shade Color Variation

#3285e1
```
#3285e1 rgb(50,133,225)
```
#438fe3
```
#438fe3 rgb(67,143,227)
```
#5499e6
```
#5499e6 rgb(84,153,230)
```
#65a4e8
```
#65a4e8 rgb(101,164,232)
```
#76aeeb
```
#76aeeb rgb(118,174,235)
```
#87b8ed
```
#87b8ed rgb(135,184,237)
```
#99c2f0
```
#99c2f0 rgb(153,194,240)
```
#aaccf2
```
#aaccf2 rgb(170,204,242)
```
#bbd6f5
```
#bbd6f5 rgb(187,214,245)
```
#cce1f7
```
#cce1f7 rgb(204,225,247)
```
#ddebfa
```
#ddebfa rgb(221,235,250)
```
#eef5fc
```
#eef5fc rgb(238,245,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797f86 is the less saturated color, while #047afb is the most saturated one.

#797f86
```
#797f86 rgb(121,127,134)
```
#6f7f90
```
#6f7f90 rgb(111,127,144)
```
#667e99
```
#667e99 rgb(102,126,153)
```
#5c7ea3
```
#5c7ea3 rgb(92,126,163)
```
#527dad
```
#527dad rgb(82,125,173)
```
#487db7
```
#487db7 rgb(72,125,183)
```
#3e7cc1
```
#3e7cc1 rgb(62,124,193)
```
#357cca
```
#357cca rgb(53,124,202)
```
#2b7bd4
```
#2b7bd4 rgb(43,123,212)
```
#217bde
```
#217bde rgb(33,123,222)
```
#177be8
```
#177be8 rgb(23,123,232)
```
#0d7af2
```
#0d7af2 rgb(13,122,242)
```
#047afb
```
#047afb rgb(4,122,251)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5c6e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f7edc Protanopia 1% of men
#0083db Deuteranopia 1% of men
#008e97 Tritanopia 0.001% of the population

Trichromacy

#3e7ddd Protanomaly 1% of men, 0.01% of women
#0c80dc Deuteranomaly 6% of men, 0.4% of women
#0c87b0 Tritanomaly 0.01% of the population

#217bde hex color

#217bde Color Information

#217bde Color Conversion

Color Schemes with #217bde

Alternatives to #217bde

#217bde Preview

Shades and Tints of #217bde

Tones of #217bde

Color Blindness Simulator