#315d9a hex color

In a RGB color space, hex #315d9a is composed of 19.2% red, 36.5% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 39.6% magenta, 0% yellow and 39.6% black. It has a hue angle of 214.9 degrees, a saturation of 51.7% and a lightness of 39.8%. #315d9a color hex could be obtained by blending #62baff with #000035. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 36
- B 60
RGB color chart
- C 68
- M 40
- Y 0
- K 40
CMYK color chart

● #315d9a color description : Dark moderate blue.

The hexadecimal color #315d9a has RGB values of R:49, G:93, B:154 and CMYK values of C:0.68, M:0.4, Y:0, K:0.4. Its decimal value is 3235226.

Hex triplet	315d9a	`#315d9a`
RGB Decimal	49, 93, 154	`rgb(49,93,154)`
RGB Percent	19.2, 36.5, 60.4	`rgb(19.2%,36.5%,60.4%)`
CMYK	68, 40, 0, 40
HSL	214.9°, 51.7, 39.8	`hsl(214.9,51.7%,39.8%)`
HSV (or HSB)	214.9°, 68.2, 60.4
Web Safe	336699	`#336699`

CIE-LAB	39.265, 5.541, -37.793
XYZ	11.012, 10.814, 32.077
xyY	0.204, 0.201, 10.814
CIE-LCH	39.265, 38.197, 278.34
CIE-LUV	39.265, -17.54, -54.689
Hunter-Lab	32.885, 2.228, -34.815
Binary	00110001, 01011101, 10011010

#315d9a
```
#315d9a rgb(49,93,154)
```
#9a6e31
```
#9a6e31 rgb(154,110,49)
```

Complementary Color

#31929a
```
#31929a rgb(49,146,154)
```
#315d9a
```
#315d9a rgb(49,93,154)
```
#3a319a
```
#3a319a rgb(58,49,154)
```

Analogous Color

#929a31
```
#929a31 rgb(146,154,49)
```
#315d9a
```
#315d9a rgb(49,93,154)
```
#9a3a31
```
#9a3a31 rgb(154,58,49)
```

Split Complementary Color

#5d9a31
```
#5d9a31 rgb(93,154,49)
```
#315d9a
```
#315d9a rgb(49,93,154)
```
#9a315d
```
#9a315d rgb(154,49,93)
```

Triadic Color

#319a6e
```
#319a6e rgb(49,154,110)
```
#315d9a
```
#315d9a rgb(49,93,154)
```
#9a315d
```
#9a315d rgb(154,49,93)
```
#9a6e31
```
#9a6e31 rgb(154,110,49)
```

Tetradic Color

#1f3a60
```
#1f3a60 rgb(31,58,96)
```
#254673
```
#254673 rgb(37,70,115)
```
#2b5187
```
#2b5187 rgb(43,81,135)
```
#315d9a
```
#315d9a rgb(49,93,154)
```
#3769ad
```
#3769ad rgb(55,105,173)
```
#3d74c1
```
#3d74c1 rgb(61,116,193)
```
#5082c7
```
#5082c7 rgb(80,130,199)
```

Monochromatic Color

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

#31779a
```
#31779a rgb(49,119,154)
```
#316f9a
```
#316f9a rgb(49,111,154)
```
#31669a
```
#31669a rgb(49,102,154)
```
#315d9a
```
#315d9a rgb(49,93,154)
```
#31549a
```
#31549a rgb(49,84,154)
```
#314c9a
```
#314c9a rgb(49,76,154)
```
#31439a
```
#31439a rgb(49,67,154)
```

Similar Colors

Text with hexadecimal color #315d9a

This text has a font color of #315d9a.

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

#315d9a background color

This paragraph has a background color of #315d9a.

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

#315d9a border color

This element has a border color of #315d9a.

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

CSS codes

.text {color:#315d9a;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060c14
```
#060c14 rgb(6,12,20)
```
#0b1523
```
#0b1523 rgb(11,21,35)
```
#101e32
```
#101e32 rgb(16,30,50)
```
#152741
```
#152741 rgb(21,39,65)
```
#193050
```
#193050 rgb(25,48,80)
```
#1e395e
```
#1e395e rgb(30,57,94)
```
#23426d
```
#23426d rgb(35,66,109)
```
#284b7c
```
#284b7c rgb(40,75,124)
```
#2c548b
```
#2c548b rgb(44,84,139)
```
#315d9a
```
#315d9a rgb(49,93,154)
```
#3666a9
```
#3666a9 rgb(54,102,169)
```
#3a6fb8
```
#3a6fb8 rgb(58,111,184)
```

Shade Color Variation

#4379c3
```
#4379c3 rgb(67,121,195)
```
#5283c8
```
#5283c8 rgb(82,131,200)
```
#618ecd
```
#618ecd rgb(97,142,205)
```
#6f98d1
```
#6f98d1 rgb(111,152,209)
```
#7ea3d6
```
#7ea3d6 rgb(126,163,214)
```
#8daedb
```
#8daedb rgb(141,174,219)
```
#9cb8e0
```
#9cb8e0 rgb(156,184,224)
```
#abc3e4
```
#abc3e4 rgb(171,195,228)
```
#bacee9
```
#bacee9 rgb(186,206,233)
```
#c9d8ee
```
#c9d8ee rgb(201,216,238)
```
#d8e3f2
```
#d8e3f2 rgb(216,227,242)
```
#e6edf7
```
#e6edf7 rgb(230,237,247)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

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

#60656b
```
#60656b rgb(96,101,107)
```
#586373
```
#586373 rgb(88,99,115)
```
#50627b
```
#50627b rgb(80,98,123)
```
#486183
```
#486183 rgb(72,97,131)
```
#41608a
```
#41608a rgb(65,96,138)
```
#395e92
```
#395e92 rgb(57,94,146)
```
#315d9a
```
#315d9a rgb(49,93,154)
```
#295ca2
```
#295ca2 rgb(41,92,162)
```
#215aaa
```
#215aaa rgb(33,90,170)
```
#1a59b1
```
#1a59b1 rgb(26,89,177)
```
#1258b9
```
#1258b9 rgb(18,88,185)
```
#0a57c1
```
#0a57c1 rgb(10,87,193)
```
#0255c9
```
#0255c9 rgb(2,85,201)
```

Tone Color Variation

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

Dichromacy

#4b639d Protanopia 1% of men
#3a659f Deuteranopia 1% of men
#126e76 Tritanopia 0.001% of the population

Trichromacy

#42609c Protanomaly 1% of men, 0.01% of women
#37629d Deuteranomaly 6% of men, 0.4% of women
#1d6883 Tritanomaly 0.01% of the population

#315d9a hex color

#315d9a Color Information

#315d9a Color Conversion

Color Schemes with #315d9a

Alternatives to #315d9a

#315d9a Preview

Shades and Tints of #315d9a

Tones of #315d9a

Color Blindness Simulator