#1f367e hex color

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

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

● #1f367e color description : Dark blue.

The hexadecimal color #1f367e has RGB values of R:31, G:54, B:126 and CMYK values of C:0.75, M:0.57, Y:0, K:0.51. Its decimal value is 2045566.

Hex triplet	1f367e	`#1f367e`
RGB Decimal	31, 54, 126	`rgb(31,54,126)`
RGB Percent	12.2, 21.2, 49.4	`rgb(12.2%,21.2%,49.4%)`
CMYK	75, 57, 0, 51
HSL	225.5°, 60.5, 30.8	`hsl(225.5,60.5%,30.8%)`
HSV (or HSB)	225.5°, 75.4, 49.4
Web Safe	333366	`#333366`

CIE-LAB	25.062, 18.137, -43.45
XYZ	5.649, 4.436, 20.296
xyY	0.186, 0.146, 4.436
CIE-LCH	25.062, 47.084, 292.657
CIE-LUV	25.062, -9.131, -54.848
Hunter-Lab	21.061, 11.024, -42.394
Binary	00011111, 00110110, 01111110

#1f367e
```
#1f367e rgb(31,54,126)
```
#7e671f
```
#7e671f rgb(126,103,31)
```

Complementary Color

#1f667e
```
#1f667e rgb(31,102,126)
```
#1f367e
```
#1f367e rgb(31,54,126)
```
#381f7e
```
#381f7e rgb(56,31,126)
```

Analogous Color

#667e1f
```
#667e1f rgb(102,126,31)
```
#1f367e
```
#1f367e rgb(31,54,126)
```
#7e381f
```
#7e381f rgb(126,56,31)
```

Split Complementary Color

#367e1f
```
#367e1f rgb(54,126,31)
```
#1f367e
```
#1f367e rgb(31,54,126)
```
#7e1f36
```
#7e1f36 rgb(126,31,54)
```

Triadic Color

#1f7e67
```
#1f7e67 rgb(31,126,103)
```
#1f367e
```
#1f367e rgb(31,54,126)
```
#7e1f36
```
#7e1f36 rgb(126,31,54)
```
#7e671f
```
#7e671f rgb(126,103,31)
```

Tetradic Color

#101c41
```
#101c41 rgb(16,28,65)
```
#152455
```
#152455 rgb(21,36,85)
```
#1a2d6a
```
#1a2d6a rgb(26,45,106)
```
#1f367e
```
#1f367e rgb(31,54,126)
```
#243f92
```
#243f92 rgb(36,63,146)
```
#2948a7
```
#2948a7 rgb(41,72,167)
```
#2e50bb
```
#2e50bb rgb(46,80,187)
```

Monochromatic Color

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

#1f4e7e
```
#1f4e7e rgb(31,78,126)
```
#1f467e
```
#1f467e rgb(31,70,126)
```
#1f3e7e
```
#1f3e7e rgb(31,62,126)
```
#1f367e
```
#1f367e rgb(31,54,126)
```
#1f2e7e
```
#1f2e7e rgb(31,46,126)
```
#1f267e
```
#1f267e rgb(31,38,126)
```
#201f7e
```
#201f7e rgb(32,31,126)
```

Similar Colors

Text with hexadecimal color #1f367e

This text has a font color of #1f367e.

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

#1f367e background color

This paragraph has a background color of #1f367e.

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

#1f367e border color

This element has a border color of #1f367e.

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

CSS codes

.text {color:#1f367e;}

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

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

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)
```
#040710
```
#040710 rgb(4,7,16)
```
#080e20
```
#080e20 rgb(8,14,32)
```
#0c142f
```
#0c142f rgb(12,20,47)
```
#101b3f
```
#101b3f rgb(16,27,63)
```
#13224f
```
#13224f rgb(19,34,79)
```
#17295f
```
#17295f rgb(23,41,95)
```
#1b2f6e
```
#1b2f6e rgb(27,47,110)
```
#1f367e
```
#1f367e rgb(31,54,126)
```
#233d8e
```
#233d8e rgb(35,61,142)
```
#27439d
```
#27439d rgb(39,67,157)
```
#2b4aad
```
#2b4aad rgb(43,74,173)
```
#2e51bd
```
#2e51bd rgb(46,81,189)
```

Shade Color Variation

#3258cd
```
#3258cd rgb(50,88,205)
```
#4265d1
```
#4265d1 rgb(66,101,209)
```
#5271d4
```
#5271d4 rgb(82,113,212)
```
#627ed8
```
#627ed8 rgb(98,126,216)
```
#718bdc
```
#718bdc rgb(113,139,220)
```
#8198e0
```
#8198e0 rgb(129,152,224)
```
#91a5e4
```
#91a5e4 rgb(145,165,228)
```
#a1b2e8
```
#a1b2e8 rgb(161,178,232)
```
#b0bfec
```
#b0bfec rgb(176,191,236)
```
#c0ccf0
```
#c0ccf0 rgb(192,204,240)
```
#d0d8f3
```
#d0d8f3 rgb(208,216,243)
```
#e0e5f7
```
#e0e5f7 rgb(224,229,247)
```
#eff2fb
```
#eff2fb rgb(239,242,251)
```

Tint Color Variation

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

#494c54
```
#494c54 rgb(73,76,84)
```
#43495a
```
#43495a rgb(67,73,90)
```
#3d4660
```
#3d4660 rgb(61,70,96)
```
#374266
```
#374266 rgb(55,66,102)
```
#313f6c
```
#313f6c rgb(49,63,108)
```
#2b3c72
```
#2b3c72 rgb(43,60,114)
```
#253978
```
#253978 rgb(37,57,120)
```
#1f367e
```
#1f367e rgb(31,54,126)
```
#193384
```
#193384 rgb(25,51,132)
```
#13308a
```
#13308a rgb(19,48,138)
```
#0d2d90
```
#0d2d90 rgb(13,45,144)
```
#072a96
```
#072a96 rgb(7,42,150)
```
#01269c
```
#01269c rgb(1,38,156)
```

Tone Color Variation

Below, you can see how #1f367e 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
#323745 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004384 Protanopia 1% of men
#004774 Deuteranopia 1% of men
#004c51 Tritanopia 0.001% of the population

Trichromacy

#0b3e82 Protanomaly 1% of men, 0.01% of women
#0b4077 Deuteranomaly 6% of men, 0.4% of women
#0b4461 Tritanomaly 0.01% of the population

#1f367e hex color

#1f367e Color Information

#1f367e Color Conversion

Color Schemes with #1f367e

Alternatives to #1f367e

#1f367e Preview

Shades and Tints of #1f367e

Tones of #1f367e

Color Blindness Simulator