#315684 hex color

In a RGB color space, hex #315684 is composed of 19.2% red, 33.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 34.8% magenta, 0% yellow and 48.2% black. It has a hue angle of 213.3 degrees, a saturation of 45.9% and a lightness of 35.5%. #315684 color hex could be obtained by blending #62acff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 34
- B 52
RGB color chart
- C 63
- M 35
- Y 0
- K 48
CMYK color chart

● #315684 color description : Dark moderate blue.

The hexadecimal color #315684 has RGB values of R:49, G:86, B:132 and CMYK values of C:0.63, M:0.35, Y:0, K:0.48. Its decimal value is 3233412.

Hex triplet	315684	`#315684`
RGB Decimal	49, 86, 132	`rgb(49,86,132)`
RGB Percent	19.2, 33.7, 51.8	`rgb(19.2%,33.7%,51.8%)`
CMYK	63, 35, 0, 48
HSL	213.3°, 45.9, 35.5	`hsl(213.3,45.9%,35.5%)`
HSV (or HSB)	213.3°, 62.9, 51.8
Web Safe	336699	`#336699`

CIE-LAB	35.934, 1.984, -29.741
XYZ	8.758, 8.974, 23.099
xyY	0.214, 0.22, 8.974
CIE-LCH	35.934, 29.807, 273.817
CIE-LUV	35.934, -15.465, -41.369
Hunter-Lab	29.957, -0.236, -24.748
Binary	00110001, 01010110, 10000100

#315684
```
#315684 rgb(49,86,132)
```
#845f31
```
#845f31 rgb(132,95,49)
```

Complementary Color

#318084
```
#318084 rgb(49,128,132)
```
#315684
```
#315684 rgb(49,86,132)
```
#363184
```
#363184 rgb(54,49,132)
```

Analogous Color

#808431
```
#808431 rgb(128,132,49)
```
#315684
```
#315684 rgb(49,86,132)
```
#843631
```
#843631 rgb(132,54,49)
```

Split Complementary Color

#568431
```
#568431 rgb(86,132,49)
```
#315684
```
#315684 rgb(49,86,132)
```
#843156
```
#843156 rgb(132,49,86)
```

Triadic Color

#31845f
```
#31845f rgb(49,132,95)
```
#315684
```
#315684 rgb(49,86,132)
```
#843156
```
#843156 rgb(132,49,86)
```
#845f31
```
#845f31 rgb(132,95,49)
```

Tetradic Color

#1c324c
```
#1c324c rgb(28,50,76)
```
#233e5f
```
#233e5f rgb(35,62,95)
```
#2a4a71
```
#2a4a71 rgb(42,74,113)
```
#315684
```
#315684 rgb(49,86,132)
```
#386297
```
#386297 rgb(56,98,151)
```
#3f6ea9
```
#3f6ea9 rgb(63,110,169)
```
#477abb
```
#477abb rgb(71,122,187)
```

Monochromatic Color

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

#316b84
```
#316b84 rgb(49,107,132)
```
#316484
```
#316484 rgb(49,100,132)
```
#315d84
```
#315d84 rgb(49,93,132)
```
#315684
```
#315684 rgb(49,86,132)
```
#314f84
```
#314f84 rgb(49,79,132)
```
#314884
```
#314884 rgb(49,72,132)
```
#314184
```
#314184 rgb(49,65,132)
```

Similar Colors

Text with hexadecimal color #315684

This text has a font color of #315684.

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

#315684 background color

This paragraph has a background color of #315684.

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

#315684 border color

This element has a border color of #315684.

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

CSS codes

.text {color:#315684;}

.background {background-color:#315684;}

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

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 #f4f7fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#070b12
```
#070b12 rgb(7,11,18)
```
#0c1520
```
#0c1520 rgb(12,21,32)
```
#111e2e
```
#111e2e rgb(17,30,46)
```
#16273c
```
#16273c rgb(22,39,60)
```
#1c314b
```
#1c314b rgb(28,49,75)
```
#213a59
```
#213a59 rgb(33,58,89)
```
#264367
```
#264367 rgb(38,67,103)
```
#2c4d76
```
#2c4d76 rgb(44,77,118)
```
#315684
```
#315684 rgb(49,86,132)
```
#365f92
```
#365f92 rgb(54,95,146)
```
#3c69a1
```
#3c69a1 rgb(60,105,161)
```
#4172af
```
#4172af rgb(65,114,175)
```

Shade Color Variation

#487cbb
```
#487cbb rgb(72,124,187)
```
#5786c0
```
#5786c0 rgb(87,134,192)
```
#6590c6
```
#6590c6 rgb(101,144,198)
```
#739acb
```
#739acb rgb(115,154,203)
```
#82a5d0
```
#82a5d0 rgb(130,165,208)
```
#90afd6
```
#90afd6 rgb(144,175,214)
```
#9eb9db
```
#9eb9db rgb(158,185,219)
```
#acc4e0
```
#acc4e0 rgb(172,196,224)
```
#bbcee6
```
#bbcee6 rgb(187,206,230)
```
#c9d8eb
```
#c9d8eb rgb(201,216,235)
```
#d7e2f0
```
#d7e2f0 rgb(215,226,240)
```
#e6edf6
```
#e6edf6 rgb(230,237,246)
```
#f4f7fb
```
#f4f7fb rgb(244,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545a61 is the less saturated color, while #0051b5 is the most saturated one.

#545a61
```
#545a61 rgb(84,90,97)
```
#4d5968
```
#4d5968 rgb(77,89,104)
```
#46586f
```
#46586f rgb(70,88,111)
```
#3f5876
```
#3f5876 rgb(63,88,118)
```
#38577d
```
#38577d rgb(56,87,125)
```
#315684
```
#315684 rgb(49,86,132)
```
#2a558b
```
#2a558b rgb(42,85,139)
```
#235492
```
#235492 rgb(35,84,146)
```
#1c5499
```
#1c5499 rgb(28,84,153)
```
#1553a0
```
#1553a0 rgb(21,83,160)
```
#0e52a7
```
#0e52a7 rgb(14,82,167)
```
#0751ae
```
#0751ae rgb(7,81,174)
```
#0051b5
```
#0051b5 rgb(0,81,181)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a515a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5b88 Protanopia 1% of men
#435d8b Deuteranopia 1% of men
#29656c Tritanopia 0.001% of the population

Trichromacy

#425986 Protanomaly 1% of men, 0.01% of women
#3c5a88 Deuteranomaly 6% of men, 0.4% of women
#2c5f75 Tritanomaly 0.01% of the population

#315684 hex color

#315684 Color Information

#315684 Color Conversion

Color Schemes with #315684

Alternatives to #315684

#315684 Preview

Shades and Tints of #315684

Tones of #315684

Color Blindness Simulator