#1f163e hex color

In a RGB color space, hex #1f163e is composed of 12.2% red, 8.6% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 64.5% magenta, 0% yellow and 75.7% black. It has a hue angle of 253.5 degrees, a saturation of 47.6% and a lightness of 16.5%. #1f163e color hex could be obtained by blending #3e2c7c with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 12
- G 9
- B 24
RGB color chart
- C 50
- M 65
- Y 0
- K 76
CMYK color chart

● #1f163e color description : Very dark blue.

The hexadecimal color #1f163e has RGB values of R:31, G:22, B:62 and CMYK values of C:0.5, M:0.65, Y:0, K:0.76. Its decimal value is 2037310.

Hex triplet	1f163e	`#1f163e`
RGB Decimal	31, 22, 62	`rgb(31,22,62)`
RGB Percent	12.2, 8.6, 24.3	`rgb(12.2%,8.6%,24.3%)`
CMYK	50, 65, 0, 76
HSL	253.5°, 47.6, 16.5	`hsl(253.5,47.6%,16.5%)`
HSV (or HSB)	253.5°, 64.5, 24.3
Web Safe	330033	`#330033`

CIE-LAB	10.652, 16.424, -24.209
XYZ	1.721, 1.213, 4.701
xyY	0.225, 0.159, 1.213
CIE-LCH	10.652, 29.254, 304.154
CIE-LUV	10.652, 0.633, -20.416
Hunter-Lab	11.013, 8.626, -17.597
Binary	00011111, 00010110, 00111110

#1f163e
```
#1f163e rgb(31,22,62)
```
#353e16
```
#353e16 rgb(53,62,22)
```

Complementary Color

#16213e
```
#16213e rgb(22,33,62)
```
#1f163e
```
#1f163e rgb(31,22,62)
```
#33163e
```
#33163e rgb(51,22,62)
```

Analogous Color

#213e16
```
#213e16 rgb(33,62,22)
```
#1f163e
```
#1f163e rgb(31,22,62)
```
#3e3316
```
#3e3316 rgb(62,51,22)
```

Split Complementary Color

#163e1f
```
#163e1f rgb(22,62,31)
```
#1f163e
```
#1f163e rgb(31,22,62)
```
#3e1f16
```
#3e1f16 rgb(62,31,22)
```

Triadic Color

#16353e
```
#16353e rgb(22,53,62)
```
#1f163e
```
#1f163e rgb(31,22,62)
```
#3e1f16
```
#3e1f16 rgb(62,31,22)
```
#353e16
```
#353e16 rgb(53,62,22)
```

Tetradic Color

#030206
```
#030206 rgb(3,2,6)
```
#0c0918
```
#0c0918 rgb(12,9,24)
```
#160f2b
```
#160f2b rgb(22,15,43)
```
#1f163e
```
#1f163e rgb(31,22,62)
```
#281d51
```
#281d51 rgb(40,29,81)
```
#322364
```
#322364 rgb(50,35,100)
```
#3b2a76
```
#3b2a76 rgb(59,42,118)
```

Monochromatic Color

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

#16173e
```
#16173e rgb(22,23,62)
```
#18163e
```
#18163e rgb(24,22,62)
```
#1c163e
```
#1c163e rgb(28,22,62)
```
#1f163e
```
#1f163e rgb(31,22,62)
```
#22163e
```
#22163e rgb(34,22,62)
```
#26163e
```
#26163e rgb(38,22,62)
```
#29163e
```
#29163e rgb(41,22,62)
```

Similar Colors

Text with hexadecimal color #1f163e

This text has a font color of #1f163e.

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

#1f163e background color

This paragraph has a background color of #1f163e.

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

#1f163e border color

This element has a border color of #1f163e.

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

CSS codes

.text {color:#1f163e;}

.background {background-color:#1f163e;}

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

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

#020104
```
#020104 rgb(2,1,4)
```
#090713
```
#090713 rgb(9,7,19)
```
#110c21
```
#110c21 rgb(17,12,33)
```
#181130
```
#181130 rgb(24,17,48)
```
#1f163e
```
#1f163e rgb(31,22,62)
```
#261b4c
```
#261b4c rgb(38,27,76)
```
#2d205b
```
#2d205b rgb(45,32,91)
```
#352569
```
#352569 rgb(53,37,105)
```
#3c2b78
```
#3c2b78 rgb(60,43,120)
```
#433086
```
#433086 rgb(67,48,134)
```
#4a3595
```
#4a3595 rgb(74,53,149)
```
#523aa3
```
#523aa3 rgb(82,58,163)
```
#593fb2
```
#593fb2 rgb(89,63,178)
```

Shade Color Variation

#6247be
```
#6247be rgb(98,71,190)
```
#6e55c3
```
#6e55c3 rgb(110,85,195)
```
#7a64c8
```
#7a64c8 rgb(122,100,200)
```
#8772cd
```
#8772cd rgb(135,114,205)
```
#9381d2
```
#9381d2 rgb(147,129,210)
```
#9f8fd7
```
#9f8fd7 rgb(159,143,215)
```
#ac9edc
```
#ac9edc rgb(172,158,220)
```
#b8ace2
```
#b8ace2 rgb(184,172,226)
```
#c5bbe7
```
#c5bbe7 rgb(197,187,231)
```
#d1c9ec
```
#d1c9ec rgb(209,201,236)
```
#ddd8f1
```
#ddd8f1 rgb(221,216,241)
```
#eae6f6
```
#eae6f6 rgb(234,230,246)
```
#f6f5fb
```
#f6f5fb rgb(246,245,251)
```

Tint Color Variation

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

#2a292b
```
#2a292b rgb(42,41,43)
```
#28262e
```
#28262e rgb(40,38,46)
```
#262331
```
#262331 rgb(38,35,49)
```
#242034
```
#242034 rgb(36,32,52)
```
#231c38
```
#231c38 rgb(35,28,56)
```
#21193b
```
#21193b rgb(33,25,59)
```
#1f163e
```
#1f163e rgb(31,22,62)
```
#1d1341
```
#1d1341 rgb(29,19,65)
```
#1b1044
```
#1b1044 rgb(27,16,68)
```
#1a0c48
```
#1a0c48 rgb(26,12,72)
```
#18094b
```
#18094b rgb(24,9,75)
```
#16064e
```
#16064e rgb(22,6,78)
```
#140351
```
#140351 rgb(20,3,81)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#1d1c24 Atypical Achromatopsia 0.001% of the population

Dichromacy

#07274c Protanopia 1% of men
#002944 Deuteranopia 1% of men
#22292c Tritanopia 0.001% of the population

Trichromacy

#102147 Protanomaly 1% of men, 0.01% of women
#0b2242 Deuteranomaly 6% of men, 0.4% of women
#202233 Tritanomaly 0.01% of the population

#1f163e hex color

#1f163e Color Information

#1f163e Color Conversion

Color Schemes with #1f163e

Alternatives to #1f163e

#1f163e Preview

Shades and Tints of #1f163e

Tones of #1f163e

Color Blindness Simulator