#3146cc hex color

In a RGB color space, hex #3146cc is composed of 19.2% red, 27.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 65.7% magenta, 0% yellow and 20% black. It has a hue angle of 231.9 degrees, a saturation of 61.3% and a lightness of 49.6%. #3146cc color hex could be obtained by blending #628cff with #000099. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 27
- B 80
RGB color chart
- C 76
- M 66
- Y 0
- K 20
CMYK color chart

● #3146cc color description : Strong blue.

The hexadecimal color #3146cc has RGB values of R:49, G:70, B:204 and CMYK values of C:0.76, M:0.66, Y:0, K:0.2. Its decimal value is 3229388.

Hex triplet	3146cc	`#3146cc`
RGB Decimal	49, 70, 204	`rgb(49,70,204)`
RGB Percent	19.2, 27.5, 80	`rgb(19.2%,27.5%,80%)`
CMYK	76, 66, 0, 20
HSL	231.9°, 61.3, 49.6	`hsl(231.9,61.3%,49.6%)`
HSV (or HSB)	231.9°, 76, 80
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.728, 38.986, -71.383
XYZ	14.354, 9.392, 58.18
xyY	0.175, 0.115, 9.392
CIE-LCH	36.728, 81.335, 298.642
CIE-LUV	36.728, -11.333, -101.23
Hunter-Lab	30.646, 29.972, -91.105
Binary	00110001, 01000110, 11001100

#3146cc
```
#3146cc rgb(49,70,204)
```
#ccb731
```
#ccb731 rgb(204,183,49)
```

Complementary Color

#3194cc
```
#3194cc rgb(49,148,204)
```
#3146cc
```
#3146cc rgb(49,70,204)
```
#6a31cc
```
#6a31cc rgb(106,49,204)
```

Analogous Color

#94cc31
```
#94cc31 rgb(148,204,49)
```
#3146cc
```
#3146cc rgb(49,70,204)
```
#cc6a31
```
#cc6a31 rgb(204,106,49)
```

Split Complementary Color

#46cc31
```
#46cc31 rgb(70,204,49)
```
#3146cc
```
#3146cc rgb(49,70,204)
```
#cc3146
```
#cc3146 rgb(204,49,70)
```

Triadic Color

#31ccb7
```
#31ccb7 rgb(49,204,183)
```
#3146cc
```
#3146cc rgb(49,70,204)
```
#cc3146
```
#cc3146 rgb(204,49,70)
```
#ccb731
```
#ccb731 rgb(204,183,49)
```

Tetradic Color

#22318e
```
#22318e rgb(34,49,142)
```
#2738a3
```
#2738a3 rgb(39,56,163)
```
#2c3fb7
```
#2c3fb7 rgb(44,63,183)
```
#3146cc
```
#3146cc rgb(49,70,204)
```
#4458d2
```
#4458d2 rgb(68,88,210)
```
#596ad7
```
#596ad7 rgb(89,106,215)
```
#6d7cdc
```
#6d7cdc rgb(109,124,220)
```

Monochromatic Color

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

#316dcc
```
#316dcc rgb(49,109,204)
```
#3160cc
```
#3160cc rgb(49,96,204)
```
#3153cc
```
#3153cc rgb(49,83,204)
```
#3146cc
```
#3146cc rgb(49,70,204)
```
#3139cc
```
#3139cc rgb(49,57,204)
```
#3631cc
```
#3631cc rgb(54,49,204)
```
#4331cc
```
#4331cc rgb(67,49,204)
```

Similar Colors

Text with hexadecimal color #3146cc

This text has a font color of #3146cc.

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

#3146cc background color

This paragraph has a background color of #3146cc.

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

#3146cc border color

This element has a border color of #3146cc.

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

CSS codes

.text {color:#3146cc;}

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

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

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, #03050e is the darkest color, while #fdfeff is the lightest one.

#03050e
```
#03050e rgb(3,5,14)
```
#070a1e
```
#070a1e rgb(7,10,30)
```
#0b102e
```
#0b102e rgb(11,16,46)
```
#0f153e
```
#0f153e rgb(15,21,62)
```
#131b4d
```
#131b4d rgb(19,27,77)
```
#16205d
```
#16205d rgb(22,32,93)
```
#1a256d
```
#1a256d rgb(26,37,109)
```
#1e2b7d
```
#1e2b7d rgb(30,43,125)
```
#22308d
```
#22308d rgb(34,48,141)
```
#26369d
```
#26369d rgb(38,54,157)
```
#293bac
```
#293bac rgb(41,59,172)
```
#2d41bc
```
#2d41bc rgb(45,65,188)
```
#3146cc
```
#3146cc rgb(49,70,204)
```

Shade Color Variation

#4053d1
```
#4053d1 rgb(64,83,209)
```
#4f61d5
```
#4f61d5 rgb(79,97,213)
```
#5f70d9
```
#5f70d9 rgb(95,112,217)
```
#6f7edc
```
#6f7edc rgb(111,126,220)
```
#7f8ce0
```
#7f8ce0 rgb(127,140,224)
```
#8f9ae4
```
#8f9ae4 rgb(143,154,228)
```
#9ea8e8
```
#9ea8e8 rgb(158,168,232)
```
#aeb7ec
```
#aeb7ec rgb(174,183,236)
```
#bec5ef
```
#bec5ef rgb(190,197,239)
```
#ced3f3
```
#ced3f3 rgb(206,211,243)
```
#dee1f7
```
#dee1f7 rgb(222,225,247)
```
#eeeffb
```
#eeeffb rgb(238,239,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#757888
```
#757888 rgb(117,120,136)
```
#6b7192
```
#6b7192 rgb(107,113,146)
```
#62699b
```
#62699b rgb(98,105,155)
```
#5862a5
```
#5862a5 rgb(88,98,165)
```
#4e5baf
```
#4e5baf rgb(78,91,175)
```
#4454b9
```
#4454b9 rgb(68,84,185)
```
#3b4dc2
```
#3b4dc2 rgb(59,77,194)
```
#3146cc
```
#3146cc rgb(49,70,204)
```
#273fd6
```
#273fd6 rgb(39,63,214)
```
#1e38df
```
#1e38df rgb(30,56,223)
```
#1431e9
```
#1431e9 rgb(20,49,233)
```
#0a2af3
```
#0a2af3 rgb(10,42,243)
```
#0023fd
```
#0023fd rgb(0,35,253)
```

Tone Color Variation

Below, you can see how #3146cc 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
#494d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00619c Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1154bc Protanomaly 1% of men, 0.01% of women
#1157ad Deuteranomaly 6% of men, 0.4% of women
#115c90 Tritanomaly 0.01% of the population

#3146cc hex color

#3146cc Color Information

#3146cc Color Conversion

Color Schemes with #3146cc

Alternatives to #3146cc

#3146cc Preview

Shades and Tints of #3146cc

Tones of #3146cc

Color Blindness Simulator