#1f1f30 hex color

In a RGB color space, hex #1f1f30 is composed of 12.2% red, 12.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 35.4% magenta, 0% yellow and 81.2% black. It has a hue angle of 240 degrees, a saturation of 21.5% and a lightness of 15.5%. #1f1f30 color hex could be obtained by blending #3e3e60 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 12
- G 12
- B 19
RGB color chart
- C 35
- M 35
- Y 0
- K 81
CMYK color chart

● #1f1f30 color description : Very dark (mostly black) blue.

The hexadecimal color #1f1f30 has RGB values of R:31, G:31, B:48 and CMYK values of C:0.35, M:0.35, Y:0, K:0.81. Its decimal value is 2039600.

Hex triplet	1f1f30	`#1f1f30`
RGB Decimal	31, 31, 48	`rgb(31,31,48)`
RGB Percent	12.2, 12.2, 18.8	`rgb(12.2%,12.2%,18.8%)`
CMYK	35, 35, 0, 81
HSL	240°, 21.5, 15.5	`hsl(240,21.5%,15.5%)`
HSV (or HSB)	240°, 35.4, 18.8
Web Safe	333333	`#333333`

CIE-LAB	12.51, 4.946, -11.244
XYZ	1.588, 1.485, 2.999
xyY	0.262, 0.245, 1.485
CIE-LCH	12.51, 12.284, 293.743
CIE-LUV	12.51, -0.724, -10.026
Hunter-Lab	12.185, 1.947, -6.064
Binary	00011111, 00011111, 00110000

#1f1f30
```
#1f1f30 rgb(31,31,48)
```
#30301f
```
#30301f rgb(48,48,31)
```

Complementary Color

#1f2830
```
#1f2830 rgb(31,40,48)
```
#1f1f30
```
#1f1f30 rgb(31,31,48)
```
#281f30
```
#281f30 rgb(40,31,48)
```

Analogous Color

#28301f
```
#28301f rgb(40,48,31)
```
#1f1f30
```
#1f1f30 rgb(31,31,48)
```
#30281f
```
#30281f rgb(48,40,31)
```

Split Complementary Color

#1f301f
```
#1f301f rgb(31,48,31)
```
#1f1f30
```
#1f1f30 rgb(31,31,48)
```
#301f1f
```
#301f1f rgb(48,31,31)
```

Triadic Color

#1f3030
```
#1f3030 rgb(31,48,48)
```
#1f1f30
```
#1f1f30 rgb(31,31,48)
```
#301f1f
```
#301f1f rgb(48,31,31)
```
#30301f
```
#30301f rgb(48,48,31)
```

Tetradic Color

#010102
```
#010102 rgb(1,1,2)
```
#0b0b11
```
#0b0b11 rgb(11,11,17)
```
#151521
```
#151521 rgb(21,21,33)
```
#1f1f30
```
#1f1f30 rgb(31,31,48)
```
#29293f
```
#29293f rgb(41,41,63)
```
#33334f
```
#33334f rgb(51,51,79)
```
#3d3d5e
```
#3d3d5e rgb(61,61,94)
```

Monochromatic Color

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

#1f2330
```
#1f2330 rgb(31,35,48)
```
#1f2230
```
#1f2230 rgb(31,34,48)
```
#1f2030
```
#1f2030 rgb(31,32,48)
```
#1f1f30
```
#1f1f30 rgb(31,31,48)
```
#201f30
```
#201f30 rgb(32,31,48)
```
#221f30
```
#221f30 rgb(34,31,48)
```
#231f30
```
#231f30 rgb(35,31,48)
```

Similar Colors

Text with hexadecimal color #1f1f30

This text has a font color of #1f1f30.

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

#1f1f30 background color

This paragraph has a background color of #1f1f30.

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

#1f1f30 border color

This element has a border color of #1f1f30.

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

CSS codes

.text {color:#1f1f30;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#08080c
```
#08080c rgb(8,8,12)
```
#101018
```
#101018 rgb(16,16,24)
```
#171724
```
#171724 rgb(23,23,36)
```
#1f1f30
```
#1f1f30 rgb(31,31,48)
```
#27273c
```
#27273c rgb(39,39,60)
```
#2e2e48
```
#2e2e48 rgb(46,46,72)
```
#363654
```
#363654 rgb(54,54,84)
```
#3e3e60
```
#3e3e60 rgb(62,62,96)
```
#45456c
```
#45456c rgb(69,69,108)
```
#4d4d78
```
#4d4d78 rgb(77,77,120)
```
#555583
```
#555583 rgb(85,85,131)
```
#5d5d8f
```
#5d5d8f rgb(93,93,143)
```

Shade Color Variation

#64649b
```
#64649b rgb(100,100,155)
```
#7070a3
```
#7070a3 rgb(112,112,163)
```
#7c7cab
```
#7c7cab rgb(124,124,171)
```
#8888b2
```
#8888b2 rgb(136,136,178)
```
#9494ba
```
#9494ba rgb(148,148,186)
```
#a0a0c2
```
#a0a0c2 rgb(160,160,194)
```
#acacc9
```
#acacc9 rgb(172,172,201)
```
#b8b8d1
```
#b8b8d1 rgb(184,184,209)
```
#c4c4d9
```
#c4c4d9 rgb(196,196,217)
```
#d0d0e0
```
#d0d0e0 rgb(208,208,224)
```
#dcdce8
```
#dcdce8 rgb(220,220,232)
```
#e7e7f0
```
#e7e7f0 rgb(231,231,240)
```
#f3f3f8
```
#f3f3f8 rgb(243,243,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #25252a is the less saturated color, while #01014e is the most saturated one.

#25252a
```
#25252a rgb(37,37,42)
```
#22222d
```
#22222d rgb(34,34,45)
```
#1f1f30
```
#1f1f30 rgb(31,31,48)
```
#1c1c33
```
#1c1c33 rgb(28,28,51)
```
#191936
```
#191936 rgb(25,25,54)
```
#161639
```
#161639 rgb(22,22,57)
```
#13133c
```
#13133c rgb(19,19,60)
```
#10103f
```
#10103f rgb(16,16,63)
```
#0d0d42
```
#0d0d42 rgb(13,13,66)
```
#0a0a45
```
#0a0a45 rgb(10,10,69)
```
#070748
```
#070748 rgb(7,7,72)
```
#04044b
```
#04044b rgb(4,4,75)
```
#01014e
```
#01014e rgb(1,1,78)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#212124 Atypical Achromatopsia 0.001% of the population

Dichromacy

#272b3b Protanopia 1% of men
#272b3a Deuteranopia 1% of men
#272c30 Tritanopia 0.001% of the population

Trichromacy

#242737 Protanomaly 1% of men, 0.01% of women
#242736 Deuteranomaly 6% of men, 0.4% of women
#242730 Tritanomaly 0.01% of the population

#1f1f30 hex color

#1f1f30 Color Information

#1f1f30 Color Conversion

Color Schemes with #1f1f30

Alternatives to #1f1f30

#1f1f30 Preview

Shades and Tints of #1f1f30

Tones of #1f1f30

Color Blindness Simulator