#2144dd hex color

In a RGB color space, hex #2144dd is composed of 12.9% red, 26.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 69.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 228.8 degrees, a saturation of 74% and a lightness of 49.8%. #2144dd color hex could be obtained by blending #4288ff with #0000bb. Closest websafe color is: #3333cc.

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

● #2144dd color description : Vivid blue.

The hexadecimal color #2144dd has RGB values of R:33, G:68, B:221 and CMYK values of C:0.85, M:0.69, Y:0, K:0.13. Its decimal value is 2180317.

Hex triplet	2144dd	`#2144dd`
RGB Decimal	33, 68, 221	`rgb(33,68,221)`
RGB Percent	12.9, 26.7, 86.7	`rgb(12.9%,26.7%,86.7%)`
CMYK	85, 69, 0, 13
HSL	228.8°, 74, 49.8	`hsl(228.8,74%,49.8%)`
HSV (or HSB)	228.8°, 85.1, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.256, 45.038, -80.332
XYZ	15.743, 9.677, 69.441
xyY	0.166, 0.102, 9.677
CIE-LCH	37.256, 92.096, 299.277
CIE-LUV	37.256, -13.216, -112.585
Hunter-Lab	31.108, 35.896, -110.576
Binary	00100001, 01000100, 11011101

#2144dd
```
#2144dd rgb(33,68,221)
```
#ddba21
```
#ddba21 rgb(221,186,33)
```

Complementary Color

#21a2dd
```
#21a2dd rgb(33,162,221)
```
#2144dd
```
#2144dd rgb(33,68,221)
```
#5c21dd
```
#5c21dd rgb(92,33,221)
```

Analogous Color

#a2dd21
```
#a2dd21 rgb(162,221,33)
```
#2144dd
```
#2144dd rgb(33,68,221)
```
#dd5c21
```
#dd5c21 rgb(221,92,33)
```

Split Complementary Color

#44dd21
```
#44dd21 rgb(68,221,33)
```
#2144dd
```
#2144dd rgb(33,68,221)
```
#dd2144
```
#dd2144 rgb(221,33,68)
```

Triadic Color

#21ddba
```
#21ddba rgb(33,221,186)
```
#2144dd
```
#2144dd rgb(33,68,221)
```
#dd2144
```
#dd2144 rgb(221,33,68)
```
#ddba21
```
#ddba21 rgb(221,186,33)
```

Tetradic Color

#17309a
```
#17309a rgb(23,48,154)
```
#1a36b1
```
#1a36b1 rgb(26,54,177)
```
#1e3dc7
```
#1e3dc7 rgb(30,61,199)
```
#2144dd
```
#2144dd rgb(33,68,221)
```
#3656e1
```
#3656e1 rgb(54,86,225)
```
#4d69e4
```
#4d69e4 rgb(77,105,228)
```
#637ce8
```
#637ce8 rgb(99,124,232)
```

Monochromatic Color

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

#2173dd
```
#2173dd rgb(33,115,221)
```
#2163dd
```
#2163dd rgb(33,99,221)
```
#2154dd
```
#2154dd rgb(33,84,221)
```
#2144dd
```
#2144dd rgb(33,68,221)
```
#2134dd
```
#2134dd rgb(33,52,221)
```
#2125dd
```
#2125dd rgb(33,37,221)
```
#2d21dd
```
#2d21dd rgb(45,33,221)
```

Similar Colors

Text with hexadecimal color #2144dd

This text has a font color of #2144dd.

<span style="color:#2144dd;">Text here</span>

#2144dd background color

This paragraph has a background color of #2144dd.

<p style="background-color:#2144dd;">Content here</p>

#2144dd border color

This element has a border color of #2144dd.

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

CSS codes

.text {color:#2144dd;}

.background {background-color:#2144dd;}

.border {border:1px solid #2144dd;}

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

#020510
```
#020510 rgb(2,5,16)
```
#050a21
```
#050a21 rgb(5,10,33)
```
#080f32
```
#080f32 rgb(8,15,50)
```
#0a1543
```
#0a1543 rgb(10,21,67)
```
#0d1a54
```
#0d1a54 rgb(13,26,84)
```
#0f1f66
```
#0f1f66 rgb(15,31,102)
```
#122477
```
#122477 rgb(18,36,119)
```
#142a88
```
#142a88 rgb(20,42,136)
```
#172f99
```
#172f99 rgb(23,47,153)
```
#1934aa
```
#1934aa rgb(25,52,170)
```
#1c39bb
```
#1c39bb rgb(28,57,187)
```
#1e3fcc
```
#1e3fcc rgb(30,63,204)
```
#2144dd
```
#2144dd rgb(33,68,221)
```

Shade Color Variation

#3152e0
```
#3152e0 rgb(49,82,224)
```
#4260e3
```
#4260e3 rgb(66,96,227)
```
#536fe5
```
#536fe5 rgb(83,111,229)
```
#657de8
```
#657de8 rgb(101,125,232)
```
#768bea
```
#768bea rgb(118,139,234)
```
#879aed
```
#879aed rgb(135,154,237)
```
#98a8f0
```
#98a8f0 rgb(152,168,240)
```
#a9b6f2
```
#a9b6f2 rgb(169,182,242)
```
#bac5f5
```
#bac5f5 rgb(186,197,245)
```
#cbd3f7
```
#cbd3f7 rgb(203,211,247)
```
#dce2fa
```
#dce2fa rgb(220,226,250)
```
#edf0fc
```
#edf0fc rgb(237,240,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#797b85
```
#797b85 rgb(121,123,133)
```
#6f758f
```
#6f758f rgb(111,117,143)
```
#656f99
```
#656f99 rgb(101,111,153)
```
#5c69a2
```
#5c69a2 rgb(92,105,162)
```
#5263ac
```
#5263ac rgb(82,99,172)
```
#485db6
```
#485db6 rgb(72,93,182)
```
#3e56c0
```
#3e56c0 rgb(62,86,192)
```
#3550c9
```
#3550c9 rgb(53,80,201)
```
#2b4ad3
```
#2b4ad3 rgb(43,74,211)
```
#2144dd
```
#2144dd rgb(33,68,221)
```
#173ee7
```
#173ee7 rgb(23,62,231)
```
#0d38f1
```
#0d38f1 rgb(13,56,241)
```
#0432fa
```
#0432fa rgb(4,50,250)
```

Tone Color Variation

Below, you can see how #2144dd 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

#4b4b4b Achromatopsia 0.005% of the population
#434a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00639d Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#0c54c4 Protanomaly 1% of men, 0.01% of women
#0c57b4 Deuteranomaly 6% of men, 0.4% of women
#0c5c97 Tritanomaly 0.01% of the population

#2144dd hex color

#2144dd Color Information

#2144dd Color Conversion

Color Schemes with #2144dd

Alternatives to #2144dd

#2144dd Preview

Shades and Tints of #2144dd

Tones of #2144dd

Color Blindness Simulator