#315a9c hex color

In a RGB color space, hex #315a9c is composed of 19.2% red, 35.3% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 42.3% magenta, 0% yellow and 38.8% black. It has a hue angle of 217 degrees, a saturation of 52.2% and a lightness of 40.2%. #315a9c color hex could be obtained by blending #62b4ff with #000039. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 35
- B 61
RGB color chart
- C 69
- M 42
- Y 0
- K 39
CMYK color chart

● #315a9c color description : Dark moderate blue.

The hexadecimal color #315a9c has RGB values of R:49, G:90, B:156 and CMYK values of C:0.69, M:0.42, Y:0, K:0.39. Its decimal value is 3234460.

Hex triplet	315a9c	`#315a9c`
RGB Decimal	49, 90, 156	`rgb(49,90,156)`
RGB Percent	19.2, 35.3, 61.2	`rgb(19.2%,35.3%,61.2%)`
CMYK	69, 42, 0, 39
HSL	217°, 52.2, 40.2	`hsl(217,52.2%,40.2%)`
HSV (or HSB)	217°, 68.6, 61.2
Web Safe	336699	`#336699`

CIE-LAB	38.489, 8.218, -40.227
XYZ	10.922, 10.365, 32.876
xyY	0.202, 0.191, 10.365
CIE-LCH	38.489, 41.057, 281.546
CIE-LUV	38.489, -16.507, -58.218
Hunter-Lab	32.195, 4.217, -38.008
Binary	00110001, 01011010, 10011100

#315a9c
```
#315a9c rgb(49,90,156)
```
#9c7331
```
#9c7331 rgb(156,115,49)
```

Complementary Color

#31909c
```
#31909c rgb(49,144,156)
```
#315a9c
```
#315a9c rgb(49,90,156)
```
#3d319c
```
#3d319c rgb(61,49,156)
```

Analogous Color

#909c31
```
#909c31 rgb(144,156,49)
```
#315a9c
```
#315a9c rgb(49,90,156)
```
#9c3d31
```
#9c3d31 rgb(156,61,49)
```

Split Complementary Color

#5a9c31
```
#5a9c31 rgb(90,156,49)
```
#315a9c
```
#315a9c rgb(49,90,156)
```
#9c315a
```
#9c315a rgb(156,49,90)
```

Triadic Color

#319c73
```
#319c73 rgb(49,156,115)
```
#315a9c
```
#315a9c rgb(49,90,156)
```
#9c315a
```
#9c315a rgb(156,49,90)
```
#9c7331
```
#9c7331 rgb(156,115,49)
```

Tetradic Color

#1f3862
```
#1f3862 rgb(31,56,98)
```
#254475
```
#254475 rgb(37,68,117)
```
#2b4f89
```
#2b4f89 rgb(43,79,137)
```
#315a9c
```
#315a9c rgb(49,90,156)
```
#3765af
```
#3765af rgb(55,101,175)
```
#3e71c2
```
#3e71c2 rgb(62,113,194)
```
#517fc8
```
#517fc8 rgb(81,127,200)
```

Monochromatic Color

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

#31759c
```
#31759c rgb(49,117,156)
```
#316c9c
```
#316c9c rgb(49,108,156)
```
#31639c
```
#31639c rgb(49,99,156)
```
#315a9c
```
#315a9c rgb(49,90,156)
```
#31519c
```
#31519c rgb(49,81,156)
```
#31489c
```
#31489c rgb(49,72,156)
```
#313f9c
```
#313f9c rgb(49,63,156)
```

Similar Colors

Text with hexadecimal color #315a9c

This text has a font color of #315a9c.

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

#315a9c background color

This paragraph has a background color of #315a9c.

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

#315a9c border color

This element has a border color of #315a9c.

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

CSS codes

.text {color:#315a9c;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070c16
```
#070c16 rgb(7,12,22)
```
#0b1525
```
#0b1525 rgb(11,21,37)
```
#101e34
```
#101e34 rgb(16,30,52)
```
#152642
```
#152642 rgb(21,38,66)
```
#1a2f51
```
#1a2f51 rgb(26,47,81)
```
#1e3860
```
#1e3860 rgb(30,56,96)
```
#23406f
```
#23406f rgb(35,64,111)
```
#28497e
```
#28497e rgb(40,73,126)
```
#2c518d
```
#2c518d rgb(44,81,141)
```
#315a9c
```
#315a9c rgb(49,90,156)
```
#3663ab
```
#3663ab rgb(54,99,171)
```
#3a6bba
```
#3a6bba rgb(58,107,186)
```

Shade Color Variation

#4475c4
```
#4475c4 rgb(68,117,196)
```
#5380c9
```
#5380c9 rgb(83,128,201)
```
#628bce
```
#628bce rgb(98,139,206)
```
#7096d2
```
#7096d2 rgb(112,150,210)
```
#7fa1d7
```
#7fa1d7 rgb(127,161,215)
```
#8eacdc
```
#8eacdc rgb(142,172,220)
```
#9db7e0
```
#9db7e0 rgb(157,183,224)
```
#acc2e5
```
#acc2e5 rgb(172,194,229)
```
#bbcdea
```
#bbcdea rgb(187,205,234)
```
#cad8ee
```
#cad8ee rgb(202,216,238)
```
#d9e3f3
```
#d9e3f3 rgb(217,227,243)
```
#e8eef8
```
#e8eef8 rgb(232,238,248)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60656d is the less saturated color, while #024fcb is the most saturated one.

#60656d
```
#60656d rgb(96,101,109)
```
#586375
```
#586375 rgb(88,99,117)
```
#51617c
```
#51617c rgb(81,97,124)
```
#496084
```
#496084 rgb(73,96,132)
```
#415e8c
```
#415e8c rgb(65,94,140)
```
#395c94
```
#395c94 rgb(57,92,148)
```
#315a9c
```
#315a9c rgb(49,90,156)
```
#2958a4
```
#2958a4 rgb(41,88,164)
```
#2156ac
```
#2156ac rgb(33,86,172)
```
#1954b4
```
#1954b4 rgb(25,84,180)
```
#1153bc
```
#1153bc rgb(17,83,188)
```
#0a51c3
```
#0a51c3 rgb(10,81,195)
```
#024fcb
```
#024fcb rgb(2,79,203)
```

Tone Color Variation

Below, you can see how #315a9c 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
#4e5663 Atypical Achromatopsia 0.001% of the population

Dichromacy

#45619f Protanopia 1% of men
#3064a0 Deuteranopia 1% of men
#006c74 Tritanopia 0.001% of the population

Trichromacy

#3e5e9e Protanomaly 1% of men, 0.01% of women
#30609e Deuteranomaly 6% of men, 0.4% of women
#116583 Tritanomaly 0.01% of the population

#315a9c hex color

#315a9c Color Information

#315a9c Color Conversion

Color Schemes with #315a9c

Alternatives to #315a9c

#315a9c Preview

Shades and Tints of #315a9c

Tones of #315a9c

Color Blindness Simulator