#313254 hex color

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

♥
- f
- t
- g
- R 19
- G 20
- B 33
RGB color chart
- C 42
- M 40
- Y 0
- K 67
CMYK color chart

● #313254 color description : Very dark desaturated blue.

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

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

CIE-LAB	22.211, 9.321, -20.806
XYZ	4.007, 3.574, 8.866
xyY	0.244, 0.217, 3.574
CIE-LCH	22.211, 22.798, 294.132
CIE-LUV	22.211, -2.17, -24.94
Hunter-Lab	18.905, 4.75, -14.57
Binary	00110001, 00110010, 01010100

#313254
```
#313254 rgb(49,50,84)
```
#545331
```
#545331 rgb(84,83,49)
```

Complementary Color

#314454
```
#314454 rgb(49,68,84)
```
#313254
```
#313254 rgb(49,50,84)
```
#423154
```
#423154 rgb(66,49,84)
```

Analogous Color

#445431
```
#445431 rgb(68,84,49)
```
#313254
```
#313254 rgb(49,50,84)
```
#544231
```
#544231 rgb(84,66,49)
```

Split Complementary Color

#325431
```
#325431 rgb(50,84,49)
```
#313254
```
#313254 rgb(49,50,84)
```
#543132
```
#543132 rgb(84,49,50)
```

Triadic Color

#315453
```
#315453 rgb(49,84,83)
```
#313254
```
#313254 rgb(49,50,84)
```
#543132
```
#543132 rgb(84,49,50)
```
#545331
```
#545331 rgb(84,83,49)
```

Tetradic Color

#151524
```
#151524 rgb(21,21,36)
```
#1e1f34
```
#1e1f34 rgb(30,31,52)
```
#282844
```
#282844 rgb(40,40,68)
```
#313254
```
#313254 rgb(49,50,84)
```
#3a3c64
```
#3a3c64 rgb(58,60,100)
```
#444574
```
#444574 rgb(68,69,116)
```
#4d4f84
```
#4d4f84 rgb(77,79,132)
```

Monochromatic Color

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

#313b54
```
#313b54 rgb(49,59,84)
```
#313854
```
#313854 rgb(49,56,84)
```
#313554
```
#313554 rgb(49,53,84)
```
#313254
```
#313254 rgb(49,50,84)
```
#333154
```
#333154 rgb(51,49,84)
```
#363154
```
#363154 rgb(54,49,84)
```
#393154
```
#393154 rgb(57,49,84)
```

Similar Colors

Text with hexadecimal color #313254

This text has a font color of #313254.

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

#313254 background color

This paragraph has a background color of #313254.

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

#313254 border color

This element has a border color of #313254.

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

CSS codes

.text {color:#313254;}

.background {background-color:#313254;}

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

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)
```
#141522
```
#141522 rgb(20,21,34)
```
#1b1c2f
```
#1b1c2f rgb(27,28,47)
```
#23233b
```
#23233b rgb(35,35,59)
```
#2a2b48
```
#2a2b48 rgb(42,43,72)
```
#313254
```
#313254 rgb(49,50,84)
```
#383960
```
#383960 rgb(56,57,96)
```
#3f416d
```
#3f416d rgb(63,65,109)
```
#474879
```
#474879 rgb(71,72,121)
```
#4e4f86
```
#4e4f86 rgb(78,79,134)
```
#555792
```
#555792 rgb(85,87,146)
```
#5c5e9e
```
#5c5e9e rgb(92,94,158)
```

Shade Color Variation

#6869a7
```
#6869a7 rgb(104,105,167)
```
#7476ae
```
#7476ae rgb(116,118,174)
```
#8082b5
```
#8082b5 rgb(128,130,181)
```
#8d8ebc
```
#8d8ebc rgb(141,142,188)
```
#999ac4
```
#999ac4 rgb(153,154,196)
```
#a6a7cb
```
#a6a7cb rgb(166,167,203)
```
#b2b3d2
```
#b2b3d2 rgb(178,179,210)
```
#bebfd9
```
#bebfd9 rgb(190,191,217)
```
#cbcbe1
```
#cbcbe1 rgb(203,203,225)
```
#d7d8e8
```
#d7d8e8 rgb(215,216,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 #030782 is the most saturated one.

#404045
```
#404045 rgb(64,64,69)
```
#3b3c4a
```
#3b3c4a rgb(59,60,74)
```
#36374f
```
#36374f rgb(54,55,79)
```
#313254
```
#313254 rgb(49,50,84)
```
#2c2d59
```
#2c2d59 rgb(44,45,89)
```
#27285e
```
#27285e rgb(39,40,94)
```
#222463
```
#222463 rgb(34,36,99)
```
#1d1f68
```
#1d1f68 rgb(29,31,104)
```
#171a6e
```
#171a6e rgb(23,26,110)
```
#121573
```
#121573 rgb(18,21,115)
```
#0d1078
```
#0d1078 rgb(13,16,120)
```
#080b7d
```
#080b7d rgb(8,11,125)
```
#030782
```
#030782 rgb(3,7,130)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#35353c Atypical Achromatopsia 0.001% of the population

Dichromacy

#333e5e Protanopia 1% of men
#313f5b Deuteranopia 1% of men
#354146 Tritanopia 0.001% of the population

Trichromacy

#323a5a Protanomaly 1% of men, 0.01% of women
#313a59 Deuteranomaly 6% of men, 0.4% of women
#333b4b Tritanomaly 0.01% of the population

#313254 hex color

#313254 Color Information

#313254 Color Conversion

Color Schemes with #313254

Alternatives to #313254

#313254 Preview

Shades and Tints of #313254

Tones of #313254

Color Blindness Simulator