#1f317e hex color

In a RGB color space, hex #1f317e is composed of 12.2% red, 19.2% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 61.1% magenta, 0% yellow and 50.6% black. It has a hue angle of 228.6 degrees, a saturation of 60.5% and a lightness of 30.8%. #1f317e color hex could be obtained by blending #3e62fc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 19
- B 49
RGB color chart
- C 75
- M 61
- Y 0
- K 51
CMYK color chart

● #1f317e color description : Dark blue.

The hexadecimal color #1f317e has RGB values of R:31, G:49, B:126 and CMYK values of C:0.75, M:0.61, Y:0, K:0.51. Its decimal value is 2044286.

Hex triplet	1f317e	`#1f317e`
RGB Decimal	31, 49, 126	`rgb(31,49,126)`
RGB Percent	12.2, 19.2, 49.4	`rgb(12.2%,19.2%,49.4%)`
CMYK	75, 61, 0, 51
HSL	228.6°, 60.5, 30.8	`hsl(228.6,60.5%,30.8%)`
HSV (or HSB)	228.6°, 75.4, 49.4
Web Safe	333366	`#333366`

CIE-LAB	23.651, 21.642, -45.745
XYZ	5.428, 3.994, 20.222
xyY	0.183, 0.135, 3.994
CIE-LCH	23.651, 50.606, 295.319
CIE-LUV	23.651, -7.844, -56.287
Hunter-Lab	19.985, 13.513, -46.005
Binary	00011111, 00110001, 01111110

#1f317e
```
#1f317e rgb(31,49,126)
```
#7e6c1f
```
#7e6c1f rgb(126,108,31)
```

Complementary Color

#1f617e
```
#1f617e rgb(31,97,126)
```
#1f317e
```
#1f317e rgb(31,49,126)
```
#3d1f7e
```
#3d1f7e rgb(61,31,126)
```

Analogous Color

#617e1f
```
#617e1f rgb(97,126,31)
```
#1f317e
```
#1f317e rgb(31,49,126)
```
#7e3d1f
```
#7e3d1f rgb(126,61,31)
```

Split Complementary Color

#317e1f
```
#317e1f rgb(49,126,31)
```
#1f317e
```
#1f317e rgb(31,49,126)
```
#7e1f31
```
#7e1f31 rgb(126,31,49)
```

Triadic Color

#1f7e6c
```
#1f7e6c rgb(31,126,108)
```
#1f317e
```
#1f317e rgb(31,49,126)
```
#7e1f31
```
#7e1f31 rgb(126,31,49)
```
#7e6c1f
```
#7e6c1f rgb(126,108,31)
```

Tetradic Color

#101941
```
#101941 rgb(16,25,65)
```
#152155
```
#152155 rgb(21,33,85)
```
#1a296a
```
#1a296a rgb(26,41,106)
```
#1f317e
```
#1f317e rgb(31,49,126)
```
#243992
```
#243992 rgb(36,57,146)
```
#2941a7
```
#2941a7 rgb(41,65,167)
```
#2e49bb
```
#2e49bb rgb(46,73,187)
```

Monochromatic Color

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

#1f497e
```
#1f497e rgb(31,73,126)
```
#1f417e
```
#1f417e rgb(31,65,126)
```
#1f397e
```
#1f397e rgb(31,57,126)
```
#1f317e
```
#1f317e rgb(31,49,126)
```
#1f297e
```
#1f297e rgb(31,41,126)
```
#1f217e
```
#1f217e rgb(31,33,126)
```
#251f7e
```
#251f7e rgb(37,31,126)
```

Similar Colors

Text with hexadecimal color #1f317e

This text has a font color of #1f317e.

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

#1f317e background color

This paragraph has a background color of #1f317e.

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

#1f317e border color

This element has a border color of #1f317e.

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

CSS codes

.text {color:#1f317e;}

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

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

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 #eff2fb is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#040610
```
#040610 rgb(4,6,16)
```
#080c20
```
#080c20 rgb(8,12,32)
```
#0c122f
```
#0c122f rgb(12,18,47)
```
#10193f
```
#10193f rgb(16,25,63)
```
#131f4f
```
#131f4f rgb(19,31,79)
```
#17255f
```
#17255f rgb(23,37,95)
```
#1b2b6e
```
#1b2b6e rgb(27,43,110)
```
#1f317e
```
#1f317e rgb(31,49,126)
```
#23378e
```
#23378e rgb(35,55,142)
```
#273d9d
```
#273d9d rgb(39,61,157)
```
#2b43ad
```
#2b43ad rgb(43,67,173)
```
#2e49bd
```
#2e49bd rgb(46,73,189)
```

Shade Color Variation

#3250cd
```
#3250cd rgb(50,80,205)
```
#425dd1
```
#425dd1 rgb(66,93,209)
```
#526bd4
```
#526bd4 rgb(82,107,212)
```
#6278d8
```
#6278d8 rgb(98,120,216)
```
#7186dc
```
#7186dc rgb(113,134,220)
```
#8193e0
```
#8193e0 rgb(129,147,224)
```
#91a1e4
```
#91a1e4 rgb(145,161,228)
```
#a1aee8
```
#a1aee8 rgb(161,174,232)
```
#b0bcec
```
#b0bcec rgb(176,188,236)
```
#c0c9f0
```
#c0c9f0 rgb(192,201,240)
```
#d0d7f3
```
#d0d7f3 rgb(208,215,243)
```
#e0e4f7
```
#e0e4f7 rgb(224,228,247)
```
#eff2fb
```
#eff2fb rgb(239,242,251)
```

Tint Color Variation

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

#494b54
```
#494b54 rgb(73,75,84)
```
#43485a
```
#43485a rgb(67,72,90)
```
#3d4460
```
#3d4460 rgb(61,68,96)
```
#374066
```
#374066 rgb(55,64,102)
```
#313c6c
```
#313c6c rgb(49,60,108)
```
#2b3972
```
#2b3972 rgb(43,57,114)
```
#253578
```
#253578 rgb(37,53,120)
```
#1f317e
```
#1f317e rgb(31,49,126)
```
#192d84
```
#192d84 rgb(25,45,132)
```
#13298a
```
#13298a rgb(19,41,138)
```
#0d2690
```
#0d2690 rgb(13,38,144)
```
#072296
```
#072296 rgb(7,34,150)
```
#011e9c
```
#011e9c rgb(1,30,156)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#303343 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407e Protanopia 1% of men
#00446e Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#0b3a7e Protanomaly 1% of men, 0.01% of women
#0b3d74 Deuteranomaly 6% of men, 0.4% of women
#0b405f Tritanomaly 0.01% of the population

#1f317e hex color

#1f317e Color Information

#1f317e Color Conversion

Color Schemes with #1f317e

Alternatives to #1f317e

#1f317e Preview

Shades and Tints of #1f317e

Tones of #1f317e

Color Blindness Simulator