#3157a0 hex color

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

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

● #3157a0 color description : Dark moderate blue.

The hexadecimal color #3157a0 has RGB values of R:49, G:87, B:160 and CMYK values of C:0.69, M:0.46, Y:0, K:0.37. Its decimal value is 3233696.

Hex triplet	3157a0	`#3157a0`
RGB Decimal	49, 87, 160	`rgb(49,87,160)`
RGB Percent	19.2, 34.1, 62.7	`rgb(19.2%,34.1%,62.7%)`
CMYK	69, 46, 0, 37
HSL	219.5°, 53.1, 41	`hsl(219.5,53.1%,41%)`
HSV (or HSB)	219.5°, 69.4, 62.7
Web Safe	336699	`#336699`

CIE-LAB	37.854, 11.668, -43.636
XYZ	11.019, 10.007, 34.607
xyY	0.198, 0.18, 10.007
CIE-LCH	37.854, 45.169, 284.97
CIE-LUV	37.854, -15.493, -63.19
Hunter-Lab	31.633, 6.817, -42.719
Binary	00110001, 01010111, 10100000

#3157a0
```
#3157a0 rgb(49,87,160)
```
#a07a31
```
#a07a31 rgb(160,122,49)
```

Complementary Color

#318fa0
```
#318fa0 rgb(49,143,160)
```
#3157a0
```
#3157a0 rgb(49,87,160)
```
#4331a0
```
#4331a0 rgb(67,49,160)
```

Analogous Color

#8fa031
```
#8fa031 rgb(143,160,49)
```
#3157a0
```
#3157a0 rgb(49,87,160)
```
#a04231
```
#a04231 rgb(160,66,49)
```

Split Complementary Color

#57a031
```
#57a031 rgb(87,160,49)
```
#3157a0
```
#3157a0 rgb(49,87,160)
```
#a03157
```
#a03157 rgb(160,49,87)
```

Triadic Color

#31a07a
```
#31a07a rgb(49,160,122)
```
#3157a0
```
#3157a0 rgb(49,87,160)
```
#a03157
```
#a03157 rgb(160,49,87)
```
#a07a31
```
#a07a31 rgb(160,122,49)
```

Tetradic Color

#1f3765
```
#1f3765 rgb(31,55,101)
```
#254279
```
#254279 rgb(37,66,121)
```
#2b4c8c
```
#2b4c8c rgb(43,76,140)
```
#3157a0
```
#3157a0 rgb(49,87,160)
```
#3762b4
```
#3762b4 rgb(55,98,180)
```
#406dc4
```
#406dc4 rgb(64,109,196)
```
#537cca
```
#537cca rgb(83,124,202)
```

Monochromatic Color

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

#3173a0
```
#3173a0 rgb(49,115,160)
```
#316aa0
```
#316aa0 rgb(49,106,160)
```
#3160a0
```
#3160a0 rgb(49,96,160)
```
#3157a0
```
#3157a0 rgb(49,87,160)
```
#314ea0
```
#314ea0 rgb(49,78,160)
```
#3145a0
```
#3145a0 rgb(49,69,160)
```
#313ba0
```
#313ba0 rgb(49,59,160)
```

Similar Colors

Text with hexadecimal color #3157a0

This text has a font color of #3157a0.

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

#3157a0 background color

This paragraph has a background color of #3157a0.

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

#3157a0 border color

This element has a border color of #3157a0.

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

CSS codes

.text {color:#3157a0;}

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

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

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)
```
#080e19
```
#080e19 rgb(8,14,25)
```
#0c1628
```
#0c1628 rgb(12,22,40)
```
#111e37
```
#111e37 rgb(17,30,55)
```
#152646
```
#152646 rgb(21,38,70)
```
#1a2e55
```
#1a2e55 rgb(26,46,85)
```
#1f3664
```
#1f3664 rgb(31,54,100)
```
#233f73
```
#233f73 rgb(35,63,115)
```
#284782
```
#284782 rgb(40,71,130)
```
#2c4f91
```
#2c4f91 rgb(44,79,145)
```
#3157a0
```
#3157a0 rgb(49,87,160)
```
#365faf
```
#365faf rgb(54,95,175)
```
#3a67be
```
#3a67be rgb(58,103,190)
```

Shade Color Variation

#4672c6
```
#4672c6 rgb(70,114,198)
```
#557dcb
```
#557dcb rgb(85,125,203)
```
#6489cf
```
#6489cf rgb(100,137,207)
```
#7394d4
```
#7394d4 rgb(115,148,212)
```
#829fd9
```
#829fd9 rgb(130,159,217)
```
#91abdd
```
#91abdd rgb(145,171,221)
```
#a0b6e2
```
#a0b6e2 rgb(160,182,226)
```
#afc2e6
```
#afc2e6 rgb(175,194,230)
```
#becdeb
```
#becdeb rgb(190,205,235)
```
#cdd9f0
```
#cdd9f0 rgb(205,217,240)
```
#dce4f4
```
#dce4f4 rgb(220,228,244)
```
#ebf0f9
```
#ebf0f9 rgb(235,240,249)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#616670
```
#616670 rgb(97,102,112)
```
#596478
```
#596478 rgb(89,100,120)
```
#516180
```
#516180 rgb(81,97,128)
```
#495f88
```
#495f88 rgb(73,95,136)
```
#415c90
```
#415c90 rgb(65,92,144)
```
#395a98
```
#395a98 rgb(57,90,152)
```
#3157a0
```
#3157a0 rgb(49,87,160)
```
#2954a8
```
#2954a8 rgb(41,84,168)
```
#2152b0
```
#2152b0 rgb(33,82,176)
```
#194fb8
```
#194fb8 rgb(25,79,184)
```
#114dc0
```
#114dc0 rgb(17,77,192)
```
#094ac8
```
#094ac8 rgb(9,74,200)
```
#0148d0
```
#0148d0 rgb(1,72,208)
```

Tone Color Variation

Below, you can see how #3157a0 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

#545454 Achromatopsia 0.005% of the population
#4d5563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5fa4 Protanopia 1% of men
#1d63a3 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#395ca2 Protanomaly 1% of men, 0.01% of women
#245ea2 Deuteranomaly 6% of men, 0.4% of women
#116383 Tritanomaly 0.01% of the population

#3157a0 hex color

#3157a0 Color Information

#3157a0 Color Conversion

Color Schemes with #3157a0

Alternatives to #3157a0

#3157a0 Preview

Shades and Tints of #3157a0

Tones of #3157a0

Color Blindness Simulator