#314585 hex color

In a RGB color space, hex #314585 is composed of 19.2% red, 27.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 48.1% magenta, 0% yellow and 47.8% black. It has a hue angle of 225.7 degrees, a saturation of 46.2% and a lightness of 35.7%. #314585 color hex could be obtained by blending #628aff with #00000b. Closest websafe color is: #333399.

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

● #314585 color description : Dark moderate blue.

The hexadecimal color #314585 has RGB values of R:49, G:69, B:133 and CMYK values of C:0.63, M:0.48, Y:0, K:0.48. Its decimal value is 3229061.

Hex triplet	314585	`#314585`
RGB Decimal	49, 69, 133	`rgb(49,69,133)`
RGB Percent	19.2, 27.1, 52.2	`rgb(19.2%,27.1%,52.2%)`
CMYK	63, 48, 0, 48
HSL	225.7°, 46.2, 35.7	`hsl(225.7,46.2%,35.7%)`
HSV (or HSB)	225.7°, 63.2, 52.2
Web Safe	333399	`#333399`

CIE-LAB	30.884, 13.582, -38.383
XYZ	7.627, 6.602, 23.061
xyY	0.205, 0.177, 6.602
CIE-LCH	30.884, 40.715, 289.487
CIE-LUV	30.884, -9.77, -52.364
Hunter-Lab	25.695, 8.022, -35.227
Binary	00110001, 01000101, 10000101

#314585
```
#314585 rgb(49,69,133)
```
#857131
```
#857131 rgb(133,113,49)
```

Complementary Color

#316f85
```
#316f85 rgb(49,111,133)
```
#314585
```
#314585 rgb(49,69,133)
```
#473185
```
#473185 rgb(71,49,133)
```

Analogous Color

#6f8531
```
#6f8531 rgb(111,133,49)
```
#314585
```
#314585 rgb(49,69,133)
```
#854731
```
#854731 rgb(133,71,49)
```

Split Complementary Color

#458531
```
#458531 rgb(69,133,49)
```
#314585
```
#314585 rgb(49,69,133)
```
#853145
```
#853145 rgb(133,49,69)
```

Triadic Color

#318571
```
#318571 rgb(49,133,113)
```
#314585
```
#314585 rgb(49,69,133)
```
#853145
```
#853145 rgb(133,49,69)
```
#857131
```
#857131 rgb(133,113,49)
```

Tetradic Color

#1c284d
```
#1c284d rgb(28,40,77)
```
#233260
```
#233260 rgb(35,50,96)
```
#2a3b72
```
#2a3b72 rgb(42,59,114)
```
#314585
```
#314585 rgb(49,69,133)
```
#384f98
```
#384f98 rgb(56,79,152)
```
#3f58aa
```
#3f58aa rgb(63,88,170)
```
#4763bb
```
#4763bb rgb(71,99,187)
```

Monochromatic Color

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

#315a85
```
#315a85 rgb(49,90,133)
```
#315385
```
#315385 rgb(49,83,133)
```
#314c85
```
#314c85 rgb(49,76,133)
```
#314585
```
#314585 rgb(49,69,133)
```
#313e85
```
#313e85 rgb(49,62,133)
```
#313785
```
#313785 rgb(49,55,133)
```
#323185
```
#323185 rgb(50,49,133)
```

Similar Colors

Text with hexadecimal color #314585

This text has a font color of #314585.

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

#314585 background color

This paragraph has a background color of #314585.

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

#314585 border color

This element has a border color of #314585.

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

CSS codes

.text {color:#314585;}

.background {background-color:#314585;}

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

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

#010204
```
#010204 rgb(1,2,4)
```
#070a12
```
#070a12 rgb(7,10,18)
```
#0c1121
```
#0c1121 rgb(12,17,33)
```
#11182f
```
#11182f rgb(17,24,47)
```
#17203d
```
#17203d rgb(23,32,61)
```
#1c274c
```
#1c274c rgb(28,39,76)
```
#212f5a
```
#212f5a rgb(33,47,90)
```
#263668
```
#263668 rgb(38,54,104)
```
#2c3e77
```
#2c3e77 rgb(44,62,119)
```
#314585
```
#314585 rgb(49,69,133)
```
#364c93
```
#364c93 rgb(54,76,147)
```
#3c54a2
```
#3c54a2 rgb(60,84,162)
```
#415bb0
```
#415bb0 rgb(65,91,176)
```

Shade Color Variation

#4964bc
```
#4964bc rgb(73,100,188)
```
#5770c1
```
#5770c1 rgb(87,112,193)
```
#657cc6
```
#657cc6 rgb(101,124,198)
```
#7489cc
```
#7489cc rgb(116,137,204)
```
#8295d1
```
#8295d1 rgb(130,149,209)
```
#90a1d6
```
#90a1d6 rgb(144,161,214)
```
#9faddc
```
#9faddc rgb(159,173,220)
```
#adb9e1
```
#adb9e1 rgb(173,185,225)
```
#bbc5e6
```
#bbc5e6 rgb(187,197,230)
```
#cad2eb
```
#cad2eb rgb(202,210,235)
```
#d8def1
```
#d8def1 rgb(216,222,241)
```
#e6eaf6
```
#e6eaf6 rgb(230,234,246)
```
#f5f6fb
```
#f5f6fb rgb(245,246,251)
```

Tint Color Variation

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

#5b5b5b
```
#5b5b5b rgb(91,91,91)
```
#545762
```
#545762 rgb(84,87,98)
```
#4d5469
```
#4d5469 rgb(77,84,105)
```
#465070
```
#465070 rgb(70,80,112)
```
#3f4c77
```
#3f4c77 rgb(63,76,119)
```
#38497e
```
#38497e rgb(56,73,126)
```
#314585
```
#314585 rgb(49,69,133)
```
#2a418c
```
#2a418c rgb(42,65,140)
```
#233e93
```
#233e93 rgb(35,62,147)
```
#1c3a9a
```
#1c3a9a rgb(28,58,154)
```
#1536a1
```
#1536a1 rgb(21,54,161)
```
#0e33a8
```
#0e33a8 rgb(14,51,168)
```
#072faf
```
#072faf rgb(7,47,175)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#424653 Atypical Achromatopsia 0.001% of the population

Dichromacy

#31508c Protanopia 1% of men
#195389 Deuteranopia 1% of men
#1e595f Tritanopia 0.001% of the population

Trichromacy

#314c89 Protanomaly 1% of men, 0.01% of women
#224e87 Deuteranomaly 6% of men, 0.4% of women
#25516d Tritanomaly 0.01% of the population

#314585 hex color

#314585 Color Information

#314585 Color Conversion

Color Schemes with #314585

Alternatives to #314585

#314585 Preview

Shades and Tints of #314585

Tones of #314585

Color Blindness Simulator