#1f386e hex color

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

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

● #1f386e color description : Very dark blue.

The hexadecimal color #1f386e has RGB values of R:31, G:56, B:110 and CMYK values of C:0.72, M:0.49, Y:0, K:0.57. Its decimal value is 2046062.

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

CIE-LAB	24.466, 10.305, -34.249
XYZ	4.793, 4.245, 15.318
xyY	0.197, 0.174, 4.245
CIE-LCH	24.466, 35.766, 286.746
CIE-LUV	24.466, -9.632, -42.758
Hunter-Lab	20.604, 5.469, -29.656
Binary	00011111, 00111000, 01101110

#1f386e
```
#1f386e rgb(31,56,110)
```
#6e551f
```
#6e551f rgb(110,85,31)
```

Complementary Color

#1f606e
```
#1f606e rgb(31,96,110)
```
#1f386e
```
#1f386e rgb(31,56,110)
```
#2e1f6e
```
#2e1f6e rgb(46,31,110)
```

Analogous Color

#606e1f
```
#606e1f rgb(96,110,31)
```
#1f386e
```
#1f386e rgb(31,56,110)
```
#6e2e1f
```
#6e2e1f rgb(110,46,31)
```

Split Complementary Color

#386e1f
```
#386e1f rgb(56,110,31)
```
#1f386e
```
#1f386e rgb(31,56,110)
```
#6e1f38
```
#6e1f38 rgb(110,31,56)
```

Triadic Color

#1f6e55
```
#1f6e55 rgb(31,110,85)
```
#1f386e
```
#1f386e rgb(31,56,110)
```
#6e1f38
```
#6e1f38 rgb(110,31,56)
```
#6e551f
```
#6e551f rgb(110,85,31)
```

Tetradic Color

#0e1a32
```
#0e1a32 rgb(14,26,50)
```
#142446
```
#142446 rgb(20,36,70)
```
#192e5a
```
#192e5a rgb(25,46,90)
```
#1f386e
```
#1f386e rgb(31,56,110)
```
#254282
```
#254282 rgb(37,66,130)
```
#2a4c96
```
#2a4c96 rgb(42,76,150)
```
#3056aa
```
#3056aa rgb(48,86,170)
```

Monochromatic Color

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

#1f4c6e
```
#1f4c6e rgb(31,76,110)
```
#1f456e
```
#1f456e rgb(31,69,110)
```
#1f3f6e
```
#1f3f6e rgb(31,63,110)
```
#1f386e
```
#1f386e rgb(31,56,110)
```
#1f316e
```
#1f316e rgb(31,49,110)
```
#1f2b6e
```
#1f2b6e rgb(31,43,110)
```
#1f246e
```
#1f246e rgb(31,36,110)
```

Similar Colors

Text with hexadecimal color #1f386e

This text has a font color of #1f386e.

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

#1f386e background color

This paragraph has a background color of #1f386e.

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

#1f386e border color

This element has a border color of #1f386e.

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

CSS codes

.text {color:#1f386e;}

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

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

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 #f3f5fb 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)
```
#16284f
```
#16284f rgb(22,40,79)
```
#1b305f
```
#1b305f rgb(27,48,95)
```
#1f386e
```
#1f386e rgb(31,56,110)
```
#23407d
```
#23407d rgb(35,64,125)
```
#28488d
```
#28488d rgb(40,72,141)
```
#2c4f9c
```
#2c4f9c rgb(44,79,156)
```
#3057ab
```
#3057ab rgb(48,87,171)
```
#355fbb
```
#355fbb rgb(53,95,187)
```

Shade Color Variation

#3b68c8
```
#3b68c8 rgb(59,104,200)
```
#4a73cc
```
#4a73cc rgb(74,115,204)
```
#5a7fd0
```
#5a7fd0 rgb(90,127,208)
```
#698bd5
```
#698bd5 rgb(105,139,213)
```
#7897d9
```
#7897d9 rgb(120,151,217)
```
#87a3dd
```
#87a3dd rgb(135,163,221)
```
#97aee2
```
#97aee2 rgb(151,174,226)
```
#a6bae6
```
#a6bae6 rgb(166,186,230)
```
#b5c6ea
```
#b5c6ea rgb(181,198,234)
```
#c5d2ef
```
#c5d2ef rgb(197,210,239)
```
#d4def3
```
#d4def3 rgb(212,222,243)
```
#e3eaf7
```
#e3eaf7 rgb(227,234,247)
```
#f3f5fb
```
#f3f5fb rgb(243,245,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 #042e89 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)
```
#2f3e5e
```
#2f3e5e rgb(47,62,94)
```
#2a3c63
```
#2a3c63 rgb(42,60,99)
```
#243a69
```
#243a69 rgb(36,58,105)
```
#1f386e
```
#1f386e rgb(31,56,110)
```
#1a3673
```
#1a3673 rgb(26,54,115)
```
#143479
```
#143479 rgb(20,52,121)
```
#0f327e
```
#0f327e rgb(15,50,126)
```
#093084
```
#093084 rgb(9,48,132)
```
#042e89
```
#042e89 rgb(4,46,137)
```

Tone Color Variation

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

#284275 Protanopia 1% of men
#004573 Deuteranopia 1% of men
#004b50 Tritanopia 0.001% of the population

Trichromacy

#243e72 Protanomaly 1% of men, 0.01% of women
#0b4071 Deuteranomaly 6% of men, 0.4% of women
#0b445b Tritanomaly 0.01% of the population

#1f386e hex color

#1f386e Color Information

#1f386e Color Conversion

Color Schemes with #1f386e

Alternatives to #1f386e

#1f386e Preview

Shades and Tints of #1f386e

Tones of #1f386e

Color Blindness Simulator