#1f386a hex color

In a RGB color space, hex #1f386a is composed of 12.2% red, 22% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 47.2% magenta, 0% yellow and 58.4% black. It has a hue angle of 220 degrees, a saturation of 54.7% and a lightness of 26.9%. #1f386a color hex could be obtained by blending #3e70d4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 22
- B 42
RGB color chart
- C 71
- M 47
- Y 0
- K 58
CMYK color chart

● #1f386a color description : Very dark blue.

The hexadecimal color #1f386a has RGB values of R:31, G:56, B:106 and CMYK values of C:0.71, M:0.47, Y:0, K:0.58. Its decimal value is 2046058.

Hex triplet	1f386a	`#1f386a`
RGB Decimal	31, 56, 106	`rgb(31,56,106)`
RGB Percent	12.2, 22, 41.6	`rgb(12.2%,22%,41.6%)`
CMYK	71, 47, 0, 58
HSL	220°, 54.7, 26.9	`hsl(220,54.7%,26.9%)`
HSV (or HSB)	220°, 70.8, 41.6
Web Safe	333366	`#333366`

CIE-LAB	24.193, 8.703, -32.116
XYZ	4.58, 4.16, 14.196
xyY	0.2, 0.181, 4.16
CIE-LCH	24.193, 33.275, 285.161
CIE-LUV	24.193, -9.634, -39.829
Hunter-Lab	20.396, 4.392, -26.991
Binary	00011111, 00111000, 01101010

#1f386a
```
#1f386a rgb(31,56,106)
```
#6a511f
```
#6a511f rgb(106,81,31)
```

Complementary Color

#1f5e6a
```
#1f5e6a rgb(31,94,106)
```
#1f386a
```
#1f386a rgb(31,56,106)
```
#2c1f6a
```
#2c1f6a rgb(44,31,106)
```

Analogous Color

#5e6a1f
```
#5e6a1f rgb(94,106,31)
```
#1f386a
```
#1f386a rgb(31,56,106)
```
#6a2c1f
```
#6a2c1f rgb(106,44,31)
```

Split Complementary Color

#386a1f
```
#386a1f rgb(56,106,31)
```
#1f386a
```
#1f386a rgb(31,56,106)
```
#6a1f38
```
#6a1f38 rgb(106,31,56)
```

Triadic Color

#1f6a51
```
#1f6a51 rgb(31,106,81)
```
#1f386a
```
#1f386a rgb(31,56,106)
```
#6a1f38
```
#6a1f38 rgb(106,31,56)
```
#6a511f
```
#6a511f rgb(106,81,31)
```

Tetradic Color

#0e192f
```
#0e192f rgb(14,25,47)
```
#132343
```
#132343 rgb(19,35,67)
```
#192e56
```
#192e56 rgb(25,46,86)
```
#1f386a
```
#1f386a rgb(31,56,106)
```
#25427e
```
#25427e rgb(37,66,126)
```
#2b4d91
```
#2b4d91 rgb(43,77,145)
```
#3057a5
```
#3057a5 rgb(48,87,165)
```

Monochromatic Color

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

#1f4b6a
```
#1f4b6a rgb(31,75,106)
```
#1f456a
```
#1f456a rgb(31,69,106)
```
#1f3e6a
```
#1f3e6a rgb(31,62,106)
```
#1f386a
```
#1f386a rgb(31,56,106)
```
#1f326a
```
#1f326a rgb(31,50,106)
```
#1f2c6a
```
#1f2c6a rgb(31,44,106)
```
#1f256a
```
#1f256a rgb(31,37,106)
```

Similar Colors

Text with hexadecimal color #1f386a

This text has a font color of #1f386a.

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

#1f386a background color

This paragraph has a background color of #1f386a.

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

#1f386a border color

This element has a border color of #1f386a.

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

CSS codes

.text {color:#1f386a;}

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

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

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, #04080f is the darkest color, while #ffffff is the lightest one.

#04080f
```
#04080f rgb(4,8,15)
```
#09101e
```
#09101e rgb(9,16,30)
```
#0d182d
```
#0d182d rgb(13,24,45)
```
#12203c
```
#12203c rgb(18,32,60)
```
#16284c
```
#16284c rgb(22,40,76)
```
#1b305b
```
#1b305b rgb(27,48,91)
```
#1f386a
```
#1f386a rgb(31,56,106)
```
#234079
```
#234079 rgb(35,64,121)
```
#284888
```
#284888 rgb(40,72,136)
```
#2c5098
```
#2c5098 rgb(44,80,152)
```
#3158a7
```
#3158a7 rgb(49,88,167)
```
#3560b6
```
#3560b6 rgb(53,96,182)
```
#3a68c5
```
#3a68c5 rgb(58,104,197)
```

Shade Color Variation

#4974ca
```
#4974ca rgb(73,116,202)
```
#587fce
```
#587fce rgb(88,127,206)
```
#678bd3
```
#678bd3 rgb(103,139,211)
```
#7696d7
```
#7696d7 rgb(118,150,215)
```
#85a2db
```
#85a2db rgb(133,162,219)
```
#95aee0
```
#95aee0 rgb(149,174,224)
```
#a4b9e4
```
#a4b9e4 rgb(164,185,228)
```
#b3c5e9
```
#b3c5e9 rgb(179,197,233)
```
#c2d0ed
```
#c2d0ed rgb(194,208,237)
```
#d1dcf2
```
#d1dcf2 rgb(209,220,242)
```
#e0e8f6
```
#e0e8f6 rgb(224,232,246)
```
#f0f3fa
```
#f0f3fa rgb(240,243,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444445
```
#444445 rgb(68,68,69)
```
#3f434a
```
#3f434a rgb(63,67,74)
```
#394150
```
#394150 rgb(57,65,80)
```
#343f55
```
#343f55 rgb(52,63,85)
```
#2f3d5a
```
#2f3d5a rgb(47,61,90)
```
#2a3c5f
```
#2a3c5f rgb(42,60,95)
```
#243a65
```
#243a65 rgb(36,58,101)
```
#1f386a
```
#1f386a rgb(31,56,106)
```
#1a366f
```
#1a366f rgb(26,54,111)
```
#143475
```
#143475 rgb(20,52,117)
```
#0f337a
```
#0f337a rgb(15,51,122)
```
#0a317f
```
#0a317f rgb(10,49,127)
```
#052f84
```
#052f84 rgb(5,47,132)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#313640 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b4271 Protanopia 1% of men
#174470 Deuteranopia 1% of men
#004a4f Tritanopia 0.001% of the population

Trichromacy

#263e6e Protanomaly 1% of men, 0.01% of women
#1a406e Deuteranomaly 6% of men, 0.4% of women
#0b4359 Tritanomaly 0.01% of the population

#1f386a hex color

#1f386a Color Information

#1f386a Color Conversion

Color Schemes with #1f386a

Alternatives to #1f386a

#1f386a Preview

Shades and Tints of #1f386a

Tones of #1f386a

Color Blindness Simulator