#315a90 hex color

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

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

● #315a90 color description : Dark moderate blue.

The hexadecimal color #315a90 has RGB values of R:49, G:90, B:144 and CMYK values of C:0.66, M:0.38, Y:0, K:0.44. Its decimal value is 3234448.

Hex triplet	315a90	`#315a90`
RGB Decimal	49, 90, 144	`rgb(49,90,144)`
RGB Percent	19.2, 35.3, 56.5	`rgb(19.2%,35.3%,56.5%)`
CMYK	66, 38, 0, 44
HSL	214.1°, 49.2, 37.8	`hsl(214.1,49.2%,37.8%)`
HSV (or HSB)	214.1°, 66, 56.5
Web Safe	336699	`#336699`

CIE-LAB	37.803, 3.782, -34.093
XYZ	9.956, 9.978, 27.785
xyY	0.209, 0.209, 9.978
CIE-LCH	37.803, 34.302, 276.331
CIE-LUV	37.803, -16.685, -48.53
Hunter-Lab	31.588, 0.978, -30.04
Binary	00110001, 01011010, 10010000

#315a90
```
#315a90 rgb(49,90,144)
```
#906731
```
#906731 rgb(144,103,49)
```

Complementary Color

#318a90
```
#318a90 rgb(49,138,144)
```
#315a90
```
#315a90 rgb(49,90,144)
```
#373190
```
#373190 rgb(55,49,144)
```

Analogous Color

#8a9031
```
#8a9031 rgb(138,144,49)
```
#315a90
```
#315a90 rgb(49,90,144)
```
#903831
```
#903831 rgb(144,56,49)
```

Split Complementary Color

#5a9031
```
#5a9031 rgb(90,144,49)
```
#315a90
```
#315a90 rgb(49,90,144)
```
#90315a
```
#90315a rgb(144,49,90)
```

Triadic Color

#319067
```
#319067 rgb(49,144,103)
```
#315a90
```
#315a90 rgb(49,90,144)
```
#90315a
```
#90315a rgb(144,49,90)
```
#906731
```
#906731 rgb(144,103,49)
```

Tetradic Color

#1e3657
```
#1e3657 rgb(30,54,87)
```
#24426a
```
#24426a rgb(36,66,106)
```
#2b4e7d
```
#2b4e7d rgb(43,78,125)
```
#315a90
```
#315a90 rgb(49,90,144)
```
#3766a3
```
#3766a3 rgb(55,102,163)
```
#3e72b6
```
#3e72b6 rgb(62,114,182)
```
#4c7fc2
```
#4c7fc2 rgb(76,127,194)
```

Monochromatic Color

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

#317290
```
#317290 rgb(49,114,144)
```
#316a90
```
#316a90 rgb(49,106,144)
```
#316290
```
#316290 rgb(49,98,144)
```
#315a90
```
#315a90 rgb(49,90,144)
```
#315290
```
#315290 rgb(49,82,144)
```
#314a90
```
#314a90 rgb(49,74,144)
```
#314290
```
#314290 rgb(49,66,144)
```

Similar Colors

Text with hexadecimal color #315a90

This text has a font color of #315a90.

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

#315a90 background color

This paragraph has a background color of #315a90.

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

#315a90 border color

This element has a border color of #315a90.

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

CSS codes

.text {color:#315a90;}

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

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

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)
```
#132338
```
#132338 rgb(19,35,56)
```
#182c47
```
#182c47 rgb(24,44,71)
```
#1d3555
```
#1d3555 rgb(29,53,85)
```
#223f64
```
#223f64 rgb(34,63,100)
```
#274873
```
#274873 rgb(39,72,115)
```
#2c5181
```
#2c5181 rgb(44,81,129)
```
#315a90
```
#315a90 rgb(49,90,144)
```
#36639f
```
#36639f rgb(54,99,159)
```
#3b6cad
```
#3b6cad rgb(59,108,173)
```
#4075bc
```
#4075bc rgb(64,117,188)
```

Shade Color Variation

#4d80c2
```
#4d80c2 rgb(77,128,194)
```
#5c8ac7
```
#5c8ac7 rgb(92,138,199)
```
#6a95cc
```
#6a95cc rgb(106,149,204)
```
#799fd1
```
#799fd1 rgb(121,159,209)
```
#88aad6
```
#88aad6 rgb(136,170,214)
```
#96b4db
```
#96b4db rgb(150,180,219)
```
#a5bfe0
```
#a5bfe0 rgb(165,191,224)
```
#b3c9e5
```
#b3c9e5 rgb(179,201,229)
```
#c2d3ea
```
#c2d3ea rgb(194,211,234)
```
#d1deef
```
#d1deef rgb(209,222,239)
```
#dfe8f4
```
#dfe8f4 rgb(223,232,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 #0454bd is the most saturated one.

#5e6063
```
#5e6063 rgb(94,96,99)
```
#565f6b
```
#565f6b rgb(86,95,107)
```
#4f5e72
```
#4f5e72 rgb(79,94,114)
```
#475d7a
```
#475d7a rgb(71,93,122)
```
#405c81
```
#405c81 rgb(64,92,129)
```
#385b89
```
#385b89 rgb(56,91,137)
```
#315a90
```
#315a90 rgb(49,90,144)
```
#2a5997
```
#2a5997 rgb(42,89,151)
```
#22589f
```
#22589f rgb(34,88,159)
```
#1b57a6
```
#1b57a6 rgb(27,87,166)
```
#1356ae
```
#1356ae rgb(19,86,174)
```
#0c55b5
```
#0c55b5 rgb(12,85,181)
```
#0454bd
```
#0454bd rgb(4,84,189)
```

Tone Color Variation

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

#4c5f93 Protanopia 1% of men
#3f6196 Deuteranopia 1% of men
#206a72 Tritanopia 0.001% of the population

Trichromacy

#425d92 Protanomaly 1% of men, 0.01% of women
#3a5f93 Deuteranomaly 6% of men, 0.4% of women
#26647d Tritanomaly 0.01% of the population

#315a90 hex color

#315a90 Color Information

#315a90 Color Conversion

Color Schemes with #315a90

Alternatives to #315a90

#315a90 Preview

Shades and Tints of #315a90

Tones of #315a90

Color Blindness Simulator