#315583 hex color

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

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

● #315583 color description : Dark moderate blue.

The hexadecimal color #315583 has RGB values of R:49, G:85, B:131 and CMYK values of C:0.63, M:0.35, Y:0, K:0.49. Its decimal value is 3233155.

Hex triplet	315583	`#315583`
RGB Decimal	49, 85, 131	`rgb(49,85,131)`
RGB Percent	19.2, 33.3, 51.4	`rgb(19.2%,33.3%,51.4%)`
CMYK	63, 35, 0, 49
HSL	213.7°, 45.6, 35.3	`hsl(213.7,45.6%,35.3%)`
HSV (or HSB)	213.7°, 62.6, 51.4
Web Safe	336699	`#336699`

CIE-LAB	35.573, 2.266, -29.696
XYZ	8.611, 8.788, 22.714
xyY	0.215, 0.219, 8.788
CIE-LCH	35.573, 29.783, 274.364
CIE-LUV	35.573, -15.123, -41.218
Hunter-Lab	29.645, -0.029, -24.677
Binary	00110001, 01010101, 10000011

#315583
```
#315583 rgb(49,85,131)
```
#835f31
```
#835f31 rgb(131,95,49)
```

Complementary Color

#317e83
```
#317e83 rgb(49,126,131)
```
#315583
```
#315583 rgb(49,85,131)
```
#363183
```
#363183 rgb(54,49,131)
```

Analogous Color

#7e8331
```
#7e8331 rgb(126,131,49)
```
#315583
```
#315583 rgb(49,85,131)
```
#833631
```
#833631 rgb(131,54,49)
```

Split Complementary Color

#558331
```
#558331 rgb(85,131,49)
```
#315583
```
#315583 rgb(49,85,131)
```
#833155
```
#833155 rgb(131,49,85)
```

Triadic Color

#31835f
```
#31835f rgb(49,131,95)
```
#315583
```
#315583 rgb(49,85,131)
```
#833155
```
#833155 rgb(131,49,85)
```
#835f31
```
#835f31 rgb(131,95,49)
```

Tetradic Color

#1c314b
```
#1c314b rgb(28,49,75)
```
#233d5e
```
#233d5e rgb(35,61,94)
```
#2a4970
```
#2a4970 rgb(42,73,112)
```
#315583
```
#315583 rgb(49,85,131)
```
#386196
```
#386196 rgb(56,97,150)
```
#3f6da8
```
#3f6da8 rgb(63,109,168)
```
#4779ba
```
#4779ba rgb(71,121,186)
```

Monochromatic Color

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

#316a83
```
#316a83 rgb(49,106,131)
```
#316383
```
#316383 rgb(49,99,131)
```
#315c83
```
#315c83 rgb(49,92,131)
```
#315583
```
#315583 rgb(49,85,131)
```
#314e83
```
#314e83 rgb(49,78,131)
```
#314783
```
#314783 rgb(49,71,131)
```
#314183
```
#314183 rgb(49,65,131)
```

Similar Colors

Text with hexadecimal color #315583

This text has a font color of #315583.

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

#315583 background color

This paragraph has a background color of #315583.

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

#315583 border color

This element has a border color of #315583.

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

CSS codes

.text {color:#315583;}

.background {background-color:#315583;}

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

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)
```
#16273c
```
#16273c rgb(22,39,60)
```
#1c304a
```
#1c304a rgb(28,48,74)
```
#213958
```
#213958 rgb(33,57,88)
```
#264266
```
#264266 rgb(38,66,102)
```
#2c4c75
```
#2c4c75 rgb(44,76,117)
```
#315583
```
#315583 rgb(49,85,131)
```
#365e91
```
#365e91 rgb(54,94,145)
```
#3c68a0
```
#3c68a0 rgb(60,104,160)
```
#4171ae
```
#4171ae rgb(65,113,174)
```

Shade Color Variation

#487abb
```
#487abb rgb(72,122,187)
```
#5685c0
```
#5685c0 rgb(86,133,192)
```
#648fc5
```
#648fc5 rgb(100,143,197)
```
#7399cb
```
#7399cb rgb(115,153,203)
```
#81a4d0
```
#81a4d0 rgb(129,164,208)
```
#8faed5
```
#8faed5 rgb(143,174,213)
```
#9eb8db
```
#9eb8db rgb(158,184,219)
```
#acc3e0
```
#acc3e0 rgb(172,195,224)
```
#bacde5
```
#bacde5 rgb(186,205,229)
```
#c8d7eb
```
#c8d7eb rgb(200,215,235)
```
#d7e2f0
```
#d7e2f0 rgb(215,226,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 #014fb3 is the most saturated one.

#545960
```
#545960 rgb(84,89,96)
```
#4d5867
```
#4d5867 rgb(77,88,103)
```
#46586e
```
#46586e rgb(70,88,110)
```
#3f5775
```
#3f5775 rgb(63,87,117)
```
#38567c
```
#38567c rgb(56,86,124)
```
#315583
```
#315583 rgb(49,85,131)
```
#2a548a
```
#2a548a rgb(42,84,138)
```
#235391
```
#235391 rgb(35,83,145)
```
#1c5298
```
#1c5298 rgb(28,82,152)
```
#15529f
```
#15529f rgb(21,82,159)
```
#0e51a6
```
#0e51a6 rgb(14,81,166)
```
#0750ad
```
#0750ad rgb(7,80,173)
```
#014fb3
```
#014fb3 rgb(1,79,179)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#495059 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5b87 Protanopia 1% of men
#425c8a Deuteranopia 1% of men
#29646b Tritanopia 0.001% of the population

Trichromacy

#425885 Protanomaly 1% of men, 0.01% of women
#3c5987 Deuteranomaly 6% of men, 0.4% of women
#2c5e74 Tritanomaly 0.01% of the population

#315583 hex color

#315583 Color Information

#315583 Color Conversion

Color Schemes with #315583

Alternatives to #315583

#315583 Preview

Shades and Tints of #315583

Tones of #315583

Color Blindness Simulator