#31548d hex color

In a RGB color space, hex #31548d is composed of 19.2% red, 32.9% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 40.4% magenta, 0% yellow and 44.7% black. It has a hue angle of 217.2 degrees, a saturation of 48.4% and a lightness of 37.3%. #31548d color hex could be obtained by blending #62a8ff with #00001b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 33
- B 55
RGB color chart
- C 65
- M 40
- Y 0
- K 45
CMYK color chart

● #31548d color description : Dark moderate blue.

The hexadecimal color #31548d has RGB values of R:49, G:84, B:141 and CMYK values of C:0.65, M:0.4, Y:0, K:0.45. Its decimal value is 3232909.

Hex triplet	31548d	`#31548d`
RGB Decimal	49, 84, 141	`rgb(49,84,141)`
RGB Percent	19.2, 32.9, 55.3	`rgb(19.2%,32.9%,55.3%)`
CMYK	65, 40, 0, 45
HSL	217.2°, 48.4, 37.3	`hsl(217.2,48.4%,37.3%)`
HSV (or HSB)	217.2°, 65.2, 55.3
Web Safe	336699	`#336699`

CIE-LAB	35.822, 6.563, -35.414
XYZ	9.244, 8.916, 26.432
xyY	0.207, 0.2, 8.916
CIE-LCH	35.822, 36.017, 280.498
CIE-LUV	35.822, -14.669, -49.982
Hunter-Lab	29.86, 3.003, -31.581
Binary	00110001, 01010100, 10001101

#31548d
```
#31548d rgb(49,84,141)
```
#8d6a31
```
#8d6a31 rgb(141,106,49)
```

Complementary Color

#31828d
```
#31828d rgb(49,130,141)
```
#31548d
```
#31548d rgb(49,84,141)
```
#3c318d
```
#3c318d rgb(60,49,141)
```

Analogous Color

#828d31
```
#828d31 rgb(130,141,49)
```
#31548d
```
#31548d rgb(49,84,141)
```
#8d3c31
```
#8d3c31 rgb(141,60,49)
```

Split Complementary Color

#548d31
```
#548d31 rgb(84,141,49)
```
#31548d
```
#31548d rgb(49,84,141)
```
#8d3154
```
#8d3154 rgb(141,49,84)
```

Triadic Color

#318d6a
```
#318d6a rgb(49,141,106)
```
#31548d
```
#31548d rgb(49,84,141)
```
#8d3154
```
#8d3154 rgb(141,49,84)
```
#8d6a31
```
#8d6a31 rgb(141,106,49)
```

Tetradic Color

#1d3254
```
#1d3254 rgb(29,50,84)
```
#243d67
```
#243d67 rgb(36,61,103)
```
#2a497a
```
#2a497a rgb(42,73,122)
```
#31548d
```
#31548d rgb(49,84,141)
```
#385fa0
```
#385fa0 rgb(56,95,160)
```
#3e6bb3
```
#3e6bb3 rgb(62,107,179)
```
#4a77c0
```
#4a77c0 rgb(74,119,192)
```

Monochromatic Color

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

#316b8d
```
#316b8d rgb(49,107,141)
```
#31638d
```
#31638d rgb(49,99,141)
```
#315c8d
```
#315c8d rgb(49,92,141)
```
#31548d
```
#31548d rgb(49,84,141)
```
#314c8d
```
#314c8d rgb(49,76,141)
```
#31458d
```
#31458d rgb(49,69,141)
```
#313d8d
```
#313d8d rgb(49,61,141)
```

Similar Colors

Text with hexadecimal color #31548d

This text has a font color of #31548d.

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

#31548d background color

This paragraph has a background color of #31548d.

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

#31548d border color

This element has a border color of #31548d.

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

CSS codes

.text {color:#31548d;}

.background {background-color:#31548d;}

.border {border:1px solid #31548d;}

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

#03060a
```
#03060a rgb(3,6,10)
```
#090f19
```
#090f19 rgb(9,15,25)
```
#0e1727
```
#0e1727 rgb(14,23,39)
```
#132036
```
#132036 rgb(19,32,54)
```
#182944
```
#182944 rgb(24,41,68)
```
#1d3153
```
#1d3153 rgb(29,49,83)
```
#223a61
```
#223a61 rgb(34,58,97)
```
#274370
```
#274370 rgb(39,67,112)
```
#2c4b7e
```
#2c4b7e rgb(44,75,126)
```
#31548d
```
#31548d rgb(49,84,141)
```
#365d9c
```
#365d9c rgb(54,93,156)
```
#3b65aa
```
#3b65aa rgb(59,101,170)
```
#406eb9
```
#406eb9 rgb(64,110,185)
```

Shade Color Variation

#4c78c1
```
#4c78c1 rgb(76,120,193)
```
#5a83c6
```
#5a83c6 rgb(90,131,198)
```
#698ecb
```
#698ecb rgb(105,142,203)
```
#7799d0
```
#7799d0 rgb(119,153,208)
```
#86a4d5
```
#86a4d5 rgb(134,164,213)
```
#95afda
```
#95afda rgb(149,175,218)
```
#a3badf
```
#a3badf rgb(163,186,223)
```
#b2c5e4
```
#b2c5e4 rgb(178,197,228)
```
#c0d0e9
```
#c0d0e9 rgb(192,208,233)
```
#cfdbee
```
#cfdbee rgb(207,219,238)
```
#dde6f3
```
#dde6f3 rgb(221,230,243)
```
#ecf1f8
```
#ecf1f8 rgb(236,241,248)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#5d5e61
```
#5d5e61 rgb(93,94,97)
```
#565d68
```
#565d68 rgb(86,93,104)
```
#4e5b70
```
#4e5b70 rgb(78,91,112)
```
#475977
```
#475977 rgb(71,89,119)
```
#40577e
```
#40577e rgb(64,87,126)
```
#385686
```
#385686 rgb(56,86,134)
```
#31548d
```
#31548d rgb(49,84,141)
```
#2a5294
```
#2a5294 rgb(42,82,148)
```
#22519c
```
#22519c rgb(34,81,156)
```
#1b4fa3
```
#1b4fa3 rgb(27,79,163)
```
#144daa
```
#144daa rgb(20,77,170)
```
#0c4bb2
```
#0c4bb2 rgb(12,75,178)
```
#054ab9
```
#054ab9 rgb(5,74,185)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a515c Atypical Achromatopsia 0.001% of the population

Dichromacy

#455b91 Protanopia 1% of men
#375d92 Deuteranopia 1% of men
#1f656c Tritanopia 0.001% of the population

Trichromacy

#3e5890 Protanomaly 1% of men, 0.01% of women
#345a90 Deuteranomaly 6% of men, 0.4% of women
#255f78 Tritanomaly 0.01% of the population

#31548d hex color

#31548d Color Information

#31548d Color Conversion

Color Schemes with #31548d

Alternatives to #31548d

#31548d Preview

Shades and Tints of #31548d

Tones of #31548d

Color Blindness Simulator