#218ddd hex color

In a RGB color space, hex #218ddd is composed of 12.9% red, 55.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 36.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 205.5 degrees, a saturation of 74% and a lightness of 49.8%. #218ddd color hex could be obtained by blending #42ffff with #001bbb. Closest websafe color is: #3399cc.

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

● #218ddd color description : Vivid blue.

The hexadecimal color #218ddd has RGB values of R:33, G:141, B:221 and CMYK values of C:0.85, M:0.36, Y:0, K:0.13. Its decimal value is 2199005.

Hex triplet	218ddd	`#218ddd`
RGB Decimal	33, 141, 221	`rgb(33,141,221)`
RGB Percent	12.9, 55.3, 86.7	`rgb(12.9%,55.3%,86.7%)`
CMYK	85, 36, 0, 13
HSL	205.5°, 74, 49.8	`hsl(205.5,74%,49.8%)`
HSV (or HSB)	205.5°, 85.1, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.675, -0.776, -48.881
XYZ	23.2, 24.591, 71.927
xyY	0.194, 0.205, 24.591
CIE-LCH	56.675, 48.887, 269.09
CIE-LUV	56.675, -33.281, -76.794
Hunter-Lab	49.59, -3.273, -51.283
Binary	00100001, 10001101, 11011101

#218ddd
```
#218ddd rgb(33,141,221)
```
#dd7121
```
#dd7121 rgb(221,113,33)
```

Complementary Color

#21ddcf
```
#21ddcf rgb(33,221,207)
```
#218ddd
```
#218ddd rgb(33,141,221)
```
#212fdd
```
#212fdd rgb(33,47,221)
```

Analogous Color

#ddcf21
```
#ddcf21 rgb(221,207,33)
```
#218ddd
```
#218ddd rgb(33,141,221)
```
#dd212f
```
#dd212f rgb(221,33,47)
```

Split Complementary Color

#8ddd21
```
#8ddd21 rgb(141,221,33)
```
#218ddd
```
#218ddd rgb(33,141,221)
```
#dd218d
```
#dd218d rgb(221,33,141)
```

Triadic Color

#21dd71
```
#21dd71 rgb(33,221,113)
```
#218ddd
```
#218ddd rgb(33,141,221)
```
#dd218d
```
#dd218d rgb(221,33,141)
```
#dd7121
```
#dd7121 rgb(221,113,33)
```

Tetradic Color

#17639a
```
#17639a rgb(23,99,154)
```
#1a71b1
```
#1a71b1 rgb(26,113,177)
```
#1e7fc7
```
#1e7fc7 rgb(30,127,199)
```
#218ddd
```
#218ddd rgb(33,141,221)
```
#3698e1
```
#3698e1 rgb(54,152,225)
```
#4da4e4
```
#4da4e4 rgb(77,164,228)
```
#63afe8
```
#63afe8 rgb(99,175,232)
```

Monochromatic Color

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

#21bcdd
```
#21bcdd rgb(33,188,221)
```
#21acdd
```
#21acdd rgb(33,172,221)
```
#219ddd
```
#219ddd rgb(33,157,221)
```
#218ddd
```
#218ddd rgb(33,141,221)
```
#217ddd
```
#217ddd rgb(33,125,221)
```
#216edd
```
#216edd rgb(33,110,221)
```
#215edd
```
#215edd rgb(33,94,221)
```

Similar Colors

Text with hexadecimal color #218ddd

This text has a font color of #218ddd.

<span style="color:#218ddd;">Text here</span>

#218ddd background color

This paragraph has a background color of #218ddd.

<p style="background-color:#218ddd;">Content here</p>

#218ddd border color

This element has a border color of #218ddd.

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

CSS codes

.text {color:#218ddd;}

.background {background-color:#218ddd;}

.border {border:1px solid #218ddd;}

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, #020a10 is the darkest color, while #feffff is the lightest one.

#020a10
```
#020a10 rgb(2,10,16)
```
#051521
```
#051521 rgb(5,21,33)
```
#082032
```
#082032 rgb(8,32,50)
```
#0a2b43
```
#0a2b43 rgb(10,43,67)
```
#0d3654
```
#0d3654 rgb(13,54,84)
```
#0f4166
```
#0f4166 rgb(15,65,102)
```
#124c77
```
#124c77 rgb(18,76,119)
```
#145788
```
#145788 rgb(20,87,136)
```
#176199
```
#176199 rgb(23,97,153)
```
#196caa
```
#196caa rgb(25,108,170)
```
#1c77bb
```
#1c77bb rgb(28,119,187)
```
#1e82cc
```
#1e82cc rgb(30,130,204)
```
#218ddd
```
#218ddd rgb(33,141,221)
```

Shade Color Variation

#3196e0
```
#3196e0 rgb(49,150,224)
```
#429fe3
```
#429fe3 rgb(66,159,227)
```
#53a7e5
```
#53a7e5 rgb(83,167,229)
```
#65b0e8
```
#65b0e8 rgb(101,176,232)
```
#76b9ea
```
#76b9ea rgb(118,185,234)
```
#87c1ed
```
#87c1ed rgb(135,193,237)
```
#98caf0
```
#98caf0 rgb(152,202,240)
```
#a9d3f2
```
#a9d3f2 rgb(169,211,242)
```
#badcf5
```
#badcf5 rgb(186,220,245)
```
#cbe4f7
```
#cbe4f7 rgb(203,228,247)
```
#dcedfa
```
#dcedfa rgb(220,237,250)
```
#edf6fc
```
#edf6fc rgb(237,246,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #798085 is the less saturated color, while #0491fa is the most saturated one.

#798085
```
#798085 rgb(121,128,133)
```
#6f818f
```
#6f818f rgb(111,129,143)
```
#658399
```
#658399 rgb(101,131,153)
```
#5c84a2
```
#5c84a2 rgb(92,132,162)
```
#5286ac
```
#5286ac rgb(82,134,172)
```
#4887b6
```
#4887b6 rgb(72,135,182)
```
#3e89c0
```
#3e89c0 rgb(62,137,192)
```
#358ac9
```
#358ac9 rgb(53,138,201)
```
#2b8cd3
```
#2b8cd3 rgb(43,140,211)
```
#218ddd
```
#218ddd rgb(33,141,221)
```
#178ee7
```
#178ee7 rgb(23,142,231)
```
#0d90f1
```
#0d90f1 rgb(13,144,241)
```
#0491fa
```
#0491fa rgb(4,145,250)
```

Tone Color Variation

Below, you can see how #218ddd 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

#767676 Achromatopsia 0.005% of the population
#657b8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e8bd8 Protanopia 1% of men
#528fe0 Deuteranopia 1% of men
#009ca6 Tritanopia 0.001% of the population

Trichromacy

#528cda Protanomaly 1% of men, 0.01% of women
#408edf Deuteranomaly 6% of men, 0.4% of women
#0c96ba Tritanomaly 0.01% of the population

#218ddd hex color

#218ddd Color Information

#218ddd Color Conversion

Color Schemes with #218ddd

Alternatives to #218ddd

#218ddd Preview

Shades and Tints of #218ddd

Tones of #218ddd

Color Blindness Simulator