#218ddb hex color

In a RGB color space, hex #218ddb is composed of 12.9% red, 55.3% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 84.9% cyan, 35.6% magenta, 0% yellow and 14.1% black. It has a hue angle of 205.2 degrees, a saturation of 73.8% and a lightness of 49.4%. #218ddb color hex could be obtained by blending #42ffff with #001bb7. Closest websafe color is: #3399cc.

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

● #218ddb color description : Bright blue.

The hexadecimal color #218ddb has RGB values of R:33, G:141, B:219 and CMYK values of C:0.85, M:0.36, Y:0, K:0.14. Its decimal value is 2199003.

Hex triplet	218ddb	`#218ddb`
RGB Decimal	33, 141, 219	`rgb(33,141,219)`
RGB Percent	12.9, 55.3, 85.9	`rgb(12.9%,55.3%,85.9%)`
CMYK	85, 36, 0, 14
HSL	205.2°, 73.8, 49.4	`hsl(205.2,73.8%,49.4%)`
HSV (or HSB)	205.2°, 84.9, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.571, -1.52, -47.928
XYZ	22.935, 24.486, 70.531
xyY	0.194, 0.208, 24.486
CIE-LCH	56.571, 47.952, 268.184
CIE-LUV	56.571, -33.387, -75.13
Hunter-Lab	49.483, -3.861, -49.872
Binary	00100001, 10001101, 11011011

#218ddb
```
#218ddb rgb(33,141,219)
```
#db6f21
```
#db6f21 rgb(219,111,33)
```

Complementary Color

#21dbcc
```
#21dbcc rgb(33,219,204)
```
#218ddb
```
#218ddb rgb(33,141,219)
```
#2130db
```
#2130db rgb(33,48,219)
```

Analogous Color

#dbcc21
```
#dbcc21 rgb(219,204,33)
```
#218ddb
```
#218ddb rgb(33,141,219)
```
#db2130
```
#db2130 rgb(219,33,48)
```

Split Complementary Color

#8ddb21
```
#8ddb21 rgb(141,219,33)
```
#218ddb
```
#218ddb rgb(33,141,219)
```
#db218d
```
#db218d rgb(219,33,141)
```

Triadic Color

#21db6f
```
#21db6f rgb(33,219,111)
```
#218ddb
```
#218ddb rgb(33,141,219)
```
#db218d
```
#db218d rgb(219,33,141)
```
#db6f21
```
#db6f21 rgb(219,111,33)
```

Tetradic Color

#176299
```
#176299 rgb(23,98,153)
```
#1a70af
```
#1a70af rgb(26,112,175)
```
#1e7fc5
```
#1e7fc5 rgb(30,127,197)
```
#218ddb
```
#218ddb rgb(33,141,219)
```
#3599e1
```
#3599e1 rgb(53,153,225)
```
#4ba4e4
```
#4ba4e4 rgb(75,164,228)
```
#61afe7
```
#61afe7 rgb(97,175,231)
```

Monochromatic Color

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

#21bcdb
```
#21bcdb rgb(33,188,219)
```
#21acdb
```
#21acdb rgb(33,172,219)
```
#219ddb
```
#219ddb rgb(33,157,219)
```
#218ddb
```
#218ddb rgb(33,141,219)
```
#217edb
```
#217edb rgb(33,126,219)
```
#216edb
```
#216edb rgb(33,110,219)
```
#215fdb
```
#215fdb rgb(33,95,219)
```

Similar Colors

Text with hexadecimal color #218ddb

This text has a font color of #218ddb.

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

#218ddb background color

This paragraph has a background color of #218ddb.

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

#218ddb border color

This element has a border color of #218ddb.

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

CSS codes

.text {color:#218ddb;}

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

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

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, #02090e is the darkest color, while #fcfeff is the lightest one.

#02090e
```
#02090e rgb(2,9,14)
```
#05141f
```
#05141f rgb(5,20,31)
```
#071f31
```
#071f31 rgb(7,31,49)
```
#0a2a42
```
#0a2a42 rgb(10,42,66)
```
#0c3553
```
#0c3553 rgb(12,53,83)
```
#0f4064
```
#0f4064 rgb(15,64,100)
```
#124b75
```
#124b75 rgb(18,75,117)
```
#145686
```
#145686 rgb(20,86,134)
```
#176197
```
#176197 rgb(23,97,151)
```
#196ca8
```
#196ca8 rgb(25,108,168)
```
#1c77b9
```
#1c77b9 rgb(28,119,185)
```
#1e82ca
```
#1e82ca rgb(30,130,202)
```
#218ddb
```
#218ddb rgb(33,141,219)
```

Shade Color Variation

#3096e0
```
#3096e0 rgb(48,150,224)
```
#419fe2
```
#419fe2 rgb(65,159,226)
```
#52a7e5
```
#52a7e5 rgb(82,167,229)
```
#63b0e7
```
#63b0e7 rgb(99,176,231)
```
#74b9ea
```
#74b9ea rgb(116,185,234)
```
#85c1ed
```
#85c1ed rgb(133,193,237)
```
#96caef
```
#96caef rgb(150,202,239)
```
#a7d2f2
```
#a7d2f2 rgb(167,210,242)
```
#b8dbf4
```
#b8dbf4 rgb(184,219,244)
```
#c9e4f7
```
#c9e4f7 rgb(201,228,247)
```
#daecf9
```
#daecf9 rgb(218,236,249)
```
#ebf5fc
```
#ebf5fc rgb(235,245,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787f84 is the less saturated color, while #0492f8 is the most saturated one.

#787f84
```
#787f84 rgb(120,127,132)
```
#6f808d
```
#6f808d rgb(111,128,141)
```
#658297
```
#658297 rgb(101,130,151)
```
#5b84a1
```
#5b84a1 rgb(91,132,161)
```
#5185ab
```
#5185ab rgb(81,133,171)
```
#4887b4
```
#4887b4 rgb(72,135,180)
```
#3e88be
```
#3e88be rgb(62,136,190)
```
#348ac8
```
#348ac8 rgb(52,138,200)
```
#2b8bd1
```
#2b8bd1 rgb(43,139,209)
```
#218ddb
```
#218ddb rgb(33,141,219)
```
#178fe5
```
#178fe5 rgb(23,143,229)
```
#0e90ee
```
#0e90ee rgb(14,144,238)
```
#0492f8
```
#0492f8 rgb(4,146,248)
```

Tone Color Variation

Below, you can see how #218ddb 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
#657b8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f8bd6 Protanopia 1% of men
#548ede Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#528cd8 Protanomaly 1% of men, 0.01% of women
#428edd Deuteranomaly 6% of men, 0.4% of women
#0c96b9 Tritanomaly 0.01% of the population

#218ddb hex color

#218ddb Color Information

#218ddb Color Conversion

Color Schemes with #218ddb

Alternatives to #218ddb

#218ddb Preview

Shades and Tints of #218ddb

Tones of #218ddb

Color Blindness Simulator