#315b93 hex color

In a RGB color space, hex #315b93 is composed of 19.2% red, 35.7% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 38.1% magenta, 0% yellow and 42.4% black. It has a hue angle of 214.3 degrees, a saturation of 50% and a lightness of 38.4%. #315b93 color hex could be obtained by blending #62b6ff with #000027. Closest websafe color is: #336699.

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

● #315b93 color description : Dark moderate blue.

The hexadecimal color #315b93 has RGB values of R:49, G:91, B:147 and CMYK values of C:0.67, M:0.38, Y:0, K:0.42. Its decimal value is 3234707.

Hex triplet	315b93	`#315b93`
RGB Decimal	49, 91, 147	`rgb(49,91,147)`
RGB Percent	19.2, 35.7, 57.6	`rgb(19.2%,35.7%,57.6%)`
CMYK	67, 38, 0, 42
HSL	214.3°, 50, 38.4	`hsl(214.3,50%,38.4%)`
HSV (or HSB)	214.3°, 66.7, 57.6
Web Safe	336699	`#336699`

CIE-LAB	38.272, 4.242, -35.163
XYZ	10.273, 10.241, 29.037
xyY	0.207, 0.207, 10.241
CIE-LCH	38.272, 35.418, 276.879
CIE-LUV	38.272, -16.98, -50.315
Hunter-Lab	32.002, 1.298, -31.397
Binary	00110001, 01011011, 10010011

#315b93
```
#315b93 rgb(49,91,147)
```
#936931
```
#936931 rgb(147,105,49)
```

Complementary Color

#318c93
```
#318c93 rgb(49,140,147)
```
#315b93
```
#315b93 rgb(49,91,147)
```
#383193
```
#383193 rgb(56,49,147)
```

Analogous Color

#8c9331
```
#8c9331 rgb(140,147,49)
```
#315b93
```
#315b93 rgb(49,91,147)
```
#933831
```
#933831 rgb(147,56,49)
```

Split Complementary Color

#5b9331
```
#5b9331 rgb(91,147,49)
```
#315b93
```
#315b93 rgb(49,91,147)
```
#93315b
```
#93315b rgb(147,49,91)
```

Triadic Color

#319369
```
#319369 rgb(49,147,105)
```
#315b93
```
#315b93 rgb(49,91,147)
```
#93315b
```
#93315b rgb(147,49,91)
```
#936931
```
#936931 rgb(147,105,49)
```

Tetradic Color

#1e375a
```
#1e375a rgb(30,55,90)
```
#24436d
```
#24436d rgb(36,67,109)
```
#2b4f80
```
#2b4f80 rgb(43,79,128)
```
#315b93
```
#315b93 rgb(49,91,147)
```
#3767a6
```
#3767a6 rgb(55,103,166)
```
#3e73b9
```
#3e73b9 rgb(62,115,185)
```
#4d80c4
```
#4d80c4 rgb(77,128,196)
```

Monochromatic Color

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

#317493
```
#317493 rgb(49,116,147)
```
#316b93
```
#316b93 rgb(49,107,147)
```
#316393
```
#316393 rgb(49,99,147)
```
#315b93
```
#315b93 rgb(49,91,147)
```
#315393
```
#315393 rgb(49,83,147)
```
#314b93
```
#314b93 rgb(49,75,147)
```
#314393
```
#314393 rgb(49,67,147)
```

Similar Colors

Text with hexadecimal color #315b93

This text has a font color of #315b93.

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

#315b93 background color

This paragraph has a background color of #315b93.

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

#315b93 border color

This element has a border color of #315b93.

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

CSS codes

.text {color:#315b93;}

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

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

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

#05090f
```
#05090f rgb(5,9,15)
```
#0a121d
```
#0a121d rgb(10,18,29)
```
#0f1b2c
```
#0f1b2c rgb(15,27,44)
```
#14243b
```
#14243b rgb(20,36,59)
```
#182d49
```
#182d49 rgb(24,45,73)
```
#1d3758
```
#1d3758 rgb(29,55,88)
```
#224067
```
#224067 rgb(34,64,103)
```
#274976
```
#274976 rgb(39,73,118)
```
#2c5284
```
#2c5284 rgb(44,82,132)
```
#315b93
```
#315b93 rgb(49,91,147)
```
#3664a2
```
#3664a2 rgb(54,100,162)
```
#3b6db0
```
#3b6db0 rgb(59,109,176)
```
#4076bf
```
#4076bf rgb(64,118,191)
```

Shade Color Variation

#4e81c4
```
#4e81c4 rgb(78,129,196)
```
#5d8bc9
```
#5d8bc9 rgb(93,139,201)
```
#6c96ce
```
#6c96ce rgb(108,150,206)
```
#7aa0d3
```
#7aa0d3 rgb(122,160,211)
```
#89abd8
```
#89abd8 rgb(137,171,216)
```
#98b5dd
```
#98b5dd rgb(152,181,221)
```
#a7c0e2
```
#a7c0e2 rgb(167,192,226)
```
#b5cae6
```
#b5cae6 rgb(181,202,230)
```
#c4d5eb
```
#c4d5eb rgb(196,213,235)
```
#d3dff0
```
#d3dff0 rgb(211,223,240)
```
#e1eaf5
```
#e1eaf5 rgb(225,234,245)
```
#f0f4fa
```
#f0f4fa rgb(240,244,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5e6166
```
#5e6166 rgb(94,97,102)
```
#57606d
```
#57606d rgb(87,96,109)
```
#4f5f75
```
#4f5f75 rgb(79,95,117)
```
#485e7c
```
#485e7c rgb(72,94,124)
```
#405d84
```
#405d84 rgb(64,93,132)
```
#395c8b
```
#395c8b rgb(57,92,139)
```
#315b93
```
#315b93 rgb(49,91,147)
```
#295a9b
```
#295a9b rgb(41,90,155)
```
#2259a2
```
#2259a2 rgb(34,89,162)
```
#1a58aa
```
#1a58aa rgb(26,88,170)
```
#1357b1
```
#1357b1 rgb(19,87,177)
```
#0b56b9
```
#0b56b9 rgb(11,86,185)
```
#0455c0
```
#0455c0 rgb(4,85,192)
```

Tone Color Variation

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

Dichromacy

#4c6096 Protanopia 1% of men
#3e6398 Deuteranopia 1% of men
#1d6b73 Tritanopia 0.001% of the population

Trichromacy

#425e95 Protanomaly 1% of men, 0.01% of women
#396096 Deuteranomaly 6% of men, 0.4% of women
#24657f Tritanomaly 0.01% of the population

#315b93 hex color

#315b93 Color Information

#315b93 Color Conversion

Color Schemes with #315b93

Alternatives to #315b93

#315b93 Preview

Shades and Tints of #315b93

Tones of #315b93

Color Blindness Simulator