#214cc6 hex color

In a RGB color space, hex #214cc6 is composed of 12.9% red, 29.8% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 61.6% magenta, 0% yellow and 22.4% black. It has a hue angle of 224.4 degrees, a saturation of 71.4% and a lightness of 45.3%. #214cc6 color hex could be obtained by blending #4298ff with #00008d. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 30
- B 78
RGB color chart
- C 83
- M 62
- Y 0
- K 22
CMYK color chart

● #214cc6 color description : Strong blue.

The hexadecimal color #214cc6 has RGB values of R:33, G:76, B:198 and CMYK values of C:0.83, M:0.62, Y:0, K:0.22. Its decimal value is 2182342.

Hex triplet	214cc6	`#214cc6`
RGB Decimal	33, 76, 198	`rgb(33,76,198)`
RGB Percent	12.9, 29.8, 77.6	`rgb(12.9%,29.8%,77.6%)`
CMYK	83, 62, 0, 22
HSL	224.4°, 71.4, 45.3	`hsl(224.4,71.4%,45.3%)`
HSV (or HSB)	224.4°, 83.3, 77.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.056, 31.556, -67.382
XYZ	13.403, 9.568, 54.563
xyY	0.173, 0.123, 9.568
CIE-LCH	37.056, 74.405, 295.094
CIE-LUV	37.056, -14.756, -96.224
Hunter-Lab	30.933, 23.208, -82.931
Binary	00100001, 01001100, 11000110

#214cc6
```
#214cc6 rgb(33,76,198)
```
#c69b21
```
#c69b21 rgb(198,155,33)
```

Complementary Color

#219fc6
```
#219fc6 rgb(33,159,198)
```
#214cc6
```
#214cc6 rgb(33,76,198)
```
#4921c6
```
#4921c6 rgb(73,33,198)
```

Analogous Color

#9fc621
```
#9fc621 rgb(159,198,33)
```
#214cc6
```
#214cc6 rgb(33,76,198)
```
#c64921
```
#c64921 rgb(198,73,33)
```

Split Complementary Color

#4cc621
```
#4cc621 rgb(76,198,33)
```
#214cc6
```
#214cc6 rgb(33,76,198)
```
#c6214c
```
#c6214c rgb(198,33,76)
```

Triadic Color

#21c69b
```
#21c69b rgb(33,198,155)
```
#214cc6
```
#214cc6 rgb(33,76,198)
```
#c6214c
```
#c6214c rgb(198,33,76)
```
#c69b21
```
#c69b21 rgb(198,155,33)
```

Tetradic Color

#163384
```
#163384 rgb(22,51,132)
```
#1a3b9a
```
#1a3b9a rgb(26,59,154)
```
#1d44b0
```
#1d44b0 rgb(29,68,176)
```
#214cc6
```
#214cc6 rgb(33,76,198)
```
#2655db
```
#2655db rgb(38,85,219)
```
#3c66de
```
#3c66de rgb(60,102,222)
```
#5177e2
```
#5177e2 rgb(81,119,226)
```

Monochromatic Color

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

#2175c6
```
#2175c6 rgb(33,117,198)
```
#2168c6
```
#2168c6 rgb(33,104,198)
```
#215ac6
```
#215ac6 rgb(33,90,198)
```
#214cc6
```
#214cc6 rgb(33,76,198)
```
#213ec6
```
#213ec6 rgb(33,62,198)
```
#2131c6
```
#2131c6 rgb(33,49,198)
```
#2123c6
```
#2123c6 rgb(33,35,198)
```

Similar Colors

Text with hexadecimal color #214cc6

This text has a font color of #214cc6.

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

#214cc6 background color

This paragraph has a background color of #214cc6.

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

#214cc6 border color

This element has a border color of #214cc6.

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

CSS codes

.text {color:#214cc6;}

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

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

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, #02050d is the darkest color, while #fbfcfe is the lightest one.

#02050d
```
#02050d rgb(2,5,13)
```
#050b1e
```
#050b1e rgb(5,11,30)
```
#08122f
```
#08122f rgb(8,18,47)
```
#0b183f
```
#0b183f rgb(11,24,63)
```
#0d1f50
```
#0d1f50 rgb(13,31,80)
```
#102561
```
#102561 rgb(16,37,97)
```
#132c72
```
#132c72 rgb(19,44,114)
```
#163283
```
#163283 rgb(22,50,131)
```
#193994
```
#193994 rgb(25,57,148)
```
#1b3fa4
```
#1b3fa4 rgb(27,63,164)
```
#1e46b5
```
#1e46b5 rgb(30,70,181)
```
#214cc6
```
#214cc6 rgb(33,76,198)
```
#2452d7
```
#2452d7 rgb(36,82,215)
```

Shade Color Variation

#315edd
```
#315edd rgb(49,94,221)
```
#426be0
```
#426be0 rgb(66,107,224)
```
#5378e2
```
#5378e2 rgb(83,120,226)
```
#6486e5
```
#6486e5 rgb(100,134,229)
```
#7593e8
```
#7593e8 rgb(117,147,232)
```
#86a0eb
```
#86a0eb rgb(134,160,235)
```
#96adee
```
#96adee rgb(150,173,238)
```
#a7baf0
```
#a7baf0 rgb(167,186,240)
```
#b8c7f3
```
#b8c7f3 rgb(184,199,243)
```
#c9d5f6
```
#c9d5f6 rgb(201,213,246)
```
#dae2f9
```
#dae2f9 rgb(218,226,249)
```
#eaeffc
```
#eaeffc rgb(234,239,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#717276
```
#717276 rgb(113,114,118)
```
#686e7f
```
#686e7f rgb(104,110,127)
```
#5f6a88
```
#5f6a88 rgb(95,106,136)
```
#566691
```
#566691 rgb(86,102,145)
```
#4d619a
```
#4d619a rgb(77,97,154)
```
#455da2
```
#455da2 rgb(69,93,162)
```
#3c59ab
```
#3c59ab rgb(60,89,171)
```
#3355b4
```
#3355b4 rgb(51,85,180)
```
#2a50bd
```
#2a50bd rgb(42,80,189)
```
#214cc6
```
#214cc6 rgb(33,76,198)
```
#1848cf
```
#1848cf rgb(24,72,207)
```
#0f43d8
```
#0f43d8 rgb(15,67,216)
```
#063fe1
```
#063fe1 rgb(6,63,225)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#444d65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629e Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#0c56bb Protanomaly 1% of men, 0.01% of women
#0c5aac Deuteranomaly 6% of men, 0.4% of women
#0c5e8e Tritanomaly 0.01% of the population

#214cc6 hex color

#214cc6 Color Information

#214cc6 Color Conversion

Color Schemes with #214cc6

Alternatives to #214cc6

#214cc6 Preview

Shades and Tints of #214cc6

Tones of #214cc6

Color Blindness Simulator