#314287 hex color

In a RGB color space, hex #314287 is composed of 19.2% red, 25.9% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 51.1% magenta, 0% yellow and 47.1% black. It has a hue angle of 228.1 degrees, a saturation of 46.7% and a lightness of 36.1%. #314287 color hex could be obtained by blending #6284ff with #00000f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 26
- B 53
RGB color chart
- C 64
- M 51
- Y 0
- K 47
CMYK color chart

● #314287 color description : Dark moderate blue.

The hexadecimal color #314287 has RGB values of R:49, G:66, B:135 and CMYK values of C:0.64, M:0.51, Y:0, K:0.47. Its decimal value is 3228295.

Hex triplet	314287	`#314287`
RGB Decimal	49, 66, 135	`rgb(49,66,135)`
RGB Percent	19.2, 25.9, 52.9	`rgb(19.2%,25.9%,52.9%)`
CMYK	64, 51, 0, 47
HSL	228.1°, 46.7, 36.1	`hsl(228.1,46.7%,36.1%)`
HSV (or HSB)	228.1°, 63.7, 52.9
Web Safe	333399	`#333399`

CIE-LAB	30.153, 16.351, -40.795
XYZ	7.587, 6.298, 23.736
xyY	0.202, 0.167, 6.298
CIE-LCH	30.153, 43.95, 291.842
CIE-LUV	30.153, -8.894, -55.345
Hunter-Lab	25.096, 10.045, -38.509
Binary	00110001, 01000010, 10000111

#314287
```
#314287 rgb(49,66,135)
```
#877631
```
#877631 rgb(135,118,49)
```

Complementary Color

#316d87
```
#316d87 rgb(49,109,135)
```
#314287
```
#314287 rgb(49,66,135)
```
#4b3187
```
#4b3187 rgb(75,49,135)
```

Analogous Color

#6d8731
```
#6d8731 rgb(109,135,49)
```
#314287
```
#314287 rgb(49,66,135)
```
#874b31
```
#874b31 rgb(135,75,49)
```

Split Complementary Color

#428731
```
#428731 rgb(66,135,49)
```
#314287
```
#314287 rgb(49,66,135)
```
#873142
```
#873142 rgb(135,49,66)
```

Triadic Color

#318776
```
#318776 rgb(49,135,118)
```
#314287
```
#314287 rgb(49,66,135)
```
#873142
```
#873142 rgb(135,49,66)
```
#877631
```
#877631 rgb(135,118,49)
```

Tetradic Color

#1d274f
```
#1d274f rgb(29,39,79)
```
#233062
```
#233062 rgb(35,48,98)
```
#2a3974
```
#2a3974 rgb(42,57,116)
```
#314287
```
#314287 rgb(49,66,135)
```
#384b9a
```
#384b9a rgb(56,75,154)
```
#3f54ac
```
#3f54ac rgb(63,84,172)
```
#485fbd
```
#485fbd rgb(72,95,189)
```

Monochromatic Color

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

#315887
```
#315887 rgb(49,88,135)
```
#315087
```
#315087 rgb(49,80,135)
```
#314987
```
#314987 rgb(49,73,135)
```
#314287
```
#314287 rgb(49,66,135)
```
#313b87
```
#313b87 rgb(49,59,135)
```
#313487
```
#313487 rgb(49,52,135)
```
#363187
```
#363187 rgb(54,49,135)
```

Similar Colors

Text with hexadecimal color #314287

This text has a font color of #314287.

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

#314287 background color

This paragraph has a background color of #314287.

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

#314287 border color

This element has a border color of #314287.

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

CSS codes

.text {color:#314287;}

.background {background-color:#314287;}

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070a14
```
#070a14 rgb(7,10,20)
```
#0c1122
```
#0c1122 rgb(12,17,34)
```
#121831
```
#121831 rgb(18,24,49)
```
#171f3f
```
#171f3f rgb(23,31,63)
```
#1c264d
```
#1c264d rgb(28,38,77)
```
#212d5c
```
#212d5c rgb(33,45,92)
```
#27346a
```
#27346a rgb(39,52,106)
```
#2c3b79
```
#2c3b79 rgb(44,59,121)
```
#314287
```
#314287 rgb(49,66,135)
```
#364995
```
#364995 rgb(54,73,149)
```
#3b50a4
```
#3b50a4 rgb(59,80,164)
```
#4157b2
```
#4157b2 rgb(65,87,178)
```

Shade Color Variation

#4960bd
```
#4960bd rgb(73,96,189)
```
#586dc2
```
#586dc2 rgb(88,109,194)
```
#6679c8
```
#6679c8 rgb(102,121,200)
```
#7586cd
```
#7586cd rgb(117,134,205)
```
#8393d2
```
#8393d2 rgb(131,147,210)
```
#919fd7
```
#919fd7 rgb(145,159,215)
```
#a0acdc
```
#a0acdc rgb(160,172,220)
```
#aeb8e2
```
#aeb8e2 rgb(174,184,226)
```
#bdc5e7
```
#bdc5e7 rgb(189,197,231)
```
#cbd1ec
```
#cbd1ec rgb(203,209,236)
```
#d9def1
```
#d9def1 rgb(217,222,241)
```
#e8ebf7
```
#e8ebf7 rgb(232,235,247)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545764
```
#545764 rgb(84,87,100)
```
#4d536b
```
#4d536b rgb(77,83,107)
```
#464f72
```
#464f72 rgb(70,79,114)
```
#3f4b79
```
#3f4b79 rgb(63,75,121)
```
#384680
```
#384680 rgb(56,70,128)
```
#314287
```
#314287 rgb(49,66,135)
```
#2a3e8e
```
#2a3e8e rgb(42,62,142)
```
#233995
```
#233995 rgb(35,57,149)
```
#1c359c
```
#1c359c rgb(28,53,156)
```
#1531a3
```
#1531a3 rgb(21,49,163)
```
#0e2daa
```
#0e2daa rgb(14,45,170)
```
#0728b1
```
#0728b1 rgb(7,40,177)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#284e8f Protanopia 1% of men
#005188 Deuteranopia 1% of men
#1a575e Tritanopia 0.001% of the population

Trichromacy

#2b498c Protanomaly 1% of men, 0.01% of women
#114c87 Deuteranomaly 6% of men, 0.4% of women
#224f6d Tritanomaly 0.01% of the population

#314287 hex color

#314287 Color Information

#314287 Color Conversion

Color Schemes with #314287

Alternatives to #314287

#314287 Preview

Shades and Tints of #314287

Tones of #314287

Color Blindness Simulator