#315b90 hex color

In a RGB color space, hex #315b90 is composed of 19.2% red, 35.7% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 36.8% magenta, 0% yellow and 43.5% black. It has a hue angle of 213.5 degrees, a saturation of 49.2% and a lightness of 37.8%. #315b90 color hex could be obtained by blending #62b6ff with #000021. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 36
- B 56
RGB color chart
- C 66
- M 37
- Y 0
- K 44
CMYK color chart

● #315b90 color description : Dark moderate blue.

The hexadecimal color #315b90 has RGB values of R:49, G:91, B:144 and CMYK values of C:0.66, M:0.37, Y:0, K:0.44. Its decimal value is 3234704.

Hex triplet	315b90	`#315b90`
RGB Decimal	49, 91, 144	`rgb(49,91,144)`
RGB Percent	19.2, 35.7, 56.5	`rgb(19.2%,35.7%,56.5%)`
CMYK	66, 37, 0, 44
HSL	213.5°, 49.2, 37.8	`hsl(213.5,49.2%,37.8%)`
HSV (or HSB)	213.5°, 66, 56.5
Web Safe	336699	`#336699`

CIE-LAB	38.107, 3.142, -33.613
XYZ	10.041, 10.148, 27.814
xyY	0.209, 0.211, 10.148
CIE-LCH	38.107, 33.759, 275.341
CIE-LUV	38.107, -17.032, -47.863
Hunter-Lab	31.856, 0.513, -29.467
Binary	00110001, 01011011, 10010000

#315b90
```
#315b90 rgb(49,91,144)
```
#906631
```
#906631 rgb(144,102,49)
```

Complementary Color

#318b90
```
#318b90 rgb(49,139,144)
```
#315b90
```
#315b90 rgb(49,91,144)
```
#373190
```
#373190 rgb(55,49,144)
```

Analogous Color

#8b9031
```
#8b9031 rgb(139,144,49)
```
#315b90
```
#315b90 rgb(49,91,144)
```
#903731
```
#903731 rgb(144,55,49)
```

Split Complementary Color

#5b9031
```
#5b9031 rgb(91,144,49)
```
#315b90
```
#315b90 rgb(49,91,144)
```
#90315b
```
#90315b rgb(144,49,91)
```

Triadic Color

#319066
```
#319066 rgb(49,144,102)
```
#315b90
```
#315b90 rgb(49,91,144)
```
#90315b
```
#90315b rgb(144,49,91)
```
#906631
```
#906631 rgb(144,102,49)
```

Tetradic Color

#1e3757
```
#1e3757 rgb(30,55,87)
```
#24436a
```
#24436a rgb(36,67,106)
```
#2b4f7d
```
#2b4f7d rgb(43,79,125)
```
#315b90
```
#315b90 rgb(49,91,144)
```
#3767a3
```
#3767a3 rgb(55,103,163)
```
#3e73b6
```
#3e73b6 rgb(62,115,182)
```
#4c80c2
```
#4c80c2 rgb(76,128,194)
```

Monochromatic Color

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

#317390
```
#317390 rgb(49,115,144)
```
#316b90
```
#316b90 rgb(49,107,144)
```
#316390
```
#316390 rgb(49,99,144)
```
#315b90
```
#315b90 rgb(49,91,144)
```
#315390
```
#315390 rgb(49,83,144)
```
#314b90
```
#314b90 rgb(49,75,144)
```
#314390
```
#314390 rgb(49,67,144)
```

Similar Colors

Text with hexadecimal color #315b90

This text has a font color of #315b90.

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

#315b90 background color

This paragraph has a background color of #315b90.

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

#315b90 border color

This element has a border color of #315b90.

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

CSS codes

.text {color:#315b90;}

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

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

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, #04080c is the darkest color, while #fdfdfe is the lightest one.

#04080c
```
#04080c rgb(4,8,12)
```
#09111b
```
#09111b rgb(9,17,27)
```
#0e1a2a
```
#0e1a2a rgb(14,26,42)
```
#132438
```
#132438 rgb(19,36,56)
```
#182d47
```
#182d47 rgb(24,45,71)
```
#1d3655
```
#1d3655 rgb(29,54,85)
```
#223f64
```
#223f64 rgb(34,63,100)
```
#274973
```
#274973 rgb(39,73,115)
```
#2c5281
```
#2c5281 rgb(44,82,129)
```
#315b90
```
#315b90 rgb(49,91,144)
```
#36649f
```
#36649f rgb(54,100,159)
```
#3b6dad
```
#3b6dad rgb(59,109,173)
```
#4077bc
```
#4077bc rgb(64,119,188)
```

Shade Color Variation

#4d81c2
```
#4d81c2 rgb(77,129,194)
```
#5c8bc7
```
#5c8bc7 rgb(92,139,199)
```
#6a96cc
```
#6a96cc rgb(106,150,204)
```
#79a0d1
```
#79a0d1 rgb(121,160,209)
```
#88aad6
```
#88aad6 rgb(136,170,214)
```
#96b5db
```
#96b5db rgb(150,181,219)
```
#a5bfe0
```
#a5bfe0 rgb(165,191,224)
```
#b3c9e5
```
#b3c9e5 rgb(179,201,229)
```
#c2d4ea
```
#c2d4ea rgb(194,212,234)
```
#d1deef
```
#d1deef rgb(209,222,239)
```
#dfe9f4
```
#dfe9f4 rgb(223,233,244)
```
#eef3f9
```
#eef3f9 rgb(238,243,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5e6063
```
#5e6063 rgb(94,96,99)
```
#565f6b
```
#565f6b rgb(86,95,107)
```
#4f5e72
```
#4f5e72 rgb(79,94,114)
```
#475e7a
```
#475e7a rgb(71,94,122)
```
#405d81
```
#405d81 rgb(64,93,129)
```
#385c89
```
#385c89 rgb(56,92,137)
```
#315b90
```
#315b90 rgb(49,91,144)
```
#2a5a97
```
#2a5a97 rgb(42,90,151)
```
#22599f
```
#22599f rgb(34,89,159)
```
#1b58a6
```
#1b58a6 rgb(27,88,166)
```
#1358ae
```
#1358ae rgb(19,88,174)
```
#0c57b5
```
#0c57b5 rgb(12,87,181)
```
#0456bd
```
#0456bd rgb(4,86,189)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d5560 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d6093 Protanopia 1% of men
#416296 Deuteranopia 1% of men
#216b72 Tritanopia 0.001% of the population

Trichromacy

#435e92 Protanomaly 1% of men, 0.01% of women
#3b5f93 Deuteranomaly 6% of men, 0.4% of women
#27657d Tritanomaly 0.01% of the population

#315b90 hex color

#315b90 Color Information

#315b90 Color Conversion

Color Schemes with #315b90

Alternatives to #315b90

#315b90 Preview

Shades and Tints of #315b90

Tones of #315b90

Color Blindness Simulator