#216ddc hex color

In a RGB color space, hex #216ddc is composed of 12.9% red, 42.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 50.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 215.6 degrees, a saturation of 73.9% and a lightness of 49.6%. #216ddc color hex could be obtained by blending #42daff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 43
- B 86
RGB color chart
- C 85
- M 50
- Y 0
- K 14
CMYK color chart

● #216ddc color description : Vivid blue.

The hexadecimal color #216ddc has RGB values of R:33, G:109, B:220 and CMYK values of C:0.85, M:0.5, Y:0, K:0.14. Its decimal value is 2190812.

Hex triplet	216ddc	`#216ddc`
RGB Decimal	33, 109, 220	`rgb(33,109,220)`
RGB Percent	12.9, 42.7, 86.3	`rgb(12.9%,42.7%,86.3%)`
CMYK	85, 50, 0, 14
HSL	215.6°, 73.9, 49.6	`hsl(215.6,73.9%,49.6%)`
HSV (or HSB)	215.6°, 85, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.529, 18.58, -62.978
XYZ	19.011, 16.426, 69.875
xyY	0.181, 0.156, 16.426
CIE-LCH	47.529, 65.662, 286.437
CIE-LUV	47.529, -23.328, -97.081
Hunter-Lab	40.529, 12.803, -73.848
Binary	00100001, 01101101, 11011100

#216ddc
```
#216ddc rgb(33,109,220)
```
#dc9021
```
#dc9021 rgb(220,144,33)
```

Complementary Color

#21cbdc
```
#21cbdc rgb(33,203,220)
```
#216ddc
```
#216ddc rgb(33,109,220)
```
#3321dc
```
#3321dc rgb(51,33,220)
```

Analogous Color

#cbdc21
```
#cbdc21 rgb(203,220,33)
```
#216ddc
```
#216ddc rgb(33,109,220)
```
#dc3321
```
#dc3321 rgb(220,51,33)
```

Split Complementary Color

#6ddc21
```
#6ddc21 rgb(109,220,33)
```
#216ddc
```
#216ddc rgb(33,109,220)
```
#dc216d
```
#dc216d rgb(220,33,109)
```

Triadic Color

#21dc90
```
#21dc90 rgb(33,220,144)
```
#216ddc
```
#216ddc rgb(33,109,220)
```
#dc216d
```
#dc216d rgb(220,33,109)
```
#dc9021
```
#dc9021 rgb(220,144,33)
```

Tetradic Color

#174c99
```
#174c99 rgb(23,76,153)
```
#1a57b0
```
#1a57b0 rgb(26,87,176)
```
#1e62c6
```
#1e62c6 rgb(30,98,198)
```
#216ddc
```
#216ddc rgb(33,109,220)
```
#367be1
```
#367be1 rgb(54,123,225)
```
#4c8ae4
```
#4c8ae4 rgb(76,138,228)
```
#6298e7
```
#6298e7 rgb(98,152,231)
```

Monochromatic Color

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

#219cdc
```
#219cdc rgb(33,156,220)
```
#218cdc
```
#218cdc rgb(33,140,220)
```
#217ddc
```
#217ddc rgb(33,125,220)
```
#216ddc
```
#216ddc rgb(33,109,220)
```
#215ddc
```
#215ddc rgb(33,93,220)
```
#214edc
```
#214edc rgb(33,78,220)
```
#213edc
```
#213edc rgb(33,62,220)
```

Similar Colors

Text with hexadecimal color #216ddc

This text has a font color of #216ddc.

<span style="color:#216ddc;">Text here</span>

#216ddc background color

This paragraph has a background color of #216ddc.

<p style="background-color:#216ddc;">Content here</p>

#216ddc border color

This element has a border color of #216ddc.

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

CSS codes

.text {color:#216ddc;}

.background {background-color:#216ddc;}

.border {border:1px solid #216ddc;}

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, #02080f is the darkest color, while #fdfeff is the lightest one.

#02080f
```
#02080f rgb(2,8,15)
```
#051020
```
#051020 rgb(5,16,32)
```
#071831
```
#071831 rgb(7,24,49)
```
#0a2142
```
#0a2142 rgb(10,33,66)
```
#0d2954
```
#0d2954 rgb(13,41,84)
```
#0f3265
```
#0f3265 rgb(15,50,101)
```
#123a76
```
#123a76 rgb(18,58,118)
```
#144387
```
#144387 rgb(20,67,135)
```
#174b98
```
#174b98 rgb(23,75,152)
```
#1954a9
```
#1954a9 rgb(25,84,169)
```
#1c5cba
```
#1c5cba rgb(28,92,186)
```
#1e65cb
```
#1e65cb rgb(30,101,203)
```
#216ddc
```
#216ddc rgb(33,109,220)
```

Shade Color Variation

#3178e0
```
#3178e0 rgb(49,120,224)
```
#4283e3
```
#4283e3 rgb(66,131,227)
```
#538ee5
```
#538ee5 rgb(83,142,229)
```
#6499e8
```
#6499e8 rgb(100,153,232)
```
#75a5ea
```
#75a5ea rgb(117,165,234)
```
#86b0ed
```
#86b0ed rgb(134,176,237)
```
#97bbef
```
#97bbef rgb(151,187,239)
```
#a8c6f2
```
#a8c6f2 rgb(168,198,242)
```
#b9d1f5
```
#b9d1f5 rgb(185,209,245)
```
#cadcf7
```
#cadcf7 rgb(202,220,247)
```
#dbe8fa
```
#dbe8fa rgb(219,232,250)
```
#ecf3fc
```
#ecf3fc rgb(236,243,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#797d84
```
#797d84 rgb(121,125,132)
```
#6f7c8e
```
#6f7c8e rgb(111,124,142)
```
#657a98
```
#657a98 rgb(101,122,152)
```
#5b78a2
```
#5b78a2 rgb(91,120,162)
```
#5276ab
```
#5276ab rgb(82,118,171)
```
#4874b5
```
#4874b5 rgb(72,116,181)
```
#3e72bf
```
#3e72bf rgb(62,114,191)
```
#3471c9
```
#3471c9 rgb(52,113,201)
```
#2b6fd2
```
#2b6fd2 rgb(43,111,210)
```
#216ddc
```
#216ddc rgb(33,109,220)
```
#176be6
```
#176be6 rgb(23,107,230)
```
#0e69ef
```
#0e69ef rgb(14,105,239)
```
#0468f9
```
#0468f9 rgb(4,104,249)
```

Tone Color Variation

Below, you can see how #216ddc 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

#636363 Achromatopsia 0.005% of the population
#56657b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c74dd Protanopia 1% of men
#007ac9 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#2871dd Protanomaly 1% of men, 0.01% of women
#0c75cf Deuteranomaly 6% of men, 0.4% of women
#0c7ba8 Tritanomaly 0.01% of the population

#216ddc hex color

#216ddc Color Information

#216ddc Color Conversion

Color Schemes with #216ddc

Alternatives to #216ddc

#216ddc Preview

Shades and Tints of #216ddc

Tones of #216ddc

Color Blindness Simulator