#315d96 hex color

In a RGB color space, hex #315d96 is composed of 19.2% red, 36.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 38% magenta, 0% yellow and 41.2% black. It has a hue angle of 213.9 degrees, a saturation of 50.8% and a lightness of 39%. #315d96 color hex could be obtained by blending #62baff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 36
- B 59
RGB color chart
- C 67
- M 38
- Y 0
- K 41
CMYK color chart

● #315d96 color description : Dark moderate blue.

The hexadecimal color #315d96 has RGB values of R:49, G:93, B:150 and CMYK values of C:0.67, M:0.38, Y:0, K:0.41. Its decimal value is 3235222.

Hex triplet	315d96	`#315d96`
RGB Decimal	49, 93, 150	`rgb(49,93,150)`
RGB Percent	19.2, 36.5, 58.8	`rgb(19.2%,36.5%,58.8%)`
CMYK	67, 38, 0, 41
HSL	213.9°, 50.8, 39	`hsl(213.9,50.8%,39%)`
HSV (or HSB)	213.9°, 67.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	39.041, 4.065, -35.749
XYZ	10.685, 10.683, 30.351
xyY	0.207, 0.207, 10.683
CIE-LCH	39.041, 35.98, 276.487
CIE-LUV	39.041, -17.613, -51.434
Hunter-Lab	32.685, 1.154, -32.178
Binary	00110001, 01011101, 10010110

#315d96
```
#315d96 rgb(49,93,150)
```
#966a31
```
#966a31 rgb(150,106,49)
```

Complementary Color

#319096
```
#319096 rgb(49,144,150)
```
#315d96
```
#315d96 rgb(49,93,150)
```
#383196
```
#383196 rgb(56,49,150)
```

Analogous Color

#909631
```
#909631 rgb(144,150,49)
```
#315d96
```
#315d96 rgb(49,93,150)
```
#963831
```
#963831 rgb(150,56,49)
```

Split Complementary Color

#5d9631
```
#5d9631 rgb(93,150,49)
```
#315d96
```
#315d96 rgb(49,93,150)
```
#96315d
```
#96315d rgb(150,49,93)
```

Triadic Color

#31966a
```
#31966a rgb(49,150,106)
```
#315d96
```
#315d96 rgb(49,93,150)
```
#96315d
```
#96315d rgb(150,49,93)
```
#966a31
```
#966a31 rgb(150,106,49)
```

Tetradic Color

#1e395c
```
#1e395c rgb(30,57,92)
```
#244570
```
#244570 rgb(36,69,112)
```
#2b5183
```
#2b5183 rgb(43,81,131)
```
#315d96
```
#315d96 rgb(49,93,150)
```
#3769a9
```
#3769a9 rgb(55,105,169)
```
#3e75bc
```
#3e75bc rgb(62,117,188)
```
#4e82c5
```
#4e82c5 rgb(78,130,197)
```

Monochromatic Color

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

#317696
```
#317696 rgb(49,118,150)
```
#316e96
```
#316e96 rgb(49,110,150)
```
#316596
```
#316596 rgb(49,101,150)
```
#315d96
```
#315d96 rgb(49,93,150)
```
#315596
```
#315596 rgb(49,85,150)
```
#314c96
```
#314c96 rgb(49,76,150)
```
#314496
```
#314496 rgb(49,68,150)
```

Similar Colors

Text with hexadecimal color #315d96

This text has a font color of #315d96.

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

#315d96 background color

This paragraph has a background color of #315d96.

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

#315d96 border color

This element has a border color of #315d96.

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

CSS codes

.text {color:#315d96;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060a11
```
#060a11 rgb(6,10,17)
```
#0a1420
```
#0a1420 rgb(10,20,32)
```
#0f1d2f
```
#0f1d2f rgb(15,29,47)
```
#14263d
```
#14263d rgb(20,38,61)
```
#192f4c
```
#192f4c rgb(25,47,76)
```
#1e385b
```
#1e385b rgb(30,56,91)
```
#23416a
```
#23416a rgb(35,65,106)
```
#274b78
```
#274b78 rgb(39,75,120)
```
#2c5487
```
#2c5487 rgb(44,84,135)
```
#315d96
```
#315d96 rgb(49,93,150)
```
#3666a5
```
#3666a5 rgb(54,102,165)
```
#3b6fb4
```
#3b6fb4 rgb(59,111,180)
```

Shade Color Variation

#4179c1
```
#4179c1 rgb(65,121,193)
```
#5083c6
```
#5083c6 rgb(80,131,198)
```
#5f8ecb
```
#5f8ecb rgb(95,142,203)
```
#6d98cf
```
#6d98cf rgb(109,152,207)
```
#7ca2d4
```
#7ca2d4 rgb(124,162,212)
```
#8badd9
```
#8badd9 rgb(139,173,217)
```
#9ab7de
```
#9ab7de rgb(154,183,222)
```
#a8c2e3
```
#a8c2e3 rgb(168,194,227)
```
#b7cce8
```
#b7cce8 rgb(183,204,232)
```
#c6d7ec
```
#c6d7ec rgb(198,215,236)
```
#d5e1f1
```
#d5e1f1 rgb(213,225,241)
```
#e4ecf6
```
#e4ecf6 rgb(228,236,246)
```
#f2f6fb
```
#f2f6fb rgb(242,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6368 is the less saturated color, while #0357c4 is the most saturated one.

#5f6368
```
#5f6368 rgb(95,99,104)
```
#576270
```
#576270 rgb(87,98,112)
```
#506177
```
#506177 rgb(80,97,119)
```
#48607f
```
#48607f rgb(72,96,127)
```
#405f87
```
#405f87 rgb(64,95,135)
```
#395e8e
```
#395e8e rgb(57,94,142)
```
#315d96
```
#315d96 rgb(49,93,150)
```
#295c9e
```
#295c9e rgb(41,92,158)
```
#225ba5
```
#225ba5 rgb(34,91,165)
```
#1a5aad
```
#1a5aad rgb(26,90,173)
```
#1259b5
```
#1259b5 rgb(18,89,181)
```
#0b58bc
```
#0b58bc rgb(11,88,188)
```
#0357c4
```
#0357c4 rgb(3,87,196)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4f5763 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d6299 Protanopia 1% of men
#3f649b Deuteranopia 1% of men
#1b6d75 Tritanopia 0.001% of the population

Trichromacy

#436098 Protanomaly 1% of men, 0.01% of women
#3a6199 Deuteranomaly 6% of men, 0.4% of women
#236781 Tritanomaly 0.01% of the population

#315d96 hex color

#315d96 Color Information

#315d96 Color Conversion

Color Schemes with #315d96

Alternatives to #315d96

#315d96 Preview

Shades and Tints of #315d96

Tones of #315d96

Color Blindness Simulator