#314271 hex color

In a RGB color space, hex #314271 is composed of 19.2% red, 25.9% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 41.6% magenta, 0% yellow and 55.7% black. It has a hue angle of 224.1 degrees, a saturation of 39.5% and a lightness of 31.8%. #314271 color hex could be obtained by blending #6284e2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 26
- B 44
RGB color chart
- C 57
- M 42
- Y 0
- K 56
CMYK color chart

● #314271 color description : Very dark desaturated blue.

The hexadecimal color #314271 has RGB values of R:49, G:66, B:113 and CMYK values of C:0.57, M:0.42, Y:0, K:0.56. Its decimal value is 3228273.

Hex triplet	314271	`#314271`
RGB Decimal	49, 66, 113	`rgb(49,66,113)`
RGB Percent	19.2, 25.9, 44.3	`rgb(19.2%,25.9%,44.3%)`
CMYK	57, 42, 0, 56
HSL	224.1°, 39.5, 31.8	`hsl(224.1,39.5%,31.8%)`
HSV (or HSB)	224.1°, 56.6, 44.3
Web Safe	333366	`#333366`

CIE-LAB	28.75, 8.329, -29.264
XYZ	6.195, 5.741, 16.404
xyY	0.219, 0.203, 5.741
CIE-LCH	28.75, 30.426, 285.887
CIE-LUV	28.75, -8.504, -38.582
Hunter-Lab	23.961, 4.217, -23.817
Binary	00110001, 01000010, 01110001

#314271
```
#314271 rgb(49,66,113)
```
#716031
```
#716031 rgb(113,96,49)
```

Complementary Color

#316271
```
#316271 rgb(49,98,113)
```
#314271
```
#314271 rgb(49,66,113)
```
#403171
```
#403171 rgb(64,49,113)
```

Analogous Color

#627131
```
#627131 rgb(98,113,49)
```
#314271
```
#314271 rgb(49,66,113)
```
#714031
```
#714031 rgb(113,64,49)
```

Split Complementary Color

#427131
```
#427131 rgb(66,113,49)
```
#314271
```
#314271 rgb(49,66,113)
```
#713142
```
#713142 rgb(113,49,66)
```

Triadic Color

#317160
```
#317160 rgb(49,113,96)
```
#314271
```
#314271 rgb(49,66,113)
```
#713142
```
#713142 rgb(113,49,66)
```
#716031
```
#716031 rgb(113,96,49)
```

Tetradic Color

#1a233c
```
#1a233c rgb(26,35,60)
```
#222d4d
```
#222d4d rgb(34,45,77)
```
#29385f
```
#29385f rgb(41,56,95)
```
#314271
```
#314271 rgb(49,66,113)
```
#394c83
```
#394c83 rgb(57,76,131)
```
#405795
```
#405795 rgb(64,87,149)
```
#4861a6
```
#4861a6 rgb(72,97,166)
```

Monochromatic Color

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

#315271
```
#315271 rgb(49,82,113)
```
#314d71
```
#314d71 rgb(49,77,113)
```
#314771
```
#314771 rgb(49,71,113)
```
#314271
```
#314271 rgb(49,66,113)
```
#313d71
```
#313d71 rgb(49,61,113)
```
#313771
```
#313771 rgb(49,55,113)
```
#313271
```
#313271 rgb(49,50,113)
```

Similar Colors

Text with hexadecimal color #314271

This text has a font color of #314271.

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

#314271 background color

This paragraph has a background color of #314271.

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

#314271 border color

This element has a border color of #314271.

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

CSS codes

.text {color:#314271;}

.background {background-color:#314271;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#070a11
```
#070a11 rgb(7,10,17)
```
#0d121f
```
#0d121f rgb(13,18,31)
```
#131a2d
```
#131a2d rgb(19,26,45)
```
#19223a
```
#19223a rgb(25,34,58)
```
#1f2a48
```
#1f2a48 rgb(31,42,72)
```
#253256
```
#253256 rgb(37,50,86)
```
#2b3a63
```
#2b3a63 rgb(43,58,99)
```
#314271
```
#314271 rgb(49,66,113)
```
#374a7f
```
#374a7f rgb(55,74,127)
```
#3d528c
```
#3d528c rgb(61,82,140)
```
#435a9a
```
#435a9a rgb(67,90,154)
```
#4962a8
```
#4962a8 rgb(73,98,168)
```

Shade Color Variation

#516bb3
```
#516bb3 rgb(81,107,179)
```
#5e77b9
```
#5e77b9 rgb(94,119,185)
```
#6c82bf
```
#6c82bf rgb(108,130,191)
```
#7a8ec5
```
#7a8ec5 rgb(122,142,197)
```
#8799cb
```
#8799cb rgb(135,153,203)
```
#95a5d1
```
#95a5d1 rgb(149,165,209)
```
#a3b1d7
```
#a3b1d7 rgb(163,177,215)
```
#b0bcdd
```
#b0bcdd rgb(176,188,221)
```
#bec8e3
```
#bec8e3 rgb(190,200,227)
```
#ccd4e9
```
#ccd4e9 rgb(204,212,233)
```
#d9dfef
```
#d9dfef rgb(217,223,239)
```
#e7ebf5
```
#e7ebf5 rgb(231,235,245)
```
#f5f6fb
```
#f5f6fb rgb(245,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #505152 is the less saturated color, while #052e9d is the most saturated one.

#505152
```
#505152 rgb(80,81,82)
```
#4a4e58
```
#4a4e58 rgb(74,78,88)
```
#444b5e
```
#444b5e rgb(68,75,94)
```
#3d4865
```
#3d4865 rgb(61,72,101)
```
#37456b
```
#37456b rgb(55,69,107)
```
#314271
```
#314271 rgb(49,66,113)
```
#2b3f77
```
#2b3f77 rgb(43,63,119)
```
#253c7d
```
#253c7d rgb(37,60,125)
```
#1e3984
```
#1e3984 rgb(30,57,132)
```
#18368a
```
#18368a rgb(24,54,138)
```
#123390
```
#123390 rgb(18,51,144)
```
#0c3096
```
#0c3096 rgb(12,48,150)
```
#052e9d
```
#052e9d rgb(5,46,157)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3f424b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4c78 Protanopia 1% of men
#324d77 Deuteranopia 1% of men
#2d5259 Tritanopia 0.001% of the population

Trichromacy

#364875 Protanomaly 1% of men, 0.01% of women
#314975 Deuteranomaly 6% of men, 0.4% of women
#2e4c61 Tritanomaly 0.01% of the population

#314271 hex color

#314271 Color Information

#314271 Color Conversion

Color Schemes with #314271

Alternatives to #314271

#314271 Preview

Shades and Tints of #314271

Tones of #314271

Color Blindness Simulator