#3157ba hex color

In a RGB color space, hex #3157ba is composed of 19.2% red, 34.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 53.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 223.4 degrees, a saturation of 58.3% and a lightness of 46.1%. #3157ba color hex could be obtained by blending #62aeff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 34
- B 73
RGB color chart
- C 74
- M 53
- Y 0
- K 27
CMYK color chart

● #3157ba color description : Moderate blue.

The hexadecimal color #3157ba has RGB values of R:49, G:87, B:186 and CMYK values of C:0.74, M:0.53, Y:0, K:0.27. Its decimal value is 3233722.

Hex triplet	3157ba	`#3157ba`
RGB Decimal	49, 87, 186	`rgb(49,87,186)`
RGB Percent	19.2, 34.1, 72.9	`rgb(19.2%,34.1%,72.9%)`
CMYK	74, 53, 0, 27
HSL	223.4°, 58.3, 46.1	`hsl(223.4,58.3%,46.1%)`
HSV (or HSB)	223.4°, 73.7, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.603, 21.438, -56.203
XYZ	13.536, 11.014, 47.864
xyY	0.187, 0.152, 11.014
CIE-LCH	39.603, 60.153, 290.878
CIE-LUV	39.603, -15.376, -82.797
Hunter-Lab	33.187, 14.728, -62.281
Binary	00110001, 01010111, 10111010

#3157ba
```
#3157ba rgb(49,87,186)
```
#ba9431
```
#ba9431 rgb(186,148,49)
```

Complementary Color

#319cba
```
#319cba rgb(49,156,186)
```
#3157ba
```
#3157ba rgb(49,87,186)
```
#4f31ba
```
#4f31ba rgb(79,49,186)
```

Analogous Color

#9cba31
```
#9cba31 rgb(156,186,49)
```
#3157ba
```
#3157ba rgb(49,87,186)
```
#ba4f31
```
#ba4f31 rgb(186,79,49)
```

Split Complementary Color

#57ba31
```
#57ba31 rgb(87,186,49)
```
#3157ba
```
#3157ba rgb(49,87,186)
```
#ba3157
```
#ba3157 rgb(186,49,87)
```

Triadic Color

#31ba94
```
#31ba94 rgb(49,186,148)
```
#3157ba
```
#3157ba rgb(49,87,186)
```
#ba3157
```
#ba3157 rgb(186,49,87)
```
#ba9431
```
#ba9431 rgb(186,148,49)
```

Tetradic Color

#213b7d
```
#213b7d rgb(33,59,125)
```
#264492
```
#264492 rgb(38,68,146)
```
#2c4ea6
```
#2c4ea6 rgb(44,78,166)
```
#3157ba
```
#3157ba rgb(49,87,186)
```
#3a62cb
```
#3a62cb rgb(58,98,203)
```
#4e72d0
```
#4e72d0 rgb(78,114,208)
```
#6282d6
```
#6282d6 rgb(98,130,214)
```

Monochromatic Color

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

#3179ba
```
#3179ba rgb(49,121,186)
```
#316eba
```
#316eba rgb(49,110,186)
```
#3162ba
```
#3162ba rgb(49,98,186)
```
#3157ba
```
#3157ba rgb(49,87,186)
```
#314cba
```
#314cba rgb(49,76,186)
```
#3140ba
```
#3140ba rgb(49,64,186)
```
#3135ba
```
#3135ba rgb(49,53,186)
```

Similar Colors

Text with hexadecimal color #3157ba

This text has a font color of #3157ba.

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

#3157ba background color

This paragraph has a background color of #3157ba.

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

#3157ba border color

This element has a border color of #3157ba.

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

CSS codes

.text {color:#3157ba;}

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

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

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, #04070f is the darkest color, while #ffffff is the lightest one.

#04070f
```
#04070f rgb(4,7,15)
```
#080e1f
```
#080e1f rgb(8,14,31)
```
#0c162e
```
#0c162e rgb(12,22,46)
```
#101d3e
```
#101d3e rgb(16,29,62)
```
#14244d
```
#14244d rgb(20,36,77)
```
#182b5d
```
#182b5d rgb(24,43,93)
```
#1d336c
```
#1d336c rgb(29,51,108)
```
#213a7c
```
#213a7c rgb(33,58,124)
```
#25418b
```
#25418b rgb(37,65,139)
```
#29489b
```
#29489b rgb(41,72,155)
```
#2d50aa
```
#2d50aa rgb(45,80,170)
```
#3157ba
```
#3157ba rgb(49,87,186)
```
#355eca
```
#355eca rgb(53,94,202)
```

Shade Color Variation

#446bce
```
#446bce rgb(68,107,206)
```
#5477d2
```
#5477d2 rgb(84,119,210)
```
#6383d6
```
#6383d6 rgb(99,131,214)
```
#7390da
```
#7390da rgb(115,144,218)
```
#829cde
```
#829cde rgb(130,156,222)
```
#92a8e2
```
#92a8e2 rgb(146,168,226)
```
#a2b5e6
```
#a2b5e6 rgb(162,181,230)
```
#b1c1ea
```
#b1c1ea rgb(177,193,234)
```
#c1cdef
```
#c1cdef rgb(193,205,239)
```
#d0daf3
```
#d0daf3 rgb(208,218,243)
```
#e0e6f7
```
#e0e6f7 rgb(224,230,247)
```
#eff2fb
```
#eff2fb rgb(239,242,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70737b is the less saturated color, while #0443e7 is the most saturated one.

#70737b
```
#70737b rgb(112,115,123)
```
#676f84
```
#676f84 rgb(103,111,132)
```
#5e6b8d
```
#5e6b8d rgb(94,107,141)
```
#556796
```
#556796 rgb(85,103,150)
```
#4c639f
```
#4c639f rgb(76,99,159)
```
#435fa8
```
#435fa8 rgb(67,95,168)
```
#3a5bb1
```
#3a5bb1 rgb(58,91,177)
```
#3157ba
```
#3157ba rgb(49,87,186)
```
#2853c3
```
#2853c3 rgb(40,83,195)
```
#1f4fcc
```
#1f4fcc rgb(31,79,204)
```
#164bd5
```
#164bd5 rgb(22,75,213)
```
#0d47de
```
#0d47de rgb(13,71,222)
```
#0443e7
```
#0443e7 rgb(4,67,231)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f576b Atypical Achromatopsia 0.001% of the population

Dichromacy

#1462c0 Protanopia 1% of men
#0067aa Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#1e5ebd Protanomaly 1% of men, 0.01% of women
#1161af Deuteranomaly 6% of men, 0.4% of women
#11668f Tritanomaly 0.01% of the population

#3157ba hex color

#3157ba Color Information

#3157ba Color Conversion

Color Schemes with #3157ba

Alternatives to #3157ba

#3157ba Preview

Shades and Tints of #3157ba

Tones of #3157ba

Color Blindness Simulator