#313774 hex color

In a RGB color space, hex #313774 is composed of 19.2% red, 21.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 52.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 234.6 degrees, a saturation of 40.6% and a lightness of 32.4%. #313774 color hex could be obtained by blending #626ee8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 22
- B 45
RGB color chart
- C 58
- M 53
- Y 0
- K 55
CMYK color chart

● #313774 color description : Dark moderate blue.

The hexadecimal color #313774 has RGB values of R:49, G:55, B:116 and CMYK values of C:0.58, M:0.53, Y:0, K:0.55. Its decimal value is 3225460.

Hex triplet	313774	`#313774`
RGB Decimal	49, 55, 116	`rgb(49,55,116)`
RGB Percent	19.2, 21.6, 45.5	`rgb(19.2%,21.6%,45.5%)`
CMYK	58, 53, 0, 55
HSL	234.6°, 40.6, 32.4	`hsl(234.6,40.6%,32.4%)`
HSV (or HSB)	234.6°, 57.8, 45.5
Web Safe	333366	`#333366`

CIE-LAB	25.702, 16.926, -36.035
XYZ	5.785, 4.646, 17.114
xyY	0.21, 0.169, 4.646
CIE-LCH	25.702, 39.812, 295.16
CIE-LUV	25.702, -5.141, -46.314
Hunter-Lab	21.555, 10.183, -31.987
Binary	00110001, 00110111, 01110100

#313774
```
#313774 rgb(49,55,116)
```
#746e31
```
#746e31 rgb(116,110,49)
```

Complementary Color

#315874
```
#315874 rgb(49,88,116)
```
#313774
```
#313774 rgb(49,55,116)
```
#4d3174
```
#4d3174 rgb(77,49,116)
```

Analogous Color

#597431
```
#597431 rgb(89,116,49)
```
#313774
```
#313774 rgb(49,55,116)
```
#744d31
```
#744d31 rgb(116,77,49)
```

Split Complementary Color

#377431
```
#377431 rgb(55,116,49)
```
#313774
```
#313774 rgb(49,55,116)
```
#743137
```
#743137 rgb(116,49,55)
```

Triadic Color

#31746e
```
#31746e rgb(49,116,110)
```
#313774
```
#313774 rgb(49,55,116)
```
#743137
```
#743137 rgb(116,49,55)
```
#746e31
```
#746e31 rgb(116,110,49)
```

Tetradic Color

#1a1e3e
```
#1a1e3e rgb(26,30,62)
```
#222650
```
#222650 rgb(34,38,80)
```
#292f62
```
#292f62 rgb(41,47,98)
```
#313774
```
#313774 rgb(49,55,116)
```
#394086
```
#394086 rgb(57,64,134)
```
#404898
```
#404898 rgb(64,72,152)
```
#4851aa
```
#4851aa rgb(72,81,170)
```

Monochromatic Color

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

#314874
```
#314874 rgb(49,72,116)
```
#314274
```
#314274 rgb(49,66,116)
```
#313d74
```
#313d74 rgb(49,61,116)
```
#313774
```
#313774 rgb(49,55,116)
```
#313174
```
#313174 rgb(49,49,116)
```
#363174
```
#363174 rgb(54,49,116)
```
#3c3174
```
#3c3174 rgb(60,49,116)
```

Similar Colors

Text with hexadecimal color #313774

This text has a font color of #313774.

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

#313774 background color

This paragraph has a background color of #313774.

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

#313774 border color

This element has a border color of #313774.

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

CSS codes

.text {color:#313774;}

.background {background-color:#313774;}

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

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

#020306
```
#020306 rgb(2,3,6)
```
#080913
```
#080913 rgb(8,9,19)
```
#0e1021
```
#0e1021 rgb(14,16,33)
```
#14162f
```
#14162f rgb(20,22,47)
```
#1a1d3d
```
#1a1d3d rgb(26,29,61)
```
#20234b
```
#20234b rgb(32,35,75)
```
#252a58
```
#252a58 rgb(37,42,88)
```
#2b3066
```
#2b3066 rgb(43,48,102)
```
#313774
```
#313774 rgb(49,55,116)
```
#373e82
```
#373e82 rgb(55,62,130)
```
#3d4490
```
#3d4490 rgb(61,68,144)
```
#424b9d
```
#424b9d rgb(66,75,157)
```
#4851ab
```
#4851ab rgb(72,81,171)
```

Shade Color Variation

#515ab6
```
#515ab6 rgb(81,90,182)
```
#5f67bb
```
#5f67bb rgb(95,103,187)
```
#6d75c1
```
#6d75c1 rgb(109,117,193)
```
#7b82c7
```
#7b82c7 rgb(123,130,199)
```
#898fcd
```
#898fcd rgb(137,143,205)
```
#969cd3
```
#969cd3 rgb(150,156,211)
```
#a4a9d9
```
#a4a9d9 rgb(164,169,217)
```
#b2b6de
```
#b2b6de rgb(178,182,222)
```
#c0c3e4
```
#c0c3e4 rgb(192,195,228)
```
#ced0ea
```
#ced0ea rgb(206,208,234)
```
#dbddf0
```
#dbddf0 rgb(219,221,240)
```
#e9eaf6
```
#e9eaf6 rgb(233,234,246)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#515154
```
#515154 rgb(81,81,84)
```
#4a4c5b
```
#4a4c5b rgb(74,76,91)
```
#444761
```
#444761 rgb(68,71,97)
```
#3e4167
```
#3e4167 rgb(62,65,103)
```
#373c6e
```
#373c6e rgb(55,60,110)
```
#313774
```
#313774 rgb(49,55,116)
```
#2b327a
```
#2b327a rgb(43,50,122)
```
#242d81
```
#242d81 rgb(36,45,129)
```
#1e2787
```
#1e2787 rgb(30,39,135)
```
#18228d
```
#18228d rgb(24,34,141)
```
#111d94
```
#111d94 rgb(17,29,148)
```
#0b189a
```
#0b189a rgb(11,24,154)
```
#0513a0
```
#0513a0 rgb(5,19,160)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3b47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#23457e Protanopia 1% of men
#034878 Deuteranopia 1% of men
#274c51 Tritanopia 0.001% of the population

Trichromacy

#283f7a Protanomaly 1% of men, 0.01% of women
#134176 Deuteranomaly 6% of men, 0.4% of women
#2b445e Tritanomaly 0.01% of the population

#313774 hex color

#313774 Color Information

#313774 Color Conversion

Color Schemes with #313774

Alternatives to #313774

#313774 Preview

Shades and Tints of #313774

Tones of #313774

Color Blindness Simulator