#1f367f hex color

In a RGB color space, hex #1f367f is composed of 12.2% red, 21.2% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 57.5% magenta, 0% yellow and 50.2% black. It has a hue angle of 225.6 degrees, a saturation of 60.8% and a lightness of 31%. #1f367f color hex could be obtained by blending #3e6cfe with #000000. Closest websafe color is: #333366.

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

● #1f367f color description : Dark blue.

The hexadecimal color #1f367f has RGB values of R:31, G:54, B:127 and CMYK values of C:0.76, M:0.57, Y:0, K:0.5. Its decimal value is 2045567.

Hex triplet	1f367f	`#1f367f`
RGB Decimal	31, 54, 127	`rgb(31,54,127)`
RGB Percent	12.2, 21.2, 49.8	`rgb(12.2%,21.2%,49.8%)`
CMYK	76, 57, 0, 50
HSL	225.6°, 60.8, 31	`hsl(225.6,60.8%,31%)`
HSV (or HSB)	225.6°, 75.6, 49.8
Web Safe	333366	`#333366`

CIE-LAB	25.142, 18.537, -43.95
XYZ	5.714, 4.462, 20.638
xyY	0.185, 0.145, 4.462
CIE-LCH	25.142, 47.699, 292.868
CIE-LUV	25.142, -9.14, -55.533
Hunter-Lab	21.122, 11.325, -43.143
Binary	00011111, 00110110, 01111111

#1f367f
```
#1f367f rgb(31,54,127)
```
#7f681f
```
#7f681f rgb(127,104,31)
```

Complementary Color

#1f667f
```
#1f667f rgb(31,102,127)
```
#1f367f
```
#1f367f rgb(31,54,127)
```
#381f7f
```
#381f7f rgb(56,31,127)
```

Analogous Color

#667f1f
```
#667f1f rgb(102,127,31)
```
#1f367f
```
#1f367f rgb(31,54,127)
```
#7f381f
```
#7f381f rgb(127,56,31)
```

Split Complementary Color

#367f1f
```
#367f1f rgb(54,127,31)
```
#1f367f
```
#1f367f rgb(31,54,127)
```
#7f1f36
```
#7f1f36 rgb(127,31,54)
```

Triadic Color

#1f7f68
```
#1f7f68 rgb(31,127,104)
```
#1f367f
```
#1f367f rgb(31,54,127)
```
#7f1f36
```
#7f1f36 rgb(127,31,54)
```
#7f681f
```
#7f681f rgb(127,104,31)
```

Tetradic Color

#101c42
```
#101c42 rgb(16,28,66)
```
#152556
```
#152556 rgb(21,37,86)
```
#1a2d6b
```
#1a2d6b rgb(26,45,107)
```
#1f367f
```
#1f367f rgb(31,54,127)
```
#243f93
```
#243f93 rgb(36,63,147)
```
#2947a8
```
#2947a8 rgb(41,71,168)
```
#2e50bc
```
#2e50bc rgb(46,80,188)
```

Monochromatic Color

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

#1f4e7f
```
#1f4e7f rgb(31,78,127)
```
#1f467f
```
#1f467f rgb(31,70,127)
```
#1f3e7f
```
#1f3e7f rgb(31,62,127)
```
#1f367f
```
#1f367f rgb(31,54,127)
```
#1f2e7f
```
#1f2e7f rgb(31,46,127)
```
#1f267f
```
#1f267f rgb(31,38,127)
```
#201f7f
```
#201f7f rgb(32,31,127)
```

Similar Colors

Text with hexadecimal color #1f367f

This text has a font color of #1f367f.

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

#1f367f background color

This paragraph has a background color of #1f367f.

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

#1f367f border color

This element has a border color of #1f367f.

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

CSS codes

.text {color:#1f367f;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040711
```
#040711 rgb(4,7,17)
```
#080e20
```
#080e20 rgb(8,14,32)
```
#0c1430
```
#0c1430 rgb(12,20,48)
```
#101b40
```
#101b40 rgb(16,27,64)
```
#132250
```
#132250 rgb(19,34,80)
```
#17295f
```
#17295f rgb(23,41,95)
```
#1b2f6f
```
#1b2f6f rgb(27,47,111)
```
#1f367f
```
#1f367f rgb(31,54,127)
```
#233d8f
```
#233d8f rgb(35,61,143)
```
#27439f
```
#27439f rgb(39,67,159)
```
#2b4aae
```
#2b4aae rgb(43,74,174)
```
#2e51be
```
#2e51be rgb(46,81,190)
```

Shade Color Variation

#3358cd
```
#3358cd rgb(51,88,205)
```
#4365d1
```
#4365d1 rgb(67,101,209)
```
#5272d5
```
#5272d5 rgb(82,114,213)
```
#627fd9
```
#627fd9 rgb(98,127,217)
```
#728cdd
```
#728cdd rgb(114,140,221)
```
#8298e0
```
#8298e0 rgb(130,152,224)
```
#91a5e4
```
#91a5e4 rgb(145,165,228)
```
#a1b2e8
```
#a1b2e8 rgb(161,178,232)
```
#b1bfec
```
#b1bfec rgb(177,191,236)
```
#c1ccf0
```
#c1ccf0 rgb(193,204,240)
```
#d1d9f4
```
#d1d9f4 rgb(209,217,244)
```
#e0e6f8
```
#e0e6f8 rgb(224,230,248)
```
#f0f3fb
```
#f0f3fb rgb(240,243,251)
```

Tint Color Variation

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

#4a4c54
```
#4a4c54 rgb(74,76,84)
```
#43495b
```
#43495b rgb(67,73,91)
```
#3d4661
```
#3d4661 rgb(61,70,97)
```
#374367
```
#374367 rgb(55,67,103)
```
#313f6d
```
#313f6d rgb(49,63,109)
```
#2b3c73
```
#2b3c73 rgb(43,60,115)
```
#253979
```
#253979 rgb(37,57,121)
```
#1f367f
```
#1f367f rgb(31,54,127)
```
#193385
```
#193385 rgb(25,51,133)
```
#13308b
```
#13308b rgb(19,48,139)
```
#0d2d91
```
#0d2d91 rgb(13,45,145)
```
#072997
```
#072997 rgb(7,41,151)
```
#01269d
```
#01269d rgb(1,38,157)
```

Tone Color Variation

Below, you can see how #1f367f 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
#0b4178 Deuteranomaly 6% of men, 0.4% of women
#0b4461 Tritanomaly 0.01% of the population

#1f367f hex color

#1f367f Color Information

#1f367f Color Conversion

Color Schemes with #1f367f

Alternatives to #1f367f

#1f367f Preview

Shades and Tints of #1f367f

Tones of #1f367f

Color Blindness Simulator