#3150a0 hex color

In a RGB color space, hex #3150a0 is composed of 19.2% red, 31.4% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 50% magenta, 0% yellow and 37.3% black. It has a hue angle of 223.2 degrees, a saturation of 53.1% and a lightness of 41%. #3150a0 color hex could be obtained by blending #62a0ff with #000041. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 31
- B 63
RGB color chart
- C 69
- M 50
- Y 0
- K 37
CMYK color chart

● #3150a0 color description : Dark moderate blue.

The hexadecimal color #3150a0 has RGB values of R:49, G:80, B:160 and CMYK values of C:0.69, M:0.5, Y:0, K:0.37. Its decimal value is 3231904.

Hex triplet	3150a0	`#3150a0`
RGB Decimal	49, 80, 160	`rgb(49,80,160)`
RGB Percent	19.2, 31.4, 62.7	`rgb(19.2%,31.4%,62.7%)`
CMYK	69, 50, 0, 37
HSL	223.2°, 53.1, 41	`hsl(223.2,53.1%,41%)`
HSV (or HSB)	223.2°, 69.4, 62.7
Web Safe	336699	`#336699`

CIE-LAB	35.845, 16.285, -46.864
XYZ	10.479, 8.928, 34.427
xyY	0.195, 0.166, 8.928
CIE-LCH	35.845, 49.613, 289.162
CIE-LUV	35.845, -13.327, -67.065
Hunter-Lab	29.879, 10.314, -47.398
Binary	00110001, 01010000, 10100000

#3150a0
```
#3150a0 rgb(49,80,160)
```
#a08131
```
#a08131 rgb(160,129,49)
```

Complementary Color

#3188a0
```
#3188a0 rgb(49,136,160)
```
#3150a0
```
#3150a0 rgb(49,80,160)
```
#4a31a0
```
#4a31a0 rgb(74,49,160)
```

Analogous Color

#88a031
```
#88a031 rgb(136,160,49)
```
#3150a0
```
#3150a0 rgb(49,80,160)
```
#a04931
```
#a04931 rgb(160,73,49)
```

Split Complementary Color

#50a031
```
#50a031 rgb(80,160,49)
```
#3150a0
```
#3150a0 rgb(49,80,160)
```
#a03150
```
#a03150 rgb(160,49,80)
```

Triadic Color

#31a081
```
#31a081 rgb(49,160,129)
```
#3150a0
```
#3150a0 rgb(49,80,160)
```
#a03150
```
#a03150 rgb(160,49,80)
```
#a08131
```
#a08131 rgb(160,129,49)
```

Tetradic Color

#1f3365
```
#1f3365 rgb(31,51,101)
```
#253c79
```
#253c79 rgb(37,60,121)
```
#2b468c
```
#2b468c rgb(43,70,140)
```
#3150a0
```
#3150a0 rgb(49,80,160)
```
#375ab4
```
#375ab4 rgb(55,90,180)
```
#4065c4
```
#4065c4 rgb(64,101,196)
```
#5374ca
```
#5374ca rgb(83,116,202)
```

Monochromatic Color

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

#316ca0
```
#316ca0 rgb(49,108,160)
```
#3163a0
```
#3163a0 rgb(49,99,160)
```
#3159a0
```
#3159a0 rgb(49,89,160)
```
#3150a0
```
#3150a0 rgb(49,80,160)
```
#3147a0
```
#3147a0 rgb(49,71,160)
```
#313ea0
```
#313ea0 rgb(49,62,160)
```
#3134a0
```
#3134a0 rgb(49,52,160)
```

Similar Colors

Text with hexadecimal color #3150a0

This text has a font color of #3150a0.

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

#3150a0 background color

This paragraph has a background color of #3150a0.

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

#3150a0 border color

This element has a border color of #3150a0.

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

CSS codes

.text {color:#3150a0;}

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

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

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

#03050a
```
#03050a rgb(3,5,10)
```
#080c19
```
#080c19 rgb(8,12,25)
```
#0c1428
```
#0c1428 rgb(12,20,40)
```
#111b37
```
#111b37 rgb(17,27,55)
```
#152346
```
#152346 rgb(21,35,70)
```
#1a2a55
```
#1a2a55 rgb(26,42,85)
```
#1f3264
```
#1f3264 rgb(31,50,100)
```
#233973
```
#233973 rgb(35,57,115)
```
#284182
```
#284182 rgb(40,65,130)
```
#2c4891
```
#2c4891 rgb(44,72,145)
```
#3150a0
```
#3150a0 rgb(49,80,160)
```
#3658af
```
#3658af rgb(54,88,175)
```
#3a5fbe
```
#3a5fbe rgb(58,95,190)
```

Shade Color Variation

#466ac6
```
#466ac6 rgb(70,106,198)
```
#5576cb
```
#5576cb rgb(85,118,203)
```
#6482cf
```
#6482cf rgb(100,130,207)
```
#738ed4
```
#738ed4 rgb(115,142,212)
```
#829ad9
```
#829ad9 rgb(130,154,217)
```
#91a6dd
```
#91a6dd rgb(145,166,221)
```
#a0b2e2
```
#a0b2e2 rgb(160,178,226)
```
#afbee6
```
#afbee6 rgb(175,190,230)
```
#becaeb
```
#becaeb rgb(190,202,235)
```
#cdd7f0
```
#cdd7f0 rgb(205,215,240)
```
#dce3f4
```
#dce3f4 rgb(220,227,244)
```
#ebeff9
```
#ebeff9 rgb(235,239,249)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#616570
```
#616570 rgb(97,101,112)
```
#596278
```
#596278 rgb(89,98,120)
```
#515e80
```
#515e80 rgb(81,94,128)
```
#495b88
```
#495b88 rgb(73,91,136)
```
#415790
```
#415790 rgb(65,87,144)
```
#395498
```
#395498 rgb(57,84,152)
```
#3150a0
```
#3150a0 rgb(49,80,160)
```
#294ca8
```
#294ca8 rgb(41,76,168)
```
#2149b0
```
#2149b0 rgb(33,73,176)
```
#1945b8
```
#1945b8 rgb(25,69,184)
```
#1142c0
```
#1142c0 rgb(17,66,192)
```
#093ec8
```
#093ec8 rgb(9,62,200)
```
#013bd0
```
#013bd0 rgb(1,59,208)
```

Tone Color Variation

Below, you can see how #3150a0 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
#4a5060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e5aa6 Protanopia 1% of men
#005e9d Deuteranopia 1% of men
#00666d Tritanopia 0.001% of the population

Trichromacy

#2f56a4 Protanomaly 1% of men, 0.01% of women
#11599e Deuteranomaly 6% of men, 0.4% of women
#115e7f Tritanomaly 0.01% of the population

#3150a0 hex color

#3150a0 Color Information

#3150a0 Color Conversion

Color Schemes with #3150a0

Alternatives to #3150a0

#3150a0 Preview

Shades and Tints of #3150a0

Tones of #3150a0

Color Blindness Simulator