#3150d4 hex color

In a RGB color space, hex #3150d4 is composed of 19.2% red, 31.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 62.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 228.6 degrees, a saturation of 65.5% and a lightness of 51.2%. #3150d4 color hex could be obtained by blending #62a0ff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 31
- B 83
RGB color chart
- C 77
- M 62
- Y 0
- K 17
CMYK color chart

● #3150d4 color description : Strong blue.

The hexadecimal color #3150d4 has RGB values of R:49, G:80, B:212 and CMYK values of C:0.77, M:0.62, Y:0, K:0.17. Its decimal value is 3231956.

Hex triplet	3150d4	`#3150d4`
RGB Decimal	49, 80, 212	`rgb(49,80,212)`
RGB Percent	19.2, 31.4, 83.1	`rgb(19.2%,31.4%,83.1%)`
CMYK	77, 62, 0, 17
HSL	228.6°, 65.5, 51.2	`hsl(228.6,65.5%,51.2%)`
HSV (or HSB)	228.6°, 76.9, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.82, 35.57, -70.935
XYZ	16.016, 11.143, 63.59
xyY	0.176, 0.123, 11.143
CIE-LCH	39.82, 79.354, 296.631
CIE-LUV	39.82, -13.722, -103.607
Hunter-Lab	33.381, 27.231, -89.582
Binary	00110001, 01010000, 11010100

#3150d4
```
#3150d4 rgb(49,80,212)
```
#d4b531
```
#d4b531 rgb(212,181,49)
```

Complementary Color

#31a2d4
```
#31a2d4 rgb(49,162,212)
```
#3150d4
```
#3150d4 rgb(49,80,212)
```
#6431d4
```
#6431d4 rgb(100,49,212)
```

Analogous Color

#a2d431
```
#a2d431 rgb(162,212,49)
```
#3150d4
```
#3150d4 rgb(49,80,212)
```
#d46431
```
#d46431 rgb(212,100,49)
```

Split Complementary Color

#50d431
```
#50d431 rgb(80,212,49)
```
#3150d4
```
#3150d4 rgb(49,80,212)
```
#d43150
```
#d43150 rgb(212,49,80)
```

Triadic Color

#31d4b5
```
#31d4b5 rgb(49,212,181)
```
#3150d4
```
#3150d4 rgb(49,80,212)
```
#d43150
```
#d43150 rgb(212,49,80)
```
#d4b531
```
#d4b531 rgb(212,181,49)
```

Tetradic Color

#203799
```
#203799 rgb(32,55,153)
```
#243eae
```
#243eae rgb(36,62,174)
```
#2946c3
```
#2946c3 rgb(41,70,195)
```
#3150d4
```
#3150d4 rgb(49,80,212)
```
#4662d8
```
#4662d8 rgb(70,98,216)
```
#5b74dd
```
#5b74dd rgb(91,116,221)
```
#7086e1
```
#7086e1 rgb(112,134,225)
```

Monochromatic Color

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

#3179d4
```
#3179d4 rgb(49,121,212)
```
#316bd4
```
#316bd4 rgb(49,107,212)
```
#315ed4
```
#315ed4 rgb(49,94,212)
```
#3150d4
```
#3150d4 rgb(49,80,212)
```
#3142d4
```
#3142d4 rgb(49,66,212)
```
#3135d4
```
#3135d4 rgb(49,53,212)
```
#3b31d4
```
#3b31d4 rgb(59,49,212)
```

Similar Colors

Text with hexadecimal color #3150d4

This text has a font color of #3150d4.

<span style="color:#3150d4;">Text here</span>

#3150d4 background color

This paragraph has a background color of #3150d4.

<p style="background-color:#3150d4;">Content here</p>

#3150d4 border color

This element has a border color of #3150d4.

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

CSS codes

.text {color:#3150d4;}

.background {background-color:#3150d4;}

.border {border:1px solid #3150d4;}

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

#010205
```
#010205 rgb(1,2,5)
```
#040815
```
#040815 rgb(4,8,21)
```
#080d25
```
#080d25 rgb(8,13,37)
```
#0b1336
```
#0b1336 rgb(11,19,54)
```
#0f1946
```
#0f1946 rgb(15,25,70)
```
#121f56
```
#121f56 rgb(18,31,86)
```
#152566
```
#152566 rgb(21,37,102)
```
#192b77
```
#192b77 rgb(25,43,119)
```
#1c3087
```
#1c3087 rgb(28,48,135)
```
#203697
```
#203697 rgb(32,54,151)
```
#233ca7
```
#233ca7 rgb(35,60,167)
```
#2642b7
```
#2642b7 rgb(38,66,183)
```
#2a48c8
```
#2a48c8 rgb(42,72,200)
```

Shade Color Variation

#3150d4
```
#3150d4 rgb(49,80,212)
```
#415ed7
```
#415ed7 rgb(65,94,215)
```
#516cdb
```
#516cdb rgb(81,108,219)
```
#6279de
```
#6279de rgb(98,121,222)
```
#7287e2
```
#7287e2 rgb(114,135,226)
```
#8295e5
```
#8295e5 rgb(130,149,229)
```
#92a3e8
```
#92a3e8 rgb(146,163,232)
```
#a3b1ec
```
#a3b1ec rgb(163,177,236)
```
#b3beef
```
#b3beef rgb(179,190,239)
```
#c3ccf2
```
#c3ccf2 rgb(195,204,242)
```
#d3daf6
```
#d3daf6 rgb(211,218,246)
```
#e4e8f9
```
#e4e8f9 rgb(228,232,249)
```
#f4f5fd
```
#f4f5fd rgb(244,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7f87 is the less saturated color, while #0b38fa is the most saturated one.

#7e7f87
```
#7e7f87 rgb(126,127,135)
```
#747a91
```
#747a91 rgb(116,122,145)
```
#6a749b
```
#6a749b rgb(106,116,155)
```
#616ea4
```
#616ea4 rgb(97,110,164)
```
#5768ae
```
#5768ae rgb(87,104,174)
```
#4e62b7
```
#4e62b7 rgb(78,98,183)
```
#445cc1
```
#445cc1 rgb(68,92,193)
```
#3b56ca
```
#3b56ca rgb(59,86,202)
```
#3150d4
```
#3150d4 rgb(49,80,212)
```
#274ade
```
#274ade rgb(39,74,222)
```
#1e44e7
```
#1e44e7 rgb(30,68,231)
```
#143ef1
```
#143ef1 rgb(20,62,241)
```
#0b38fa
```
#0b38fa rgb(11,56,250)
```

Tone Color Variation

Below, you can see how #3150d4 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

#565656 Achromatopsia 0.005% of the population
#4f556f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0068a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#115cc8 Protanomaly 1% of men, 0.01% of women
#115fb8 Deuteranomaly 6% of men, 0.4% of women
#116498 Tritanomaly 0.01% of the population

#3150d4 hex color

#3150d4 Color Information

#3150d4 Color Conversion

Color Schemes with #3150d4

Alternatives to #3150d4

#3150d4 Preview

Shades and Tints of #3150d4

Tones of #3150d4

Color Blindness Simulator