#3144dd hex color

In a RGB color space, hex #3144dd is composed of 19.2% red, 26.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 69.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 233.4 degrees, a saturation of 71.7% and a lightness of 52.9%. #3144dd color hex could be obtained by blending #6288ff with #0000bb. Closest websafe color is: #3333cc.

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

● #3144dd color description : Bright blue.

The hexadecimal color #3144dd has RGB values of R:49, G:68, B:221 and CMYK values of C:0.78, M:0.69, Y:0, K:0.13. Its decimal value is 3228893.

Hex triplet	3144dd	`#3144dd`
RGB Decimal	49, 68, 221	`rgb(49,68,221)`
RGB Percent	19.2, 26.7, 86.7	`rgb(19.2%,26.7%,86.7%)`
CMYK	78, 69, 0, 13
HSL	233.4°, 71.7, 52.9	`hsl(233.4,71.7%,52.9%)`
HSV (or HSB)	233.4°, 77.8, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.854, 46.128, -79.326
XYZ	16.382, 10.007, 69.471
xyY	0.171, 0.104, 10.007
CIE-LCH	37.854, 91.763, 300.178
CIE-LUV	37.854, -11.341, -112.254
Hunter-Lab	31.633, 37.084, -108.066
Binary	00110001, 01000100, 11011101

#3144dd
```
#3144dd rgb(49,68,221)
```
#ddca31
```
#ddca31 rgb(221,202,49)
```

Complementary Color

#319add
```
#319add rgb(49,154,221)
```
#3144dd
```
#3144dd rgb(49,68,221)
```
#7431dd
```
#7431dd rgb(116,49,221)
```

Analogous Color

#9add31
```
#9add31 rgb(154,221,49)
```
#3144dd
```
#3144dd rgb(49,68,221)
```
#dd7431
```
#dd7431 rgb(221,116,49)
```

Split Complementary Color

#44dd31
```
#44dd31 rgb(68,221,49)
```
#3144dd
```
#3144dd rgb(49,68,221)
```
#dd3144
```
#dd3144 rgb(221,49,68)
```

Triadic Color

#31ddca
```
#31ddca rgb(49,221,202)
```
#3144dd
```
#3144dd rgb(49,68,221)
```
#dd3144
```
#dd3144 rgb(221,49,68)
```
#ddca31
```
#ddca31 rgb(221,202,49)
```

Tetradic Color

#1b2ba6
```
#1b2ba6 rgb(27,43,166)
```
#1f30bc
```
#1f30bc rgb(31,48,188)
```
#2336d2
```
#2336d2 rgb(35,54,210)
```
#3144dd
```
#3144dd rgb(49,68,221)
```
#4758e1
```
#4758e1 rgb(71,88,225)
```
#5d6ce4
```
#5d6ce4 rgb(93,108,228)
```
#7380e8
```
#7380e8 rgb(115,128,232)
```

Monochromatic Color

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

#316fdd
```
#316fdd rgb(49,111,221)
```
#3161dd
```
#3161dd rgb(49,97,221)
```
#3152dd
```
#3152dd rgb(49,82,221)
```
#3144dd
```
#3144dd rgb(49,68,221)
```
#3136dd
```
#3136dd rgb(49,54,221)
```
#3b31dd
```
#3b31dd rgb(59,49,221)
```
#4931dd
```
#4931dd rgb(73,49,221)
```

Similar Colors

Text with hexadecimal color #3144dd

This text has a font color of #3144dd.

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

#3144dd background color

This paragraph has a background color of #3144dd.

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

#3144dd border color

This element has a border color of #3144dd.

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

CSS codes

.text {color:#3144dd;}

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

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

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

#02030d
```
#02030d rgb(2,3,13)
```
#05081e
```
#05081e rgb(5,8,30)
```
#080c2f
```
#080c2f rgb(8,12,47)
```
#0a103f
```
#0a103f rgb(10,16,63)
```
#0d1550
```
#0d1550 rgb(13,21,80)
```
#101961
```
#101961 rgb(16,25,97)
```
#131d72
```
#131d72 rgb(19,29,114)
```
#162283
```
#162283 rgb(22,34,131)
```
#182694
```
#182694 rgb(24,38,148)
```
#1b2aa4
```
#1b2aa4 rgb(27,42,164)
```
#1e2fb5
```
#1e2fb5 rgb(30,47,181)
```
#2133c6
```
#2133c6 rgb(33,51,198)
```
#2337d7
```
#2337d7 rgb(35,55,215)
```

Shade Color Variation

#3144dd
```
#3144dd rgb(49,68,221)
```
#4253e0
```
#4253e0 rgb(66,83,224)
```
#5363e3
```
#5363e3 rgb(83,99,227)
```
#6472e5
```
#6472e5 rgb(100,114,229)
```
#7481e8
```
#7481e8 rgb(116,129,232)
```
#8590eb
```
#8590eb rgb(133,144,235)
```
#96a0ee
```
#96a0ee rgb(150,160,238)
```
#a7aff0
```
#a7aff0 rgb(167,175,240)
```
#b8bef3
```
#b8bef3 rgb(184,190,243)
```
#c9cef6
```
#c9cef6 rgb(201,206,246)
```
#d9ddf9
```
#d9ddf9 rgb(217,221,249)
```
#eaecfc
```
#eaecfc rgb(234,236,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84858a is the less saturated color, while #152ef9 is the most saturated one.

#84858a
```
#84858a rgb(132,133,138)
```
#7b7e93
```
#7b7e93 rgb(123,126,147)
```
#72769c
```
#72769c rgb(114,118,156)
```
#686fa6
```
#686fa6 rgb(104,111,166)
```
#5f68af
```
#5f68af rgb(95,104,175)
```
#5661b8
```
#5661b8 rgb(86,97,184)
```
#4d5ac1
```
#4d5ac1 rgb(77,90,193)
```
#4352cb
```
#4352cb rgb(67,82,203)
```
#3a4bd4
```
#3a4bd4 rgb(58,75,212)
```
#3144dd
```
#3144dd rgb(49,68,221)
```
#283de6
```
#283de6 rgb(40,61,230)
```
#1f36ef
```
#1f36ef rgb(31,54,239)
```
#152ef9
```
#152ef9 rgb(21,46,249)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a4e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0064a0 Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#1155c5 Protanomaly 1% of men, 0.01% of women
#1158b6 Deuteranomaly 6% of men, 0.4% of women
#115d98 Tritanomaly 0.01% of the population

#3144dd hex color

#3144dd Color Information

#3144dd Color Conversion

Color Schemes with #3144dd

Alternatives to #3144dd

#3144dd Preview

Shades and Tints of #3144dd

Tones of #3144dd

Color Blindness Simulator