#3146e1 hex color

In a RGB color space, hex #3146e1 is composed of 19.2% red, 27.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 68.9% magenta, 0% yellow and 11.8% black. It has a hue angle of 232.8 degrees, a saturation of 74.6% and a lightness of 53.7%. #3146e1 color hex could be obtained by blending #628cff with #0000c3. Closest websafe color is: #3333cc.

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

● #3146e1 color description : Bright blue.

The hexadecimal color #3146e1 has RGB values of R:49, G:70, B:225 and CMYK values of C:0.78, M:0.69, Y:0, K:0.12. Its decimal value is 3229409.

Hex triplet	3146e1	`#3146e1`
RGB Decimal	49, 70, 225	`rgb(49,70,225)`
RGB Percent	19.2, 27.5, 88.2	`rgb(19.2%,27.5%,88.2%)`
CMYK	78, 69, 0, 12
HSL	232.8°, 74.6, 53.7	`hsl(232.8,74.6%,53.7%)`
HSV (or HSB)	232.8°, 78.2, 88.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.67, 46.312, -80.267
XYZ	17.045, 10.468, 72.352
xyY	0.171, 0.105, 10.468
CIE-LCH	38.67, 92.669, 299.984
CIE-LUV	38.67, -11.827, -114.345
Hunter-Lab	32.355, 37.413, -109.937
Binary	00110001, 01000110, 11100001

#3146e1
```
#3146e1 rgb(49,70,225)
```
#e1cc31
```
#e1cc31 rgb(225,204,49)
```

Complementary Color

#319ee1
```
#319ee1 rgb(49,158,225)
```
#3146e1
```
#3146e1 rgb(49,70,225)
```
#7431e1
```
#7431e1 rgb(116,49,225)
```

Analogous Color

#9ee131
```
#9ee131 rgb(158,225,49)
```
#3146e1
```
#3146e1 rgb(49,70,225)
```
#e17431
```
#e17431 rgb(225,116,49)
```

Split Complementary Color

#46e131
```
#46e131 rgb(70,225,49)
```
#3146e1
```
#3146e1 rgb(49,70,225)
```
#e13146
```
#e13146 rgb(225,49,70)
```

Triadic Color

#31e1cc
```
#31e1cc rgb(49,225,204)
```
#3146e1
```
#3146e1 rgb(49,70,225)
```
#e13146
```
#e13146 rgb(225,49,70)
```
#e1cc31
```
#e1cc31 rgb(225,204,49)
```

Tetradic Color

#192bac
```
#192bac rgb(25,43,172)
```
#1c30c3
```
#1c30c3 rgb(28,48,195)
```
#2036d9
```
#2036d9 rgb(32,54,217)
```
#3146e1
```
#3146e1 rgb(49,70,225)
```
#475ae4
```
#475ae4 rgb(71,90,228)
```
#5e6ee7
```
#5e6ee7 rgb(94,110,231)
```
#7482eb
```
#7482eb rgb(116,130,235)
```

Monochromatic Color

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

#3172e1
```
#3172e1 rgb(49,114,225)
```
#3163e1
```
#3163e1 rgb(49,99,225)
```
#3155e1
```
#3155e1 rgb(49,85,225)
```
#3146e1
```
#3146e1 rgb(49,70,225)
```
#3137e1
```
#3137e1 rgb(49,55,225)
```
#3931e1
```
#3931e1 rgb(57,49,225)
```
#4831e1
```
#4831e1 rgb(72,49,225)
```

Similar Colors

Text with hexadecimal color #3146e1

This text has a font color of #3146e1.

<span style="color:#3146e1;">Text here</span>

#3146e1 background color

This paragraph has a background color of #3146e1.

<p style="background-color:#3146e1;">Content here</p>

#3146e1 border color

This element has a border color of #3146e1.

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

CSS codes

.text {color:#3146e1;}

.background {background-color:#3146e1;}

.border {border:1px solid #3146e1;}

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

#020411
```
#020411 rgb(2,4,17)
```
#050822
```
#050822 rgb(5,8,34)
```
#070d33
```
#070d33 rgb(7,13,51)
```
#0a1144
```
#0a1144 rgb(10,17,68)
```
#0c1555
```
#0c1555 rgb(12,21,85)
```
#0f1966
```
#0f1966 rgb(15,25,102)
```
#111e77
```
#111e77 rgb(17,30,119)
```
#142288
```
#142288 rgb(20,34,136)
```
#16269a
```
#16269a rgb(22,38,154)
```
#192aab
```
#192aab rgb(25,42,171)
```
#1b2ebc
```
#1b2ebc rgb(27,46,188)
```
#1e33cd
```
#1e33cd rgb(30,51,205)
```
#2037de
```
#2037de rgb(32,55,222)
```

Shade Color Variation

#3146e1
```
#3146e1 rgb(49,70,225)
```
#4255e3
```
#4255e3 rgb(66,85,227)
```
#5365e6
```
#5365e6 rgb(83,101,230)
```
#6474e8
```
#6474e8 rgb(100,116,232)
```
#7584eb
```
#7584eb rgb(117,132,235)
```
#8793ed
```
#8793ed rgb(135,147,237)
```
#98a2f0
```
#98a2f0 rgb(152,162,240)
```
#a9b2f2
```
#a9b2f2 rgb(169,178,242)
```
#bac1f5
```
#bac1f5 rgb(186,193,245)
```
#cbd0f7
```
#cbd0f7 rgb(203,208,247)
```
#dce0fa
```
#dce0fa rgb(220,224,250)
```
#edeffc
```
#edeffc rgb(237,239,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83848f is the less saturated color, while #1631fc is the most saturated one.

#83848f
```
#83848f rgb(131,132,143)
```
#7a7d98
```
#7a7d98 rgb(122,125,152)
```
#7176a1
```
#7176a1 rgb(113,118,161)
```
#676fab
```
#676fab rgb(103,111,171)
```
#5e69b4
```
#5e69b4 rgb(94,105,180)
```
#5562bd
```
#5562bd rgb(85,98,189)
```
#4c5bc6
```
#4c5bc6 rgb(76,91,198)
```
#4354cf
```
#4354cf rgb(67,84,207)
```
#3a4dd8
```
#3a4dd8 rgb(58,77,216)
```
#3146e1
```
#3146e1 rgb(49,70,225)
```
#283fea
```
#283fea rgb(40,63,234)
```
#1f38f3
```
#1f38f3 rgb(31,56,243)
```
#1631fc
```
#1631fc rgb(22,49,252)
```

Tone Color Variation

Below, you can see how #3146e1 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

#515151 Achromatopsia 0.005% of the population
#4b4f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#1157c9 Protanomaly 1% of men, 0.01% of women
#115ab9 Deuteranomaly 6% of men, 0.4% of women
#115f9b Tritanomaly 0.01% of the population

#3146e1 hex color

#3146e1 Color Information

#3146e1 Color Conversion

Color Schemes with #3146e1

Alternatives to #3146e1

#3146e1 Preview

Shades and Tints of #3146e1

Tones of #3146e1

Color Blindness Simulator