#315eaa hex color

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

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

● #315eaa color description : Dark blue.

The hexadecimal color #315eaa has RGB values of R:49, G:94, B:170 and CMYK values of C:0.71, M:0.45, Y:0, K:0.33. Its decimal value is 3235498.

Hex triplet	315eaa	`#315eaa`
RGB Decimal	49, 94, 170	`rgb(49,94,170)`
RGB Percent	19.2, 36.9, 66.7	`rgb(19.2%,36.9%,66.7%)`
CMYK	71, 45, 0, 33
HSL	217.7°, 55.3, 42.9	`hsl(217.7,55.3%,42.9%)`
HSV (or HSB)	217.7°, 71.2, 66.7
Web Safe	336699	`#336699`

CIE-LAB	40.508, 10.86, -45.333
XYZ	12.523, 11.56, 39.599
xyY	0.197, 0.182, 11.56
CIE-LCH	40.508, 46.615, 283.472
CIE-LUV	40.508, -17.613, -66.832
Hunter-Lab	34, 6.249, -45.255
Binary	00110001, 01011110, 10101010

#315eaa
```
#315eaa rgb(49,94,170)
```
#aa7d31
```
#aa7d31 rgb(170,125,49)
```

Complementary Color

#319baa
```
#319baa rgb(49,155,170)
```
#315eaa
```
#315eaa rgb(49,94,170)
```
#4031aa
```
#4031aa rgb(64,49,170)
```

Analogous Color

#9baa31
```
#9baa31 rgb(155,170,49)
```
#315eaa
```
#315eaa rgb(49,94,170)
```
#aa4031
```
#aa4031 rgb(170,64,49)
```

Split Complementary Color

#5eaa31
```
#5eaa31 rgb(94,170,49)
```
#315eaa
```
#315eaa rgb(49,94,170)
```
#aa315e
```
#aa315e rgb(170,49,94)
```

Triadic Color

#31aa7d
```
#31aa7d rgb(49,170,125)
```
#315eaa
```
#315eaa rgb(49,94,170)
```
#aa315e
```
#aa315e rgb(170,49,94)
```
#aa7d31
```
#aa7d31 rgb(170,125,49)
```

Tetradic Color

#203d6f
```
#203d6f rgb(32,61,111)
```
#264882
```
#264882 rgb(38,72,130)
```
#2b5396
```
#2b5396 rgb(43,83,150)
```
#315eaa
```
#315eaa rgb(49,94,170)
```
#3769be
```
#3769be rgb(55,105,190)
```
#4576c9
```
#4576c9 rgb(69,118,201)
```
#5885cf
```
#5885cf rgb(88,133,207)
```

Monochromatic Color

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

#317caa
```
#317caa rgb(49,124,170)
```
#3172aa
```
#3172aa rgb(49,114,170)
```
#3168aa
```
#3168aa rgb(49,104,170)
```
#315eaa
```
#315eaa rgb(49,94,170)
```
#3154aa
```
#3154aa rgb(49,84,170)
```
#314aaa
```
#314aaa rgb(49,74,170)
```
#3140aa
```
#3140aa rgb(49,64,170)
```

Similar Colors

Text with hexadecimal color #315eaa

This text has a font color of #315eaa.

<span style="color:#315eaa;">Text here</span>

#315eaa background color

This paragraph has a background color of #315eaa.

<p style="background-color:#315eaa;">Content here</p>

#315eaa border color

This element has a border color of #315eaa.

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

CSS codes

.text {color:#315eaa;}

.background {background-color:#315eaa;}

.border {border:1px solid #315eaa;}

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 #f2f6fb is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#050a12
```
#050a12 rgb(5,10,18)
```
#0a1221
```
#0a1221 rgb(10,18,33)
```
#0e1b30
```
#0e1b30 rgb(14,27,48)
```
#12233f
```
#12233f rgb(18,35,63)
```
#172b4f
```
#172b4f rgb(23,43,79)
```
#1b345e
```
#1b345e rgb(27,52,94)
```
#1f3c6d
```
#1f3c6d rgb(31,60,109)
```
#24457c
```
#24457c rgb(36,69,124)
```
#284d8c
```
#284d8c rgb(40,77,140)
```
#2d569b
```
#2d569b rgb(45,86,155)
```
#315eaa
```
#315eaa rgb(49,94,170)
```
#3566b9
```
#3566b9 rgb(53,102,185)
```

Shade Color Variation

#3c6fc7
```
#3c6fc7 rgb(60,111,199)
```
#4b7acb
```
#4b7acb rgb(75,122,203)
```
#5a86cf
```
#5a86cf rgb(90,134,207)
```
#6991d4
```
#6991d4 rgb(105,145,212)
```
#789cd8
```
#789cd8 rgb(120,156,216)
```
#88a7dd
```
#88a7dd rgb(136,167,221)
```
#97b2e1
```
#97b2e1 rgb(151,178,225)
```
#a6bee5
```
#a6bee5 rgb(166,190,229)
```
#b5c9ea
```
#b5c9ea rgb(181,201,234)
```
#c5d4ee
```
#c5d4ee rgb(197,212,238)
```
#d4dff3
```
#d4dff3 rgb(212,223,243)
```
#e3eaf7
```
#e3eaf7 rgb(227,234,247)
```
#f2f6fb
```
#f2f6fb rgb(242,246,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 #0753d4 is the most saturated one.

#6c6d6f
```
#6c6d6f rgb(108,109,111)
```
#646b77
```
#646b77 rgb(100,107,119)
```
#5b6980
```
#5b6980 rgb(91,105,128)
```
#536788
```
#536788 rgb(83,103,136)
```
#4a6491
```
#4a6491 rgb(74,100,145)
```
#426299
```
#426299 rgb(66,98,153)
```
#3960a2
```
#3960a2 rgb(57,96,162)
```
#315eaa
```
#315eaa rgb(49,94,170)
```
#295cb2
```
#295cb2 rgb(41,92,178)
```
#205abb
```
#205abb rgb(32,90,187)
```
#1858c3
```
#1858c3 rgb(24,88,195)
```
#0f55cc
```
#0f55cc rgb(15,85,204)
```
#0753d4
```
#0753d4 rgb(7,83,212)
```

Tone Color Variation

Below, you can see how #315eaa 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

#595959 Achromatopsia 0.005% of the population
#515a69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4365ad Protanopia 1% of men
#2169ad Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#3c62ac Protanomaly 1% of men, 0.01% of women
#2765ac Deuteranomaly 6% of men, 0.4% of women
#116a8b Tritanomaly 0.01% of the population

#315eaa hex color

#315eaa Color Information

#315eaa Color Conversion

Color Schemes with #315eaa

Alternatives to #315eaa

#315eaa Preview

Shades and Tints of #315eaa

Tones of #315eaa

Color Blindness Simulator