#031e2a hex color

In a RGB color space, hex #031e2a is composed of 1.2% red, 11.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 28.6% magenta, 0% yellow and 83.5% black. It has a hue angle of 198.5 degrees, a saturation of 86.7% and a lightness of 8.8%. #031e2a color hex could be obtained by blending #063c54 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 1
- G 12
- B 16
RGB color chart
- C 93
- M 29
- Y 0
- K 84
CMYK color chart

● #031e2a color description : Very dark (mostly black) blue.

The hexadecimal color #031e2a has RGB values of R:3, G:30, B:42 and CMYK values of C:0.93, M:0.29, Y:0, K:0.84. Its decimal value is 204330.

Hex triplet	031e2a	`#031e2a`
RGB Decimal	3, 30, 42	`rgb(3,30,42)`
RGB Percent	1.2, 11.8, 16.5	`rgb(1.2%,11.8%,16.5%)`
CMYK	93, 29, 0, 84
HSL	198.5°, 86.7, 8.8	`hsl(198.5,86.7%,8.8%)`
HSV (or HSB)	198.5°, 92.9, 16.5
Web Safe	003333	`#003333`

CIE-LAB	9.915, -5.158, -11.06
XYZ	0.92, 1.115, 2.357
xyY	0.209, 0.254, 1.115
CIE-LCH	9.915, 12.203, 244.997
CIE-LUV	9.915, -6.317, -8.033
Hunter-Lab	10.559, -2.933, -5.844
Binary	00000011, 00011110, 00101010

#031e2a
```
#031e2a rgb(3,30,42)
```
#2a0f03
```
#2a0f03 rgb(42,15,3)
```

Complementary Color

#032a23
```
#032a23 rgb(3,42,35)
```
#031e2a
```
#031e2a rgb(3,30,42)
```
#030b2a
```
#030b2a rgb(3,11,42)
```

Analogous Color

#2a2303
```
#2a2303 rgb(42,35,3)
```
#031e2a
```
#031e2a rgb(3,30,42)
```
#2a030b
```
#2a030b rgb(42,3,11)
```

Split Complementary Color

#1e2a03
```
#1e2a03 rgb(30,42,3)
```
#031e2a
```
#031e2a rgb(3,30,42)
```
#2a031e
```
#2a031e rgb(42,3,30)
```

Triadic Color

#032a0f
```
#032a0f rgb(3,42,15)
```
#031e2a
```
#031e2a rgb(3,30,42)
```
#2a031e
```
#2a031e rgb(42,3,30)
```
#2a0f03
```
#2a0f03 rgb(42,15,3)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#010d12
```
#010d12 rgb(1,13,18)
```
#031e2a
```
#031e2a rgb(3,30,42)
```
#052f42
```
#052f42 rgb(5,47,66)
```
#06405a
```
#06405a rgb(6,64,90)
```
#085171
```
#085171 rgb(8,81,113)
```

Monochromatic Color

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

#03282a
```
#03282a rgb(3,40,42)
```
#03252a
```
#03252a rgb(3,37,42)
```
#03212a
```
#03212a rgb(3,33,42)
```
#031e2a
```
#031e2a rgb(3,30,42)
```
#031b2a
```
#031b2a rgb(3,27,42)
```
#03182a
```
#03182a rgb(3,24,42)
```
#03142a
```
#03142a rgb(3,20,42)
```

Similar Colors

Text with hexadecimal color #031e2a

This text has a font color of #031e2a.

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

#031e2a background color

This paragraph has a background color of #031e2a.

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

#031e2a border color

This element has a border color of #031e2a.

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

CSS codes

.text {color:#031e2a;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#021118
```
#021118 rgb(2,17,24)
```
#031e2a
```
#031e2a rgb(3,30,42)
```
#042b3c
```
#042b3c rgb(4,43,60)
```
#06384f
```
#06384f rgb(6,56,79)
```
#074561
```
#074561 rgb(7,69,97)
```
#085273
```
#085273 rgb(8,82,115)
```
#0a5f86
```
#0a5f86 rgb(10,95,134)
```
#0b6c98
```
#0b6c98 rgb(11,108,152)
```
#0c7aaa
```
#0c7aaa rgb(12,122,170)
```
#0d87bc
```
#0d87bc rgb(13,135,188)
```
#0f94cf
```
#0f94cf rgb(15,148,207)
```
#10a1e1
```
#10a1e1 rgb(16,161,225)
```

Shade Color Variation

#16acee
```
#16acee rgb(22,172,238)
```
#29b2f0
```
#29b2f0 rgb(41,178,240)
```
#3bb9f1
```
#3bb9f1 rgb(59,185,241)
```
#4dc0f2
```
#4dc0f2 rgb(77,192,242)
```
#60c6f4
```
#60c6f4 rgb(96,198,244)
```
#72cdf5
```
#72cdf5 rgb(114,205,245)
```
#84d3f6
```
#84d3f6 rgb(132,211,246)
```
#97daf8
```
#97daf8 rgb(151,218,248)
```
#a9e0f9
```
#a9e0f9 rgb(169,224,249)
```
#bbe7fa
```
#bbe7fa rgb(187,231,250)
```
#cdedfb
```
#cdedfb rgb(205,237,251)
```
#e0f4fd
```
#e0f4fd rgb(224,244,253)
```
#f2fafe
```
#f2fafe rgb(242,250,254)
```

Tint Color Variation

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

#161717
```
#161717 rgb(22,23,23)
```
#141719
```
#141719 rgb(20,23,25)
```
#13181a
```
#13181a rgb(19,24,26)
```
#11191c
```
#11191c rgb(17,25,28)
```
#0f191e
```
#0f191e rgb(15,25,30)
```
#0d1a20
```
#0d1a20 rgb(13,26,32)
```
#0c1b21
```
#0c1b21 rgb(12,27,33)
```
#0a1b23
```
#0a1b23 rgb(10,27,35)
```
#081c25
```
#081c25 rgb(8,28,37)
```
#061d27
```
#061d27 rgb(6,29,39)
```
#051d28
```
#051d28 rgb(5,29,40)
```
#031e2a
```
#031e2a rgb(3,30,42)
```
#011f2c
```
#011f2c rgb(1,31,44)
```

Tone Color Variation

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

#171717 Achromatopsia 0.005% of the population
#13181b Atypical Achromatopsia 0.001% of the population

Dichromacy

#232633 Protanopia 1% of men
#202636 Deuteranopia 1% of men
#002a2e Tritanopia 0.001% of the population

Trichromacy

#17232f Protanomaly 1% of men, 0.01% of women
#162331 Deuteranomaly 6% of men, 0.4% of women
#01262c Tritanomaly 0.01% of the population

#031e2a hex color

#031e2a Color Information

#031e2a Color Conversion

Color Schemes with #031e2a

Alternatives to #031e2a

#031e2a Preview

Shades and Tints of #031e2a

Tones of #031e2a

Color Blindness Simulator