#314d8a hex color

In a RGB color space, hex #314d8a is composed of 19.2% red, 30.2% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 44.2% magenta, 0% yellow and 45.9% black. It has a hue angle of 221.1 degrees, a saturation of 47.6% and a lightness of 36.7%. #314d8a color hex could be obtained by blending #629aff with #000015. Closest websafe color is: #336699.

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

● #314d8a color description : Dark moderate blue.

The hexadecimal color #314d8a has RGB values of R:49, G:77, B:138 and CMYK values of C:0.64, M:0.44, Y:0, K:0.46. Its decimal value is 3231114.

Hex triplet	314d8a	`#314d8a`
RGB Decimal	49, 77, 138	`rgb(49,77,138)`
RGB Percent	19.2, 30.2, 54.1	`rgb(19.2%,30.2%,54.1%)`
CMYK	64, 44, 0, 46
HSL	221.1°, 47.6, 36.7	`hsl(221.1,47.6%,36.7%)`
HSV (or HSB)	221.1°, 64.5, 54.1
Web Safe	336699	`#336699`

CIE-LAB	33.553, 10.068, -37.195
XYZ	8.507, 7.795, 25.1
xyY	0.205, 0.188, 7.795
CIE-LCH	33.553, 38.534, 285.145
CIE-LUV	33.553, -12.354, -51.834
Hunter-Lab	27.92, 5.528, -33.757
Binary	00110001, 01001101, 10001010

#314d8a
```
#314d8a rgb(49,77,138)
```
#8a6e31
```
#8a6e31 rgb(138,110,49)
```

Complementary Color

#317a8a
```
#317a8a rgb(49,122,138)
```
#314d8a
```
#314d8a rgb(49,77,138)
```
#42318a
```
#42318a rgb(66,49,138)
```

Analogous Color

#7a8a31
```
#7a8a31 rgb(122,138,49)
```
#314d8a
```
#314d8a rgb(49,77,138)
```
#8a4231
```
#8a4231 rgb(138,66,49)
```

Split Complementary Color

#4d8a31
```
#4d8a31 rgb(77,138,49)
```
#314d8a
```
#314d8a rgb(49,77,138)
```
#8a314d
```
#8a314d rgb(138,49,77)
```

Triadic Color

#318a6e
```
#318a6e rgb(49,138,110)
```
#314d8a
```
#314d8a rgb(49,77,138)
```
#8a314d
```
#8a314d rgb(138,49,77)
```
#8a6e31
```
#8a6e31 rgb(138,110,49)
```

Tetradic Color

#1d2e52
```
#1d2e52 rgb(29,46,82)
```
#243864
```
#243864 rgb(36,56,100)
```
#2a4377
```
#2a4377 rgb(42,67,119)
```
#314d8a
```
#314d8a rgb(49,77,138)
```
#38589d
```
#38589d rgb(56,88,157)
```
#3e62b0
```
#3e62b0 rgb(62,98,176)
```
#496ebe
```
#496ebe rgb(73,110,190)
```

Monochromatic Color

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

#31638a
```
#31638a rgb(49,99,138)
```
#315c8a
```
#315c8a rgb(49,92,138)
```
#31548a
```
#31548a rgb(49,84,138)
```
#314d8a
```
#314d8a rgb(49,77,138)
```
#31468a
```
#31468a rgb(49,70,138)
```
#313e8a
```
#313e8a rgb(49,62,138)
```
#31378a
```
#31378a rgb(49,55,138)
```

Similar Colors

Text with hexadecimal color #314d8a

This text has a font color of #314d8a.

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

#314d8a background color

This paragraph has a background color of #314d8a.

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

#314d8a border color

This element has a border color of #314d8a.

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

CSS codes

.text {color:#314d8a;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#080c16
```
#080c16 rgb(8,12,22)
```
#0d1425
```
#0d1425 rgb(13,20,37)
```
#121d33
```
#121d33 rgb(18,29,51)
```
#172542
```
#172542 rgb(23,37,66)
```
#1c2d50
```
#1c2d50 rgb(28,45,80)
```
#22355f
```
#22355f rgb(34,53,95)
```
#273d6d
```
#273d6d rgb(39,61,109)
```
#2c457c
```
#2c457c rgb(44,69,124)
```
#314d8a
```
#314d8a rgb(49,77,138)
```
#365598
```
#365598 rgb(54,85,152)
```
#3b5da7
```
#3b5da7 rgb(59,93,167)
```
#4065b5
```
#4065b5 rgb(64,101,181)
```

Shade Color Variation

#4b6fbf
```
#4b6fbf rgb(75,111,191)
```
#597bc4
```
#597bc4 rgb(89,123,196)
```
#6786c9
```
#6786c9 rgb(103,134,201)
```
#7692ce
```
#7692ce rgb(118,146,206)
```
#849dd3
```
#849dd3 rgb(132,157,211)
```
#93a9d9
```
#93a9d9 rgb(147,169,217)
```
#a1b4de
```
#a1b4de rgb(161,180,222)
```
#b0c0e3
```
#b0c0e3 rgb(176,192,227)
```
#becbe8
```
#becbe8 rgb(190,203,232)
```
#cdd7ed
```
#cdd7ed rgb(205,215,237)
```
#dbe3f2
```
#dbe3f2 rgb(219,227,242)
```
#eaeef7
```
#eaeef7 rgb(234,238,247)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#5c5d5f
```
#5c5d5f rgb(92,93,95)
```
#555a66
```
#555a66 rgb(85,90,102)
```
#4e586d
```
#4e586d rgb(78,88,109)
```
#475574
```
#475574 rgb(71,85,116)
```
#3f527c
```
#3f527c rgb(63,82,124)
```
#385083
```
#385083 rgb(56,80,131)
```
#314d8a
```
#314d8a rgb(49,77,138)
```
#2a4a91
```
#2a4a91 rgb(42,74,145)
```
#234898
```
#234898 rgb(35,72,152)
```
#1b45a0
```
#1b45a0 rgb(27,69,160)
```
#1442a7
```
#1442a7 rgb(20,66,167)
```
#0d40ae
```
#0d40ae rgb(13,64,174)
```
#063db5
```
#063db5 rgb(6,61,181)
```

Tone Color Variation

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

#3c5690 Protanopia 1% of men
#2a588e Deuteranopia 1% of men
#1e5f66 Tritanopia 0.001% of the population

Trichromacy

#38528d Protanomaly 1% of men, 0.01% of women
#2c548d Deuteranomaly 6% of men, 0.4% of women
#255973 Tritanomaly 0.01% of the population

#314d8a hex color

#314d8a Color Information

#314d8a Color Conversion

Color Schemes with #314d8a

Alternatives to #314d8a

#314d8a Preview

Shades and Tints of #314d8a

Tones of #314d8a

Color Blindness Simulator