colorhexa.com

#031c48 hex color

In a RGB color space, hex #031c48 is composed of 1.2% red, 11% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 95.8% cyan, 61.1% magenta, 0% yellow and 71.8% black. It has a hue angle of 218.3 degrees, a saturation of 92% and a lightness of 14.7%. #031c48 color hex could be obtained by blending #063890 with #000000. Closest websafe color is: #003333.

- R 1
- G 11
- B 28
RGB color chart
- C 96
- M 61
- Y 0
- K 72
CMYK color chart

● #031c48 color description : Very dark blue.

The hexadecimal color #031c48 has RGB values of R:3, G:28, B:72 and CMYK values of C:0.96, M:0.61, Y:0, K:0.72. Its decimal value is 203848.

Hex triplet	031c48	`#031c48`
RGB Decimal	3, 28, 72	`rgb(3,28,72)`
RGB Percent	1.2, 11, 28.2	`rgb(1.2%,11%,28.2%)`
CMYK	96, 61, 0, 72
HSL	218.3°, 92, 14.7	`hsl(218.3,92%,14.7%)`
HSV (or HSB)	218.3°, 95.8, 28.2
Web Safe	003333	`#003333`

CIE-LAB	11.398, 10.64, -30.115
XYZ	1.622, 1.318, 6.299
xyY	0.176, 0.143, 1.318
CIE-LCH	11.398, 31.939, 289.459
CIE-LUV	11.398, -5.447, -25.778
Hunter-Lab	11.479, 5.139, -24.502
Binary	00000011, 00011100, 01001000

#031c48
```
#031c48 rgb(3,28,72)
```
#482f03
```
#482f03 rgb(72,47,3)
```

Complementary Color

#3f4803
```
#3f4803 rgb(63,72,3)
```
#031c48
```
#031c48 rgb(3,28,72)
```
#480d03
```
#480d03 rgb(72,13,3)
```

Split Complementary Color

#000000
```
#000000 rgb(0,0,0)
```
#010917
```
#010917 rgb(1,9,23)
```
#021230
```
#021230 rgb(2,18,48)
```
#031c48
```
#031c48 rgb(3,28,72)
```
#042660
```
#042660 rgb(4,38,96)
```
#052f79
```
#052f79 rgb(5,47,121)
```
#063991
```
#063991 rgb(6,57,145)
```

Monochromatic Color

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

#032d48
```
#032d48 rgb(3,45,72)
```
#032848
```
#032848 rgb(3,40,72)
```
#032248
```
#032248 rgb(3,34,72)
```
#031c48
```
#031c48 rgb(3,28,72)
```
#031648
```
#031648 rgb(3,22,72)
```
#031148
```
#031148 rgb(3,17,72)
```
#030b48
```
#030b48 rgb(3,11,72)
```

Similar Colors

Text with hexadecimal color #031c48

This text has a font color of #031c48.

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

#031c48 background color

This paragraph has a background color of #031c48.

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

#031c48 border color

This element has a border color of #031c48.

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

CSS codes

.text {color:#031c48;}

.background {background-color:#031c48;}

.border {border:1px solid #031c48;}

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

#010610
```
#010610 rgb(1,6,16)
```
#010d22
```
#010d22 rgb(1,13,34)
```
#021535
```
#021535 rgb(2,21,53)
```
#031c48
```
#031c48 rgb(3,28,72)
```
#04235b
```
#04235b rgb(4,35,91)
```
#052b6e
```
#052b6e rgb(5,43,110)
```
#053280
```
#053280 rgb(5,50,128)
```
#063993
```
#063993 rgb(6,57,147)
```
#0741a6
```
#0741a6 rgb(7,65,166)
```
#0848b9
```
#0848b9 rgb(8,72,185)
```
#084fcc
```
#084fcc rgb(8,79,204)
```
#0957df
```
#0957df rgb(9,87,223)
```
#0a5ef1
```
#0a5ef1 rgb(10,94,241)
```

Shade Color Variation

#1a69f5
```
#1a69f5 rgb(26,105,245)
```
#2d76f6
```
#2d76f6 rgb(45,118,246)
```
#3f82f7
```
#3f82f7 rgb(63,130,247)
```
#528ef8
```
#528ef8 rgb(82,142,248)
```
#659af9
```
#659af9 rgb(101,154,249)
```
#78a7f9
```
#78a7f9 rgb(120,167,249)
```
#8bb3fa
```
#8bb3fa rgb(139,179,250)
```
#9ebffb
```
#9ebffb rgb(158,191,251)
```
#b0ccfc
```
#b0ccfc rgb(176,204,252)
```
#c3d8fd
```
#c3d8fd rgb(195,216,253)
```
#d6e4fd
```
#d6e4fd rgb(214,228,253)
```
#e9f1fe
```
#e9f1fe rgb(233,241,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#232528
```
#232528 rgb(35,37,40)
```
#20242b
```
#20242b rgb(32,36,43)
```
#1d232e
```
#1d232e rgb(29,35,46)
```
#1a2231
```
#1a2231 rgb(26,34,49)
```
#172234
```
#172234 rgb(23,34,52)
```
#142137
```
#142137 rgb(20,33,55)
```
#11203a
```
#11203a rgb(17,32,58)
```
#0f1f3c
```
#0f1f3c rgb(15,31,60)
```
#0c1e3f
```
#0c1e3f rgb(12,30,63)
```
#091e42
```
#091e42 rgb(9,30,66)
```
#061d45
```
#061d45 rgb(6,29,69)
```
#031c48
```
#031c48 rgb(3,28,72)
```
#001b4b
```
#001b4b rgb(0,27,75)
```

Tone Color Variation

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

#1a1a1a Achromatopsia 0.005% of the population
#151a23 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00284f Protanopia 1% of men
#002a45 Deuteranopia 1% of men
#002e30 Tritanopia 0.001% of the population

Trichromacy

#01244c Protanomaly 1% of men, 0.01% of women
#012546 Deuteranomaly 6% of men, 0.4% of women
#012739 Tritanomaly 0.01% of the population