colorhexa.com

#313154 hex color

In a RGB color space, hex #313154 is composed of 19.2% red, 19.2% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 41.7% magenta, 0% yellow and 67.1% black. It has a hue angle of 240 degrees, a saturation of 26.3% and a lightness of 26.1%. #313154 color hex could be obtained by blending #6262a8 with #000000. Closest websafe color is: #333366.

- R 19
- G 19
- B 33
RGB color chart
- C 42
- M 42
- Y 0
- K 67
CMYK color chart

● #313154 color description : Very dark desaturated blue.

The hexadecimal color #313154 has RGB values of R:49, G:49, B:84 and CMYK values of C:0.42, M:0.42, Y:0, K:0.67. Its decimal value is 3223892.

Hex triplet	313154	`#313154`
RGB Decimal	49, 49, 84	`rgb(49,49,84)`
RGB Percent	19.2, 19.2, 32.9	`rgb(19.2%,19.2%,32.9%)`
CMYK	42, 42, 0, 67
HSL	240°, 26.3, 26.1	`hsl(240,26.3%,26.1%)`
HSV (or HSB)	240°, 41.7, 32.9
Web Safe	333366	`#333366`

CIE-LAB	21.907, 10.016, -21.284
XYZ	3.965, 3.49, 8.852
xyY	0.243, 0.214, 3.49
CIE-LCH	21.907, 23.522, 295.201
CIE-LUV	21.907, -1.836, -25.438
Hunter-Lab	18.68, 5.195, -15.018
Binary	00110001, 00110001, 01010100

#313154
```
#313154 rgb(49,49,84)
```
#545431
```
#545431 rgb(84,84,49)
```

Complementary Color

#314354
```
#314354 rgb(49,67,84)
```
#313154
```
#313154 rgb(49,49,84)
```
#433154
```
#433154 rgb(67,49,84)
```

Analogous Color

#435431
```
#435431 rgb(67,84,49)
```
#313154
```
#313154 rgb(49,49,84)
```
#544331
```
#544331 rgb(84,67,49)
```

Split Complementary Color

#151524
```
#151524 rgb(21,21,36)
```
#1e1e34
```
#1e1e34 rgb(30,30,52)
```
#282844
```
#282844 rgb(40,40,68)
```
#313154
```
#313154 rgb(49,49,84)
```
#3a3a64
```
#3a3a64 rgb(58,58,100)
```
#444474
```
#444474 rgb(68,68,116)
```
#4d4d84
```
#4d4d84 rgb(77,77,132)
```

Monochromatic Color

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

#313a54
```
#313a54 rgb(49,58,84)
```
#313754
```
#313754 rgb(49,55,84)
```
#313454
```
#313454 rgb(49,52,84)
```
#313154
```
#313154 rgb(49,49,84)
```
#343154
```
#343154 rgb(52,49,84)
```
#373154
```
#373154 rgb(55,49,84)
```
#3a3154
```
#3a3154 rgb(58,49,84)
```

Similar Colors

Text with hexadecimal color #313154

This text has a font color of #313154.

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

#313154 background color

This paragraph has a background color of #313154.

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

#313154 border color

This element has a border color of #313154.

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

CSS codes

.text {color:#313154;}

.background {background-color:#313154;}

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

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, #06060a is the darkest color, while #fcfcfd is the lightest one.

#06060a
```
#06060a rgb(6,6,10)
```
#0d0d16
```
#0d0d16 rgb(13,13,22)
```
#141422
```
#141422 rgb(20,20,34)
```
#1b1b2f
```
#1b1b2f rgb(27,27,47)
```
#23233b
```
#23233b rgb(35,35,59)
```
#2a2a48
```
#2a2a48 rgb(42,42,72)
```
#313154
```
#313154 rgb(49,49,84)
```
#383860
```
#383860 rgb(56,56,96)
```
#3f3f6d
```
#3f3f6d rgb(63,63,109)
```
#474779
```
#474779 rgb(71,71,121)
```
#4e4e86
```
#4e4e86 rgb(78,78,134)
```
#555592
```
#555592 rgb(85,85,146)
```
#5c5c9e
```
#5c5c9e rgb(92,92,158)
```

Shade Color Variation

#6868a7
```
#6868a7 rgb(104,104,167)
```
#7474ae
```
#7474ae rgb(116,116,174)
```
#8080b5
```
#8080b5 rgb(128,128,181)
```
#8d8dbc
```
#8d8dbc rgb(141,141,188)
```
#9999c4
```
#9999c4 rgb(153,153,196)
```
#a6a6cb
```
#a6a6cb rgb(166,166,203)
```
#b2b2d2
```
#b2b2d2 rgb(178,178,210)
```
#bebed9
```
#bebed9 rgb(190,190,217)
```
#cbcbe1
```
#cbcbe1 rgb(203,203,225)
```
#d7d7e8
```
#d7d7e8 rgb(215,215,232)
```
#e4e4ef
```
#e4e4ef rgb(228,228,239)
```
#f0f0f6
```
#f0f0f6 rgb(240,240,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#404045
```
#404045 rgb(64,64,69)
```
#3b3b4a
```
#3b3b4a rgb(59,59,74)
```
#36364f
```
#36364f rgb(54,54,79)
```
#313154
```
#313154 rgb(49,49,84)
```
#2c2c59
```
#2c2c59 rgb(44,44,89)
```
#27275e
```
#27275e rgb(39,39,94)
```
#222263
```
#222263 rgb(34,34,99)
```
#1d1d68
```
#1d1d68 rgb(29,29,104)
```
#17176e
```
#17176e rgb(23,23,110)
```
#121273
```
#121273 rgb(18,18,115)
```
#0d0d78
```
#0d0d78 rgb(13,13,120)
```
#08087d
```
#08087d rgb(8,8,125)
```
#030382
```
#030382 rgb(3,3,130)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#34343b Atypical Achromatopsia 0.001% of the population

Dichromacy

#313d5e Protanopia 1% of men
#303e5b Deuteranopia 1% of men
#344045 Tritanopia 0.001% of the population

Trichromacy

#31395a Protanomaly 1% of men, 0.01% of women
#303958 Deuteranomaly 6% of men, 0.4% of women
#333b4a Tritanomaly 0.01% of the population