#313a7b hex color

In a RGB color space, hex #313a7b is composed of 19.2% red, 22.7% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 52.8% magenta, 0% yellow and 51.8% black. It has a hue angle of 232.7 degrees, a saturation of 43% and a lightness of 33.7%. #313a7b color hex could be obtained by blending #6274f6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 23
- B 48
RGB color chart
- C 60
- M 53
- Y 0
- K 52
CMYK color chart

● #313a7b color description : Dark moderate blue.

The hexadecimal color #313a7b has RGB values of R:49, G:58, B:123 and CMYK values of C:0.6, M:0.53, Y:0, K:0.52. Its decimal value is 3226235.

Hex triplet	313a7b	`#313a7b`
RGB Decimal	49, 58, 123	`rgb(49,58,123)`
RGB Percent	19.2, 22.7, 48.2	`rgb(19.2%,22.7%,48.2%)`
CMYK	60, 53, 0, 52
HSL	232.7°, 43, 33.7	`hsl(232.7,43%,33.7%)`
HSV (or HSB)	232.7°, 60.2, 48.2
Web Safe	333366	`#333366`

CIE-LAB	27.043, 17.399, -38.308
XYZ	6.354, 5.109, 19.389
xyY	0.206, 0.166, 5.109
CIE-LCH	27.043, 42.075, 294.427
CIE-LUV	27.043, -6.25, -50.13
Hunter-Lab	22.603, 10.625, -35.038
Binary	00110001, 00111010, 01111011

#313a7b
```
#313a7b rgb(49,58,123)
```
#7b7231
```
#7b7231 rgb(123,114,49)
```

Complementary Color

#315f7b
```
#315f7b rgb(49,95,123)
```
#313a7b
```
#313a7b rgb(49,58,123)
```
#4d317b
```
#4d317b rgb(77,49,123)
```

Analogous Color

#5f7b31
```
#5f7b31 rgb(95,123,49)
```
#313a7b
```
#313a7b rgb(49,58,123)
```
#7b4d31
```
#7b4d31 rgb(123,77,49)
```

Split Complementary Color

#3a7b31
```
#3a7b31 rgb(58,123,49)
```
#313a7b
```
#313a7b rgb(49,58,123)
```
#7b313a
```
#7b313a rgb(123,49,58)
```

Triadic Color

#317b72
```
#317b72 rgb(49,123,114)
```
#313a7b
```
#313a7b rgb(49,58,123)
```
#7b313a
```
#7b313a rgb(123,49,58)
```
#7b7231
```
#7b7231 rgb(123,114,49)
```

Tetradic Color

#1b2044
```
#1b2044 rgb(27,32,68)
```
#222957
```
#222957 rgb(34,41,87)
```
#2a3169
```
#2a3169 rgb(42,49,105)
```
#313a7b
```
#313a7b rgb(49,58,123)
```
#38438d
```
#38438d rgb(56,67,141)
```
#404b9f
```
#404b9f rgb(64,75,159)
```
#4754b2
```
#4754b2 rgb(71,84,178)
```

Monochromatic Color

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

#314d7b
```
#314d7b rgb(49,77,123)
```
#31467b
```
#31467b rgb(49,70,123)
```
#31407b
```
#31407b rgb(49,64,123)
```
#313a7b
```
#313a7b rgb(49,58,123)
```
#31347b
```
#31347b rgb(49,52,123)
```
#34317b
```
#34317b rgb(52,49,123)
```
#3b317b
```
#3b317b rgb(59,49,123)
```

Similar Colors

Text with hexadecimal color #313a7b

This text has a font color of #313a7b.

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

#313a7b background color

This paragraph has a background color of #313a7b.

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

#313a7b border color

This element has a border color of #313a7b.

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

CSS codes

.text {color:#313a7b;}

.background {background-color:#313a7b;}

.border {border:1px solid #313a7b;}

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, #04050b is the darkest color, while #fcfcfe is the lightest one.

#04050b
```
#04050b rgb(4,5,11)
```
#0a0c19
```
#0a0c19 rgb(10,12,25)
```
#0f1227
```
#0f1227 rgb(15,18,39)
```
#151935
```
#151935 rgb(21,25,53)
```
#1b2043
```
#1b2043 rgb(27,32,67)
```
#202651
```
#202651 rgb(32,38,81)
```
#262d5f
```
#262d5f rgb(38,45,95)
```
#2b336d
```
#2b336d rgb(43,51,109)
```
#313a7b
```
#313a7b rgb(49,58,123)
```
#374189
```
#374189 rgb(55,65,137)
```
#3c4797
```
#3c4797 rgb(60,71,151)
```
#424ea5
```
#424ea5 rgb(66,78,165)
```
#4754b3
```
#4754b3 rgb(71,84,179)
```

Shade Color Variation

#5360bb
```
#5360bb rgb(83,96,187)
```
#616dc0
```
#616dc0 rgb(97,109,192)
```
#6f7ac6
```
#6f7ac6 rgb(111,122,198)
```
#7e87cb
```
#7e87cb rgb(126,135,203)
```
#8c94d1
```
#8c94d1 rgb(140,148,209)
```
#9aa1d7
```
#9aa1d7 rgb(154,161,215)
```
#a8aedc
```
#a8aedc rgb(168,174,220)
```
#b6bbe2
```
#b6bbe2 rgb(182,187,226)
```
#c4c8e7
```
#c4c8e7 rgb(196,200,231)
```
#d2d5ed
```
#d2d5ed rgb(210,213,237)
```
#e0e2f3
```
#e0e2f3 rgb(224,226,243)
```
#eeeff8
```
#eeeff8 rgb(238,239,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52535a is the less saturated color, while #0317a9 is the most saturated one.

#52535a
```
#52535a rgb(82,83,90)
```
#4b4e61
```
#4b4e61 rgb(75,78,97)
```
#454967
```
#454967 rgb(69,73,103)
```
#3e446e
```
#3e446e rgb(62,68,110)
```
#383f74
```
#383f74 rgb(56,63,116)
```
#313a7b
```
#313a7b rgb(49,58,123)
```
#2a3582
```
#2a3582 rgb(42,53,130)
```
#243088
```
#243088 rgb(36,48,136)
```
#1d2b8f
```
#1d2b8f rgb(29,43,143)
```
#172695
```
#172695 rgb(23,38,149)
```
#10219c
```
#10219c rgb(16,33,156)
```
#091ca3
```
#091ca3 rgb(9,28,163)
```
#0317a9
```
#0317a9 rgb(3,23,169)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c3e4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#224785 Protanopia 1% of men
#004b7c Deuteranopia 1% of men
#234f55 Tritanopia 0.001% of the population

Trichromacy

#274281 Protanomaly 1% of men, 0.01% of women
#11447c Deuteranomaly 6% of men, 0.4% of women
#284763 Tritanomaly 0.01% of the population

#313a7b hex color

#313a7b Color Information

#313a7b Color Conversion

Color Schemes with #313a7b

Alternatives to #313a7b

#313a7b Preview

Shades and Tints of #313a7b

Tones of #313a7b

Color Blindness Simulator