#1f396f hex color

In a RGB color space, hex #1f396f is composed of 12.2% red, 22.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 48.6% magenta, 0% yellow and 56.5% black. It has a hue angle of 220.5 degrees, a saturation of 56.3% and a lightness of 27.8%. #1f396f color hex could be obtained by blending #3e72de with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 22
- B 44
RGB color chart
- C 72
- M 49
- Y 0
- K 56
CMYK color chart

● #1f396f color description : Very dark blue.

The hexadecimal color #1f396f has RGB values of R:31, G:57, B:111 and CMYK values of C:0.72, M:0.49, Y:0, K:0.56. Its decimal value is 2046319.

Hex triplet	1f396f	`#1f396f`
RGB Decimal	31, 57, 111	`rgb(31,57,111)`
RGB Percent	12.2, 22.4, 43.5	`rgb(12.2%,22.4%,43.5%)`
CMYK	72, 49, 0, 56
HSL	220.5°, 56.3, 27.8	`hsl(220.5,56.3%,27.8%)`
HSV (or HSB)	220.5°, 72.1, 43.5
Web Safe	333366	`#333366`

CIE-LAB	24.843, 10.002, -34.284
XYZ	4.897, 4.365, 15.623
xyY	0.197, 0.175, 4.365
CIE-LCH	24.843, 35.714, 286.264
CIE-LUV	24.843, -9.937, -43.036
Hunter-Lab	20.892, 5.276, -29.71
Binary	00011111, 00111001, 01101111

#1f396f
```
#1f396f rgb(31,57,111)
```
#6f551f
```
#6f551f rgb(111,85,31)
```

Complementary Color

#1f616f
```
#1f616f rgb(31,97,111)
```
#1f396f
```
#1f396f rgb(31,57,111)
```
#2d1f6f
```
#2d1f6f rgb(45,31,111)
```

Analogous Color

#616f1f
```
#616f1f rgb(97,111,31)
```
#1f396f
```
#1f396f rgb(31,57,111)
```
#6f2d1f
```
#6f2d1f rgb(111,45,31)
```

Split Complementary Color

#396f1f
```
#396f1f rgb(57,111,31)
```
#1f396f
```
#1f396f rgb(31,57,111)
```
#6f1f39
```
#6f1f39 rgb(111,31,57)
```

Triadic Color

#1f6f55
```
#1f6f55 rgb(31,111,85)
```
#1f396f
```
#1f396f rgb(31,57,111)
```
#6f1f39
```
#6f1f39 rgb(111,31,57)
```
#6f551f
```
#6f551f rgb(111,85,31)
```

Tetradic Color

#0e1a33
```
#0e1a33 rgb(14,26,51)
```
#142547
```
#142547 rgb(20,37,71)
```
#192f5b
```
#192f5b rgb(25,47,91)
```
#1f396f
```
#1f396f rgb(31,57,111)
```
#254383
```
#254383 rgb(37,67,131)
```
#2a4d97
```
#2a4d97 rgb(42,77,151)
```
#3058ab
```
#3058ab rgb(48,88,171)
```

Monochromatic Color

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

#1f4d6f
```
#1f4d6f rgb(31,77,111)
```
#1f466f
```
#1f466f rgb(31,70,111)
```
#1f406f
```
#1f406f rgb(31,64,111)
```
#1f396f
```
#1f396f rgb(31,57,111)
```
#1f326f
```
#1f326f rgb(31,50,111)
```
#1f2c6f
```
#1f2c6f rgb(31,44,111)
```
#1f256f
```
#1f256f rgb(31,37,111)
```

Similar Colors

Text with hexadecimal color #1f396f

This text has a font color of #1f396f.

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

#1f396f background color

This paragraph has a background color of #1f396f.

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

#1f396f border color

This element has a border color of #1f396f.

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

CSS codes

.text {color:#1f396f;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050a13
```
#050a13 rgb(5,10,19)
```
#0a1222
```
#0a1222 rgb(10,18,34)
```
#0e1a32
```
#0e1a32 rgb(14,26,50)
```
#122141
```
#122141 rgb(18,33,65)
```
#162950
```
#162950 rgb(22,41,80)
```
#1b3160
```
#1b3160 rgb(27,49,96)
```
#1f396f
```
#1f396f rgb(31,57,111)
```
#23417e
```
#23417e rgb(35,65,126)
```
#28498e
```
#28498e rgb(40,73,142)
```
#2c519d
```
#2c519d rgb(44,81,157)
```
#3058ac
```
#3058ac rgb(48,88,172)
```
#3460bc
```
#3460bc rgb(52,96,188)
```

Shade Color Variation

#3b69c8
```
#3b69c8 rgb(59,105,200)
```
#4b75cd
```
#4b75cd rgb(75,117,205)
```
#5a81d1
```
#5a81d1 rgb(90,129,209)
```
#698cd5
```
#698cd5 rgb(105,140,213)
```
#7998d9
```
#7998d9 rgb(121,152,217)
```
#88a4de
```
#88a4de rgb(136,164,222)
```
#97b0e2
```
#97b0e2 rgb(151,176,226)
```
#a7bbe6
```
#a7bbe6 rgb(167,187,230)
```
#b6c7eb
```
#b6c7eb rgb(182,199,235)
```
#c5d3ef
```
#c5d3ef rgb(197,211,239)
```
#d5dff3
```
#d5dff3 rgb(213,223,243)
```
#e4eaf7
```
#e4eaf7 rgb(228,234,247)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#454649
```
#454649 rgb(69,70,73)
```
#40444e
```
#40444e rgb(64,68,78)
```
#3a4354
```
#3a4354 rgb(58,67,84)
```
#354159
```
#354159 rgb(53,65,89)
```
#2f3f5f
```
#2f3f5f rgb(47,63,95)
```
#2a3d64
```
#2a3d64 rgb(42,61,100)
```
#243b6a
```
#243b6a rgb(36,59,106)
```
#1f396f
```
#1f396f rgb(31,57,111)
```
#1a3774
```
#1a3774 rgb(26,55,116)
```
#14357a
```
#14357a rgb(20,53,122)
```
#0f337f
```
#0f337f rgb(15,51,127)
```
#093185
```
#093185 rgb(9,49,133)
```
#042f8a
```
#042f8a rgb(4,47,138)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#323742 Atypical Achromatopsia 0.001% of the population

Dichromacy

#294376 Protanopia 1% of men
#074675 Deuteranopia 1% of men
#004b51 Tritanopia 0.001% of the population

Trichromacy

#253f73 Protanomaly 1% of men, 0.01% of women
#104172 Deuteranomaly 6% of men, 0.4% of women
#0b455c Tritanomaly 0.01% of the population

#1f396f hex color

#1f396f Color Information

#1f396f Color Conversion

Color Schemes with #1f396f

Alternatives to #1f396f

#1f396f Preview

Shades and Tints of #1f396f

Tones of #1f396f

Color Blindness Simulator