#1f396e hex color

In a RGB color space, hex #1f396e is composed of 12.2% red, 22.4% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 48.2% magenta, 0% yellow and 56.9% black. It has a hue angle of 220.3 degrees, a saturation of 56% and a lightness of 27.6%. #1f396e color hex could be obtained by blending #3e72dc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 22
- B 43
RGB color chart
- C 72
- M 48
- Y 0
- K 57
CMYK color chart

● #1f396e color description : Very dark blue.

The hexadecimal color #1f396e has RGB values of R:31, G:57, B:110 and CMYK values of C:0.72, M:0.48, Y:0, K:0.57. Its decimal value is 2046318.

Hex triplet	1f396e	`#1f396e`
RGB Decimal	31, 57, 110	`rgb(31,57,110)`
RGB Percent	12.2, 22.4, 43.1	`rgb(12.2%,22.4%,43.1%)`
CMYK	72, 48, 0, 57
HSL	220.3°, 56, 27.6	`hsl(220.3,56%,27.6%)`
HSV (or HSB)	220.3°, 71.8, 43.1
Web Safe	333366	`#333366`

CIE-LAB	24.775, 9.601, -33.754
XYZ	4.842, 4.343, 15.334
xyY	0.197, 0.177, 4.343
CIE-LCH	24.775, 35.093, 285.878
CIE-LUV	24.775, -9.938, -42.303
Hunter-Lab	20.84, 5.004, -29.038
Binary	00011111, 00111001, 01101110

#1f396e
```
#1f396e rgb(31,57,110)
```
#6e541f
```
#6e541f rgb(110,84,31)
```

Complementary Color

#1f616e
```
#1f616e rgb(31,97,110)
```
#1f396e
```
#1f396e rgb(31,57,110)
```
#2c1f6e
```
#2c1f6e rgb(44,31,110)
```

Analogous Color

#616e1f
```
#616e1f rgb(97,110,31)
```
#1f396e
```
#1f396e rgb(31,57,110)
```
#6e2c1f
```
#6e2c1f rgb(110,44,31)
```

Split Complementary Color

#396e1f
```
#396e1f rgb(57,110,31)
```
#1f396e
```
#1f396e rgb(31,57,110)
```
#6e1f39
```
#6e1f39 rgb(110,31,57)
```

Triadic Color

#1f6e54
```
#1f6e54 rgb(31,110,84)
```
#1f396e
```
#1f396e rgb(31,57,110)
```
#6e1f39
```
#6e1f39 rgb(110,31,57)
```
#6e541f
```
#6e541f rgb(110,84,31)
```

Tetradic Color

#0e1a32
```
#0e1a32 rgb(14,26,50)
```
#142446
```
#142446 rgb(20,36,70)
```
#192f5a
```
#192f5a rgb(25,47,90)
```
#1f396e
```
#1f396e rgb(31,57,110)
```
#254382
```
#254382 rgb(37,67,130)
```
#2a4e96
```
#2a4e96 rgb(42,78,150)
```
#3058aa
```
#3058aa rgb(48,88,170)
```

Monochromatic Color

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

#1f4d6e
```
#1f4d6e rgb(31,77,110)
```
#1f466e
```
#1f466e rgb(31,70,110)
```
#1f406e
```
#1f406e rgb(31,64,110)
```
#1f396e
```
#1f396e rgb(31,57,110)
```
#1f326e
```
#1f326e rgb(31,50,110)
```
#1f2c6e
```
#1f2c6e rgb(31,44,110)
```
#1f256e
```
#1f256e rgb(31,37,110)
```

Similar Colors

Text with hexadecimal color #1f396e

This text has a font color of #1f396e.

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

#1f396e background color

This paragraph has a background color of #1f396e.

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

#1f396e border color

This element has a border color of #1f396e.

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

CSS codes

.text {color:#1f396e;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050912
```
#050912 rgb(5,9,18)
```
#091121
```
#091121 rgb(9,17,33)
```
#0e1931
```
#0e1931 rgb(14,25,49)
```
#122140
```
#122140 rgb(18,33,64)
```
#16294f
```
#16294f rgb(22,41,79)
```
#1b315f
```
#1b315f rgb(27,49,95)
```
#1f396e
```
#1f396e rgb(31,57,110)
```
#23417d
```
#23417d rgb(35,65,125)
```
#28498d
```
#28498d rgb(40,73,141)
```
#2c519c
```
#2c519c rgb(44,81,156)
```
#3059ab
```
#3059ab rgb(48,89,171)
```
#3561bb
```
#3561bb rgb(53,97,187)
```

Shade Color Variation

#3b69c8
```
#3b69c8 rgb(59,105,200)
```
#4a75cc
```
#4a75cc rgb(74,117,204)
```
#5a81d0
```
#5a81d0 rgb(90,129,208)
```
#698cd5
```
#698cd5 rgb(105,140,213)
```
#7898d9
```
#7898d9 rgb(120,152,217)
```
#87a4dd
```
#87a4dd rgb(135,164,221)
```
#97afe2
```
#97afe2 rgb(151,175,226)
```
#a6bbe6
```
#a6bbe6 rgb(166,187,230)
```
#b5c7ea
```
#b5c7ea rgb(181,199,234)
```
#c5d2ef
```
#c5d2ef rgb(197,210,239)
```
#d4def3
```
#d4def3 rgb(212,222,243)
```
#e3eaf7
```
#e3eaf7 rgb(227,234,247)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#454648
```
#454648 rgb(69,70,72)
```
#40444d
```
#40444d rgb(64,68,77)
```
#3a4253
```
#3a4253 rgb(58,66,83)
```
#354058
```
#354058 rgb(53,64,88)
```
#2f3f5e
```
#2f3f5e rgb(47,63,94)
```
#2a3d63
```
#2a3d63 rgb(42,61,99)
```
#243b69
```
#243b69 rgb(36,59,105)
```
#1f396e
```
#1f396e rgb(31,57,110)
```
#1a3773
```
#1a3773 rgb(26,55,115)
```
#143579
```
#143579 rgb(20,53,121)
```
#0f337e
```
#0f337e rgb(15,51,126)
```
#093284
```
#093284 rgb(9,50,132)
```
#043089
```
#043089 rgb(4,48,137)
```

Tone Color Variation

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

#2a4375 Protanopia 1% of men
#0f4674 Deuteranopia 1% of men
#004b51 Tritanopia 0.001% of the population

Trichromacy

#263f72 Protanomaly 1% of men, 0.01% of women
#144172 Deuteranomaly 6% of men, 0.4% of women
#0b445b Tritanomaly 0.01% of the population

#1f396e hex color

#1f396e Color Information

#1f396e Color Conversion

Color Schemes with #1f396e

Alternatives to #1f396e

#1f396e Preview

Shades and Tints of #1f396e

Tones of #1f396e

Color Blindness Simulator