#314187 hex color

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

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

● #314187 color description : Dark moderate blue.

The hexadecimal color #314187 has RGB values of R:49, G:65, B:135 and CMYK values of C:0.64, M:0.52, Y:0, K:0.47. Its decimal value is 3228039.

Hex triplet	314187	`#314187`
RGB Decimal	49, 65, 135	`rgb(49,65,135)`
RGB Percent	19.2, 25.5, 52.9	`rgb(19.2%,25.5%,52.9%)`
CMYK	64, 52, 0, 47
HSL	228.8°, 46.7, 36.1	`hsl(228.8,46.7%,36.1%)`
HSV (or HSB)	228.8°, 63.7, 52.9
Web Safe	333399	`#333399`

CIE-LAB	29.868, 17.029, -41.253
XYZ	7.529, 6.182, 23.717
xyY	0.201, 0.165, 6.182
CIE-LCH	29.868, 44.63, 292.431
CIE-LUV	29.868, -8.599, -55.81
Hunter-Lab	24.864, 10.538, -39.148
Binary	00110001, 01000001, 10000111

#314187
```
#314187 rgb(49,65,135)
```
#877731
```
#877731 rgb(135,119,49)
```

Complementary Color

#316c87
```
#316c87 rgb(49,108,135)
```
#314187
```
#314187 rgb(49,65,135)
```
#4c3187
```
#4c3187 rgb(76,49,135)
```

Analogous Color

#6c8731
```
#6c8731 rgb(108,135,49)
```
#314187
```
#314187 rgb(49,65,135)
```
#874c31
```
#874c31 rgb(135,76,49)
```

Split Complementary Color

#418731
```
#418731 rgb(65,135,49)
```
#314187
```
#314187 rgb(49,65,135)
```
#873141
```
#873141 rgb(135,49,65)
```

Triadic Color

#318777
```
#318777 rgb(49,135,119)
```
#314187
```
#314187 rgb(49,65,135)
```
#873141
```
#873141 rgb(135,49,65)
```
#877731
```
#877731 rgb(135,119,49)
```

Tetradic Color

#1d264f
```
#1d264f rgb(29,38,79)
```
#232f62
```
#232f62 rgb(35,47,98)
```
#2a3874
```
#2a3874 rgb(42,56,116)
```
#314187
```
#314187 rgb(49,65,135)
```
#384a9a
```
#384a9a rgb(56,74,154)
```
#3f53ac
```
#3f53ac rgb(63,83,172)
```
#485ebd
```
#485ebd rgb(72,94,189)
```

Monochromatic Color

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

#315687
```
#315687 rgb(49,86,135)
```
#314f87
```
#314f87 rgb(49,79,135)
```
#314887
```
#314887 rgb(49,72,135)
```
#314187
```
#314187 rgb(49,65,135)
```
#313a87
```
#313a87 rgb(49,58,135)
```
#313387
```
#313387 rgb(49,51,135)
```
#373187
```
#373187 rgb(55,49,135)
```

Similar Colors

Text with hexadecimal color #314187

This text has a font color of #314187.

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

#314187 background color

This paragraph has a background color of #314187.

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

#314187 border color

This element has a border color of #314187.

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

CSS codes

.text {color:#314187;}

.background {background-color:#314187;}

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

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)
```
#0c1022
```
#0c1022 rgb(12,16,34)
```
#121731
```
#121731 rgb(18,23,49)
```
#171e3f
```
#171e3f rgb(23,30,63)
```
#1c254d
```
#1c254d rgb(28,37,77)
```
#212c5c
```
#212c5c rgb(33,44,92)
```
#27336a
```
#27336a rgb(39,51,106)
```
#2c3a79
```
#2c3a79 rgb(44,58,121)
```
#314187
```
#314187 rgb(49,65,135)
```
#364895
```
#364895 rgb(54,72,149)
```
#3b4fa4
```
#3b4fa4 rgb(59,79,164)
```
#4156b2
```
#4156b2 rgb(65,86,178)
```

Shade Color Variation

#495fbd
```
#495fbd rgb(73,95,189)
```
#586cc2
```
#586cc2 rgb(88,108,194)
```
#6678c8
```
#6678c8 rgb(102,120,200)
```
#7585cd
```
#7585cd rgb(117,133,205)
```
#8392d2
```
#8392d2 rgb(131,146,210)
```
#919ed7
```
#919ed7 rgb(145,158,215)
```
#a0abdc
```
#a0abdc rgb(160,171,220)
```
#aeb8e2
```
#aeb8e2 rgb(174,184,226)
```
#bdc4e7
```
#bdc4e7 rgb(189,196,231)
```
#cbd1ec
```
#cbd1ec rgb(203,209,236)
```
#d9def1
```
#d9def1 rgb(217,222,241)
```
#e8eaf7
```
#e8eaf7 rgb(232,234,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 #0726b1 is the most saturated one.

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545764
```
#545764 rgb(84,87,100)
```
#4d536b
```
#4d536b rgb(77,83,107)
```
#464e72
```
#464e72 rgb(70,78,114)
```
#3f4a79
```
#3f4a79 rgb(63,74,121)
```
#384580
```
#384580 rgb(56,69,128)
```
#314187
```
#314187 rgb(49,65,135)
```
#2a3d8e
```
#2a3d8e rgb(42,61,142)
```
#233895
```
#233895 rgb(35,56,149)
```
#1c349c
```
#1c349c rgb(28,52,156)
```
#152fa3
```
#152fa3 rgb(21,47,163)
```
#0e2baa
```
#0e2baa rgb(14,43,170)
```
#0726b1
```
#0726b1 rgb(7,38,177)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#404351 Atypical Achromatopsia 0.001% of the population

Dichromacy

#254d8f Protanopia 1% of men
#005187 Deuteranopia 1% of men
#19575d Tritanopia 0.001% of the population

Trichromacy

#29498c Protanomaly 1% of men, 0.01% of women
#114b87 Deuteranomaly 6% of men, 0.4% of women
#224f6c Tritanomaly 0.01% of the population

#314187 hex color

#314187 Color Information

#314187 Color Conversion

Color Schemes with #314187

Alternatives to #314187

#314187 Preview

Shades and Tints of #314187

Tones of #314187

Color Blindness Simulator