#314e89 hex color

In a RGB color space, hex #314e89 is composed of 19.2% red, 30.6% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 43.1% magenta, 0% yellow and 46.3% black. It has a hue angle of 220.2 degrees, a saturation of 47.3% and a lightness of 36.5%. #314e89 color hex could be obtained by blending #629cff with #000013. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 31
- B 54
RGB color chart
- C 64
- M 43
- Y 0
- K 46
CMYK color chart

● #314e89 color description : Dark moderate blue.

The hexadecimal color #314e89 has RGB values of R:49, G:78, B:137 and CMYK values of C:0.64, M:0.43, Y:0, K:0.46. Its decimal value is 3231369.

Hex triplet	314e89	`#314e89`
RGB Decimal	49, 78, 137	`rgb(49,78,137)`
RGB Percent	19.2, 30.6, 53.7	`rgb(19.2%,30.6%,53.7%)`
CMYK	64, 43, 0, 46
HSL	220.2°, 47.3, 36.5	`hsl(220.2,47.3%,36.5%)`
HSV (or HSB)	220.2°, 64.2, 53.7
Web Safe	336699	`#336699`

CIE-LAB	33.789, 9.034, -36.205
XYZ	8.505, 7.907, 24.744
xyY	0.207, 0.192, 7.907
CIE-LCH	33.789, 37.315, 284.011
CIE-LUV	33.789, -12.681, -50.464
Hunter-Lab	28.12, 4.78, -32.487
Binary	00110001, 01001110, 10001001

#314e89
```
#314e89 rgb(49,78,137)
```
#896c31
```
#896c31 rgb(137,108,49)
```

Complementary Color

#317a89
```
#317a89 rgb(49,122,137)
```
#314e89
```
#314e89 rgb(49,78,137)
```
#403189
```
#403189 rgb(64,49,137)
```

Analogous Color

#7a8931
```
#7a8931 rgb(122,137,49)
```
#314e89
```
#314e89 rgb(49,78,137)
```
#894031
```
#894031 rgb(137,64,49)
```

Split Complementary Color

#4e8931
```
#4e8931 rgb(78,137,49)
```
#314e89
```
#314e89 rgb(49,78,137)
```
#89314e
```
#89314e rgb(137,49,78)
```

Triadic Color

#31896c
```
#31896c rgb(49,137,108)
```
#314e89
```
#314e89 rgb(49,78,137)
```
#89314e
```
#89314e rgb(137,49,78)
```
#896c31
```
#896c31 rgb(137,108,49)
```

Tetradic Color

#1d2e51
```
#1d2e51 rgb(29,46,81)
```
#243963
```
#243963 rgb(36,57,99)
```
#2a4376
```
#2a4376 rgb(42,67,118)
```
#314e89
```
#314e89 rgb(49,78,137)
```
#38599c
```
#38599c rgb(56,89,156)
```
#3e63af
```
#3e63af rgb(62,99,175)
```
#496fbe
```
#496fbe rgb(73,111,190)
```

Monochromatic Color

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

#316489
```
#316489 rgb(49,100,137)
```
#315d89
```
#315d89 rgb(49,93,137)
```
#315589
```
#315589 rgb(49,85,137)
```
#314e89
```
#314e89 rgb(49,78,137)
```
#314789
```
#314789 rgb(49,71,137)
```
#313f89
```
#313f89 rgb(49,63,137)
```
#313889
```
#313889 rgb(49,56,137)
```

Similar Colors

Text with hexadecimal color #314e89

This text has a font color of #314e89.

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

#314e89 background color

This paragraph has a background color of #314e89.

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

#314e89 border color

This element has a border color of #314e89.

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

CSS codes

.text {color:#314e89;}

.background {background-color:#314e89;}

.border {border:1px solid #314e89;}

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

#020407
```
#020407 rgb(2,4,7)
```
#080c15
```
#080c15 rgb(8,12,21)
```
#0d1424
```
#0d1424 rgb(13,20,36)
```
#121d32
```
#121d32 rgb(18,29,50)
```
#172541
```
#172541 rgb(23,37,65)
```
#1c2d4f
```
#1c2d4f rgb(28,45,79)
```
#21355e
```
#21355e rgb(33,53,94)
```
#273e6c
```
#273e6c rgb(39,62,108)
```
#2c467b
```
#2c467b rgb(44,70,123)
```
#314e89
```
#314e89 rgb(49,78,137)
```
#365697
```
#365697 rgb(54,86,151)
```
#3b5ea6
```
#3b5ea6 rgb(59,94,166)
```
#4167b4
```
#4167b4 rgb(65,103,180)
```

Shade Color Variation

#4a70be
```
#4a70be rgb(74,112,190)
```
#597cc3
```
#597cc3 rgb(89,124,195)
```
#6787c9
```
#6787c9 rgb(103,135,201)
```
#7593ce
```
#7593ce rgb(117,147,206)
```
#849ed3
```
#849ed3 rgb(132,158,211)
```
#92a9d8
```
#92a9d8 rgb(146,169,216)
```
#a1b5dd
```
#a1b5dd rgb(161,181,221)
```
#afc0e2
```
#afc0e2 rgb(175,192,226)
```
#becce8
```
#becce8 rgb(190,204,232)
```
#ccd7ed
```
#ccd7ed rgb(204,215,237)
```
#dbe2f2
```
#dbe2f2 rgb(219,226,242)
```
#e9eef7
```
#e9eef7 rgb(233,238,247)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#5c5d5e
```
#5c5d5e rgb(92,93,94)
```
#555a65
```
#555a65 rgb(85,90,101)
```
#4e586c
```
#4e586c rgb(78,88,108)
```
#465574
```
#465574 rgb(70,85,116)
```
#3f537b
```
#3f537b rgb(63,83,123)
```
#385082
```
#385082 rgb(56,80,130)
```
#314e89
```
#314e89 rgb(49,78,137)
```
#2a4c90
```
#2a4c90 rgb(42,76,144)
```
#234997
```
#234997 rgb(35,73,151)
```
#1c479e
```
#1c479e rgb(28,71,158)
```
#1444a6
```
#1444a6 rgb(20,68,166)
```
#0d42ad
```
#0d42ad rgb(13,66,173)
```
#063fb4
```
#063fb4 rgb(6,63,180)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#474c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e568e Protanopia 1% of men
#2e598e Deuteranopia 1% of men
#206067 Tritanopia 0.001% of the population

Trichromacy

#39538c Protanomaly 1% of men, 0.01% of women
#2f558c Deuteranomaly 6% of men, 0.4% of women
#265973 Tritanomaly 0.01% of the population

#314e89 hex color

#314e89 Color Information

#314e89 Color Conversion

Color Schemes with #314e89

Alternatives to #314e89

#314e89 Preview

Shades and Tints of #314e89

Tones of #314e89

Color Blindness Simulator