#3157aa hex color

In a RGB color space, hex #3157aa is composed of 19.2% red, 34.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 48.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 221.2 degrees, a saturation of 55.3% and a lightness of 42.9%. #3157aa color hex could be obtained by blending #62aeff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 34
- B 67
RGB color chart
- C 71
- M 49
- Y 0
- K 33
CMYK color chart

● #3157aa color description : Dark blue.

The hexadecimal color #3157aa has RGB values of R:49, G:87, B:170 and CMYK values of C:0.71, M:0.49, Y:0, K:0.33. Its decimal value is 3233706.

Hex triplet	3157aa	`#3157aa`
RGB Decimal	49, 87, 170	`rgb(49,87,170)`
RGB Percent	19.2, 34.1, 66.7	`rgb(19.2%,34.1%,66.7%)`
CMYK	71, 49, 0, 33
HSL	221.2°, 55.3, 42.9	`hsl(221.2,55.3%,42.9%)`
HSV (or HSB)	221.2°, 71.2, 66.7
Web Safe	336699	`#336699`

CIE-LAB	38.5, 15.423, -48.556
XYZ	11.929, 10.371, 39.401
xyY	0.193, 0.168, 10.371
CIE-LCH	38.5, 50.946, 287.622
CIE-LUV	38.5, -15.427, -70.887
Hunter-Lab	32.204, 9.763, -49.998
Binary	00110001, 01010111, 10101010

#3157aa
```
#3157aa rgb(49,87,170)
```
#aa8431
```
#aa8431 rgb(170,132,49)
```

Complementary Color

#3194aa
```
#3194aa rgb(49,148,170)
```
#3157aa
```
#3157aa rgb(49,87,170)
```
#4831aa
```
#4831aa rgb(72,49,170)
```

Analogous Color

#94aa31
```
#94aa31 rgb(148,170,49)
```
#3157aa
```
#3157aa rgb(49,87,170)
```
#aa4831
```
#aa4831 rgb(170,72,49)
```

Split Complementary Color

#57aa31
```
#57aa31 rgb(87,170,49)
```
#3157aa
```
#3157aa rgb(49,87,170)
```
#aa3157
```
#aa3157 rgb(170,49,87)
```

Triadic Color

#31aa84
```
#31aa84 rgb(49,170,132)
```
#3157aa
```
#3157aa rgb(49,87,170)
```
#aa3157
```
#aa3157 rgb(170,49,87)
```
#aa8431
```
#aa8431 rgb(170,132,49)
```

Tetradic Color

#20396f
```
#20396f rgb(32,57,111)
```
#264382
```
#264382 rgb(38,67,130)
```
#2b4d96
```
#2b4d96 rgb(43,77,150)
```
#3157aa
```
#3157aa rgb(49,87,170)
```
#3761be
```
#3761be rgb(55,97,190)
```
#456ec9
```
#456ec9 rgb(69,110,201)
```
#587ecf
```
#587ecf rgb(88,126,207)
```

Monochromatic Color

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

#3175aa
```
#3175aa rgb(49,117,170)
```
#316baa
```
#316baa rgb(49,107,170)
```
#3161aa
```
#3161aa rgb(49,97,170)
```
#3157aa
```
#3157aa rgb(49,87,170)
```
#314daa
```
#314daa rgb(49,77,170)
```
#3143aa
```
#3143aa rgb(49,67,170)
```
#3139aa
```
#3139aa rgb(49,57,170)
```

Similar Colors

Text with hexadecimal color #3157aa

This text has a font color of #3157aa.

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

#3157aa background color

This paragraph has a background color of #3157aa.

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

#3157aa border color

This element has a border color of #3157aa.

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

CSS codes

.text {color:#3157aa;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050912
```
#050912 rgb(5,9,18)
```
#0a1121
```
#0a1121 rgb(10,17,33)
```
#0e1930
```
#0e1930 rgb(14,25,48)
```
#12203f
```
#12203f rgb(18,32,63)
```
#17284f
```
#17284f rgb(23,40,79)
```
#1b305e
```
#1b305e rgb(27,48,94)
```
#1f386d
```
#1f386d rgb(31,56,109)
```
#24407c
```
#24407c rgb(36,64,124)
```
#28478c
```
#28478c rgb(40,71,140)
```
#2d4f9b
```
#2d4f9b rgb(45,79,155)
```
#3157aa
```
#3157aa rgb(49,87,170)
```
#355fb9
```
#355fb9 rgb(53,95,185)
```

Shade Color Variation

#3c67c7
```
#3c67c7 rgb(60,103,199)
```
#4b73cb
```
#4b73cb rgb(75,115,203)
```
#5a7fcf
```
#5a7fcf rgb(90,127,207)
```
#698bd4
```
#698bd4 rgb(105,139,212)
```
#7897d8
```
#7897d8 rgb(120,151,216)
```
#88a2dd
```
#88a2dd rgb(136,162,221)
```
#97aee1
```
#97aee1 rgb(151,174,225)
```
#a6bae5
```
#a6bae5 rgb(166,186,229)
```
#b5c6ea
```
#b5c6ea rgb(181,198,234)
```
#c5d2ee
```
#c5d2ee rgb(197,210,238)
```
#d4ddf3
```
#d4ddf3 rgb(212,221,243)
```
#e3e9f7
```
#e3e9f7 rgb(227,233,247)
```
#f2f5fb
```
#f2f5fb rgb(242,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6d6f is the less saturated color, while #0747d4 is the most saturated one.

#6c6d6f
```
#6c6d6f rgb(108,109,111)
```
#646a77
```
#646a77 rgb(100,106,119)
```
#5b6780
```
#5b6780 rgb(91,103,128)
```
#536488
```
#536488 rgb(83,100,136)
```
#4a6091
```
#4a6091 rgb(74,96,145)
```
#425d99
```
#425d99 rgb(66,93,153)
```
#395aa2
```
#395aa2 rgb(57,90,162)
```
#3157aa
```
#3157aa rgb(49,87,170)
```
#2954b2
```
#2954b2 rgb(41,84,178)
```
#2051bb
```
#2051bb rgb(32,81,187)
```
#184ec3
```
#184ec3 rgb(24,78,195)
```
#0f4acc
```
#0f4acc rgb(15,74,204)
```
#0747d4
```
#0747d4 rgb(7,71,212)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e5566 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3460af Protanopia 1% of men
#0064a7 Deuteranopia 1% of men
#006c74 Tritanopia 0.001% of the population

Trichromacy

#335dad Protanomaly 1% of men, 0.01% of women
#115fa8 Deuteranomaly 6% of men, 0.4% of women
#116487 Tritanomaly 0.01% of the population

#3157aa hex color

#3157aa Color Information

#3157aa Color Conversion

Color Schemes with #3157aa

Alternatives to #3157aa

#3157aa Preview

Shades and Tints of #3157aa

Tones of #3157aa

Color Blindness Simulator