#315383 hex color

In a RGB color space, hex #315383 is composed of 19.2% red, 32.5% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 36.6% magenta, 0% yellow and 48.6% black. It has a hue angle of 215.1 degrees, a saturation of 45.6% and a lightness of 35.3%. #315383 color hex could be obtained by blending #62a6ff with #000007. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 33
- B 51
RGB color chart
- C 63
- M 37
- Y 0
- K 49
CMYK color chart

● #315383 color description : Dark moderate blue.

The hexadecimal color #315383 has RGB values of R:49, G:83, B:131 and CMYK values of C:0.63, M:0.37, Y:0, K:0.49. Its decimal value is 3232643.

Hex triplet	315383	`#315383`
RGB Decimal	49, 83, 131	`rgb(49,83,131)`
RGB Percent	19.2, 32.5, 51.4	`rgb(19.2%,32.5%,51.4%)`
CMYK	63, 37, 0, 49
HSL	215.1°, 45.6, 35.3	`hsl(215.1,45.6%,35.3%)`
HSV (or HSB)	215.1°, 62.6, 51.4
Web Safe	336699	`#336699`

CIE-LAB	34.958, 3.558, -30.666
XYZ	8.456, 8.478, 22.662
xyY	0.214, 0.214, 8.478
CIE-LCH	34.958, 30.871, 276.618
CIE-LUV	34.958, -14.416, -42.538
Hunter-Lab	29.116, 0.884, -25.766
Binary	00110001, 01010011, 10000011

#315383
```
#315383 rgb(49,83,131)
```
#836131
```
#836131 rgb(131,97,49)
```

Complementary Color

#317c83
```
#317c83 rgb(49,124,131)
```
#315383
```
#315383 rgb(49,83,131)
```
#383183
```
#383183 rgb(56,49,131)
```

Analogous Color

#7c8331
```
#7c8331 rgb(124,131,49)
```
#315383
```
#315383 rgb(49,83,131)
```
#833831
```
#833831 rgb(131,56,49)
```

Split Complementary Color

#538331
```
#538331 rgb(83,131,49)
```
#315383
```
#315383 rgb(49,83,131)
```
#833153
```
#833153 rgb(131,49,83)
```

Triadic Color

#318361
```
#318361 rgb(49,131,97)
```
#315383
```
#315383 rgb(49,83,131)
```
#833153
```
#833153 rgb(131,49,83)
```
#836131
```
#836131 rgb(131,97,49)
```

Tetradic Color

#1c304b
```
#1c304b rgb(28,48,75)
```
#233b5e
```
#233b5e rgb(35,59,94)
```
#2a4770
```
#2a4770 rgb(42,71,112)
```
#315383
```
#315383 rgb(49,83,131)
```
#385f96
```
#385f96 rgb(56,95,150)
```
#3f6ba8
```
#3f6ba8 rgb(63,107,168)
```
#4776ba
```
#4776ba rgb(71,118,186)
```

Monochromatic Color

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

#316883
```
#316883 rgb(49,104,131)
```
#316183
```
#316183 rgb(49,97,131)
```
#315a83
```
#315a83 rgb(49,90,131)
```
#315383
```
#315383 rgb(49,83,131)
```
#314c83
```
#314c83 rgb(49,76,131)
```
#314583
```
#314583 rgb(49,69,131)
```
#313f83
```
#313f83 rgb(49,63,131)
```

Similar Colors

Text with hexadecimal color #315383

This text has a font color of #315383.

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

#315383 background color

This paragraph has a background color of #315383.

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

#315383 border color

This element has a border color of #315383.

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

CSS codes

.text {color:#315383;}

.background {background-color:#315383;}

.border {border:1px solid #315383;}

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

#010203
```
#010203 rgb(1,2,3)
```
#060b11
```
#060b11 rgb(6,11,17)
```
#0c141f
```
#0c141f rgb(12,20,31)
```
#111d2d
```
#111d2d rgb(17,29,45)
```
#16263c
```
#16263c rgb(22,38,60)
```
#1c2f4a
```
#1c2f4a rgb(28,47,74)
```
#213858
```
#213858 rgb(33,56,88)
```
#264166
```
#264166 rgb(38,65,102)
```
#2c4a75
```
#2c4a75 rgb(44,74,117)
```
#315383
```
#315383 rgb(49,83,131)
```
#365c91
```
#365c91 rgb(54,92,145)
```
#3c65a0
```
#3c65a0 rgb(60,101,160)
```
#416eae
```
#416eae rgb(65,110,174)
```

Shade Color Variation

#4877bb
```
#4877bb rgb(72,119,187)
```
#5682c0
```
#5682c0 rgb(86,130,192)
```
#648dc5
```
#648dc5 rgb(100,141,197)
```
#7397cb
```
#7397cb rgb(115,151,203)
```
#81a2d0
```
#81a2d0 rgb(129,162,208)
```
#8facd5
```
#8facd5 rgb(143,172,213)
```
#9eb7db
```
#9eb7db rgb(158,183,219)
```
#acc1e0
```
#acc1e0 rgb(172,193,224)
```
#bacce5
```
#bacce5 rgb(186,204,229)
```
#c8d7eb
```
#c8d7eb rgb(200,215,235)
```
#d7e1f0
```
#d7e1f0 rgb(215,225,240)
```
#e5ecf5
```
#e5ecf5 rgb(229,236,245)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545960 is the less saturated color, while #014bb3 is the most saturated one.

#545960
```
#545960 rgb(84,89,96)
```
#4d5867
```
#4d5867 rgb(77,88,103)
```
#46576e
```
#46576e rgb(70,87,110)
```
#3f5575
```
#3f5575 rgb(63,85,117)
```
#38547c
```
#38547c rgb(56,84,124)
```
#315383
```
#315383 rgb(49,83,131)
```
#2a528a
```
#2a528a rgb(42,82,138)
```
#235191
```
#235191 rgb(35,81,145)
```
#1c4f98
```
#1c4f98 rgb(28,79,152)
```
#154e9f
```
#154e9f rgb(21,78,159)
```
#0e4da6
```
#0e4da6 rgb(14,77,166)
```
#074cad
```
#074cad rgb(7,76,173)
```
#014bb3
```
#014bb3 rgb(1,75,179)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#484f59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#495987 Protanopia 1% of men
#3f5b89 Deuteranopia 1% of men
#286269 Tritanopia 0.001% of the population

Trichromacy

#405786 Protanomaly 1% of men, 0.01% of women
#3a5887 Deuteranomaly 6% of men, 0.4% of women
#2b5d73 Tritanomaly 0.01% of the population

#315383 hex color

#315383 Color Information

#315383 Color Conversion

Color Schemes with #315383

Alternatives to #315383

#315383 Preview

Shades and Tints of #315383

Tones of #315383

Color Blindness Simulator