#1f2486 hex color

In a RGB color space, hex #1f2486 is composed of 12.2% red, 14.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 73.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 237.1 degrees, a saturation of 62.4% and a lightness of 32.4%. #1f2486 color hex could be obtained by blending #3e48ff with #00000d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 14
- B 53
RGB color chart
- C 77
- M 73
- Y 0
- K 47
CMYK color chart

● #1f2486 color description : Dark blue.

The hexadecimal color #1f2486 has RGB values of R:31, G:36, B:134 and CMYK values of C:0.77, M:0.73, Y:0, K:0.47. Its decimal value is 2040966.

Hex triplet	1f2486	`#1f2486`
RGB Decimal	31, 36, 134	`rgb(31,36,134)`
RGB Percent	12.2, 14.1, 52.5	`rgb(12.2%,14.1%,52.5%)`
CMYK	77, 73, 0, 47
HSL	237.1°, 62.4, 32.4	`hsl(237.1,62.4%,32.4%)`
HSV (or HSB)	237.1°, 76.9, 52.5
Web Safe	333399	`#333399`

CIE-LAB	21.109, 33.42, -54.948
XYZ	5.498, 3.274, 22.895
xyY	0.174, 0.103, 3.274
CIE-LCH	21.109, 64.313, 301.308
CIE-LUV	21.109, -5.341, -62.938
Hunter-Lab	18.094, 22.575, -62.356
Binary	00011111, 00100100, 10000110

#1f2486
```
#1f2486 rgb(31,36,134)
```
#86811f
```
#86811f rgb(134,129,31)
```

Complementary Color

#1f5886
```
#1f5886 rgb(31,88,134)
```
#1f2486
```
#1f2486 rgb(31,36,134)
```
#4e1f86
```
#4e1f86 rgb(78,31,134)
```

Analogous Color

#58861f
```
#58861f rgb(88,134,31)
```
#1f2486
```
#1f2486 rgb(31,36,134)
```
#864e1f
```
#864e1f rgb(134,78,31)
```

Split Complementary Color

#24861f
```
#24861f rgb(36,134,31)
```
#1f2486
```
#1f2486 rgb(31,36,134)
```
#861f24
```
#861f24 rgb(134,31,36)
```

Triadic Color

#1f8681
```
#1f8681 rgb(31,134,129)
```
#1f2486
```
#1f2486 rgb(31,36,134)
```
#861f24
```
#861f24 rgb(134,31,36)
```
#86811f
```
#86811f rgb(134,129,31)
```

Tetradic Color

#111348
```
#111348 rgb(17,19,72)
```
#15195d
```
#15195d rgb(21,25,93)
```
#1a1e71
```
#1a1e71 rgb(26,30,113)
```
#1f2486
```
#1f2486 rgb(31,36,134)
```
#242a9b
```
#242a9b rgb(36,42,155)
```
#292faf
```
#292faf rgb(41,47,175)
```
#2d35c4
```
#2d35c4 rgb(45,53,196)
```

Monochromatic Color

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

#1f3e86
```
#1f3e86 rgb(31,62,134)
```
#1f3586
```
#1f3586 rgb(31,53,134)
```
#1f2d86
```
#1f2d86 rgb(31,45,134)
```
#1f2486
```
#1f2486 rgb(31,36,134)
```
#231f86
```
#231f86 rgb(35,31,134)
```
#2b1f86
```
#2b1f86 rgb(43,31,134)
```
#341f86
```
#341f86 rgb(52,31,134)
```

Similar Colors

Text with hexadecimal color #1f2486

This text has a font color of #1f2486.

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

#1f2486 background color

This paragraph has a background color of #1f2486.

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

#1f2486 border color

This element has a border color of #1f2486.

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

CSS codes

.text {color:#1f2486;}

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

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

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

#020207
```
#020207 rgb(2,2,7)
```
#050616
```
#050616 rgb(5,6,22)
```
#090a26
```
#090a26 rgb(9,10,38)
```
#0d0f36
```
#0d0f36 rgb(13,15,54)
```
#101346
```
#101346 rgb(16,19,70)
```
#141756
```
#141756 rgb(20,23,86)
```
#181b66
```
#181b66 rgb(24,27,102)
```
#1b2076
```
#1b2076 rgb(27,32,118)
```
#1f2486
```
#1f2486 rgb(31,36,134)
```
#232896
```
#232896 rgb(35,40,150)
```
#262da6
```
#262da6 rgb(38,45,166)
```
#2a31b6
```
#2a31b6 rgb(42,49,182)
```
#2e35c6
```
#2e35c6 rgb(46,53,198)
```

Shade Color Variation

#363ed1
```
#363ed1 rgb(54,62,209)
```
#464dd4
```
#464dd4 rgb(70,77,212)
```
#565dd8
```
#565dd8 rgb(86,93,216)
```
#666cdc
```
#666cdc rgb(102,108,220)
```
#767bdf
```
#767bdf rgb(118,123,223)
```
#868be3
```
#868be3 rgb(134,139,227)
```
#969ae7
```
#969ae7 rgb(150,154,231)
```
#a6a9ea
```
#a6a9ea rgb(166,169,234)
```
#b6b9ee
```
#b6b9ee rgb(182,185,238)
```
#c6c8f2
```
#c6c8f2 rgb(198,200,242)
```
#d6d7f5
```
#d6d7f5 rgb(214,215,245)
```
#e6e7f9
```
#e6e7f9 rgb(230,231,249)
```
#f6f6fd
```
#f6f6fd rgb(246,246,253)
```

Tint Color Variation

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

#525253
```
#525253 rgb(82,82,83)
```
#4b4c5a
```
#4b4c5a rgb(75,76,90)
```
#454660
```
#454660 rgb(69,70,96)
```
#3f4166
```
#3f4166 rgb(63,65,102)
```
#383b6d
```
#383b6d rgb(56,59,109)
```
#323573
```
#323573 rgb(50,53,115)
```
#2c2f79
```
#2c2f79 rgb(44,47,121)
```
#252a80
```
#252a80 rgb(37,42,128)
```
#1f2486
```
#1f2486 rgb(31,36,134)
```
#191e8c
```
#191e8c rgb(25,30,140)
```
#121993
```
#121993 rgb(18,25,147)
```
#0c1399
```
#0c1399 rgb(12,19,153)
```
#060d9f
```
#060d9f rgb(6,13,159)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2b2c40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b73 Protanopia 1% of men
#003f64 Deuteranopia 1% of men
#004347 Tritanopia 0.001% of the population

Trichromacy

#0b337a Protanomaly 1% of men, 0.01% of women
#0b3570 Deuteranomaly 6% of men, 0.4% of women
#0b385d Tritanomaly 0.01% of the population

#1f2486 hex color

#1f2486 Color Information

#1f2486 Color Conversion

Color Schemes with #1f2486

Alternatives to #1f2486

#1f2486 Preview

Shades and Tints of #1f2486

Tones of #1f2486

Color Blindness Simulator