#214bdf hex color

In a RGB color space, hex #214bdf is composed of 12.9% red, 29.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 66.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 226.7 degrees, a saturation of 74.8% and a lightness of 50.2%. #214bdf color hex could be obtained by blending #4296ff with #0000bf. Closest websafe color is: #3333cc.

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

● #214bdf color description : Vivid blue.

The hexadecimal color #214bdf has RGB values of R:33, G:75, B:223 and CMYK values of C:0.85, M:0.66, Y:0, K:0.13. Its decimal value is 2182111.

Hex triplet	214bdf	`#214bdf`
RGB Decimal	33, 75, 223	`rgb(33,75,223)`
RGB Percent	12.9, 29.4, 87.5	`rgb(12.9%,29.4%,87.5%)`
CMYK	85, 66, 0, 13
HSL	226.7°, 74.8, 50.2	`hsl(226.7,74.8%,50.2%)`
HSV (or HSB)	226.7°, 85.2, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.04, 41.458, -78.538
XYZ	16.46, 10.682, 71.002
xyY	0.168, 0.109, 10.682
CIE-LCH	39.04, 88.809, 297.828
CIE-LUV	39.04, -14.662, -112.484
Hunter-Lab	32.683, 32.7, -105.926
Binary	00100001, 01001011, 11011111

#214bdf
```
#214bdf rgb(33,75,223)
```
#dfb521
```
#dfb521 rgb(223,181,33)
```

Complementary Color

#21aadf
```
#21aadf rgb(33,170,223)
```
#214bdf
```
#214bdf rgb(33,75,223)
```
#5621df
```
#5621df rgb(86,33,223)
```

Analogous Color

#aadf21
```
#aadf21 rgb(170,223,33)
```
#214bdf
```
#214bdf rgb(33,75,223)
```
#df5621
```
#df5621 rgb(223,86,33)
```

Split Complementary Color

#4bdf21
```
#4bdf21 rgb(75,223,33)
```
#214bdf
```
#214bdf rgb(33,75,223)
```
#df214b
```
#df214b rgb(223,33,75)
```

Triadic Color

#21dfb5
```
#21dfb5 rgb(33,223,181)
```
#214bdf
```
#214bdf rgb(33,75,223)
```
#df214b
```
#df214b rgb(223,33,75)
```
#dfb521
```
#dfb521 rgb(223,181,33)
```

Tetradic Color

#17349d
```
#17349d rgb(23,52,157)
```
#1a3cb3
```
#1a3cb3 rgb(26,60,179)
```
#1d43c9
```
#1d43c9 rgb(29,67,201)
```
#214bdf
```
#214bdf rgb(33,75,223)
```
#375de2
```
#375de2 rgb(55,93,226)
```
#4e6fe5
```
#4e6fe5 rgb(78,111,229)
```
#6481e9
```
#6481e9 rgb(100,129,233)
```

Monochromatic Color

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

#217bdf
```
#217bdf rgb(33,123,223)
```
#216bdf
```
#216bdf rgb(33,107,223)
```
#215bdf
```
#215bdf rgb(33,91,223)
```
#214bdf
```
#214bdf rgb(33,75,223)
```
#213bdf
```
#213bdf rgb(33,59,223)
```
#212bdf
```
#212bdf rgb(33,43,223)
```
#2721df
```
#2721df rgb(39,33,223)
```

Similar Colors

Text with hexadecimal color #214bdf

This text has a font color of #214bdf.

<span style="color:#214bdf;">Text here</span>

#214bdf background color

This paragraph has a background color of #214bdf.

<p style="background-color:#214bdf;">Content here</p>

#214bdf border color

This element has a border color of #214bdf.

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

CSS codes

.text {color:#214bdf;}

.background {background-color:#214bdf;}

.border {border:1px solid #214bdf;}

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

#000001
```
#000001 rgb(0,0,1)
```
#030612
```
#030612 rgb(3,6,18)
```
#050c23
```
#050c23 rgb(5,12,35)
```
#081134
```
#081134 rgb(8,17,52)
```
#0a1745
```
#0a1745 rgb(10,23,69)
```
#0c1d57
```
#0c1d57 rgb(12,29,87)
```
#0f2368
```
#0f2368 rgb(15,35,104)
```
#112879
```
#112879 rgb(17,40,121)
```
#142e8a
```
#142e8a rgb(20,46,138)
```
#16349b
```
#16349b rgb(22,52,155)
```
#1939ac
```
#1939ac rgb(25,57,172)
```
#1b3fbd
```
#1b3fbd rgb(27,63,189)
```
#1e45cf
```
#1e45cf rgb(30,69,207)
```

Shade Color Variation

#214bdf
```
#214bdf rgb(33,75,223)
```
#3259e1
```
#3259e1 rgb(50,89,225)
```
#4367e4
```
#4367e4 rgb(67,103,228)
```
#5475e6
```
#5475e6 rgb(84,117,230)
```
#6683e9
```
#6683e9 rgb(102,131,233)
```
#7791eb
```
#7791eb rgb(119,145,235)
```
#889eee
```
#889eee rgb(136,158,238)
```
#99acf0
```
#99acf0 rgb(153,172,240)
```
#aabaf3
```
#aabaf3 rgb(170,186,243)
```
#bbc8f5
```
#bbc8f5 rgb(187,200,245)
```
#ccd6f8
```
#ccd6f8 rgb(204,214,248)
```
#dee4fa
```
#dee4fa rgb(222,228,250)
```
#eff2fd
```
#eff2fd rgb(239,242,253)
```

Tint Color Variation

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

#797c87
```
#797c87 rgb(121,124,135)
```
#6f7791
```
#6f7791 rgb(111,119,145)
```
#65719b
```
#65719b rgb(101,113,155)
```
#5c6ca4
```
#5c6ca4 rgb(92,108,164)
```
#5266ae
```
#5266ae rgb(82,102,174)
```
#4861b8
```
#4861b8 rgb(72,97,184)
```
#3e5bc2
```
#3e5bc2 rgb(62,91,194)
```
#3556cb
```
#3556cb rgb(53,86,203)
```
#2b50d5
```
#2b50d5 rgb(43,80,213)
```
#214bdf
```
#214bdf rgb(33,75,223)
```
#1746e9
```
#1746e9 rgb(23,70,233)
```
#0d40f3
```
#0d40f3 rgb(13,64,243)
```
#043bfc
```
#043bfc rgb(4,59,252)
```

Tone Color Variation

Below, you can see how #214bdf 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

#4f4f4f Achromatopsia 0.005% of the population
#464e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0c59c9 Protanomaly 1% of men, 0.01% of women
#0c5cba Deuteranomaly 6% of men, 0.4% of women
#0c619a Tritanomaly 0.01% of the population

#214bdf hex color

#214bdf Color Information

#214bdf Color Conversion

Color Schemes with #214bdf

Alternatives to #214bdf

#214bdf Preview

Shades and Tints of #214bdf

Tones of #214bdf

Color Blindness Simulator