#1f2f94 hex color

In a RGB color space, hex #1f2f94 is composed of 12.2% red, 18.4% green and 58% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 68.2% magenta, 0% yellow and 42% black. It has a hue angle of 231.8 degrees, a saturation of 65.4% and a lightness of 35.1%. #1f2f94 color hex could be obtained by blending #3e5eff with #000029. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 18
- B 58
RGB color chart
- C 79
- M 68
- Y 0
- K 42
CMYK color chart

● #1f2f94 color description : Dark blue.

The hexadecimal color #1f2f94 has RGB values of R:31, G:47, B:148 and CMYK values of C:0.79, M:0.68, Y:0, K:0.42. Its decimal value is 2043796.

Hex triplet	1f2f94	`#1f2f94`
RGB Decimal	31, 47, 148	`rgb(31,47,148)`
RGB Percent	12.2, 18.4, 58	`rgb(12.2%,18.4%,58%)`
CMYK	79, 68, 0, 42
HSL	231.8°, 65.4, 35.1	`hsl(231.8,65.4%,35.1%)`
HSV (or HSB)	231.8°, 79.1, 58
Web Safe	333399	`#333399`

CIE-LAB	25.143, 31.498, -57.016
XYZ	6.926, 4.462, 28.512
xyY	0.174, 0.112, 4.462
CIE-LCH	25.143, 65.138, 298.918
CIE-LUV	25.143, -7.855, -70.73
Hunter-Lab	21.123, 21.559, -65.241
Binary	00011111, 00101111, 10010100

#1f2f94
```
#1f2f94 rgb(31,47,148)
```
#94841f
```
#94841f rgb(148,132,31)
```

Complementary Color

#1f6a94
```
#1f6a94 rgb(31,106,148)
```
#1f2f94
```
#1f2f94 rgb(31,47,148)
```
#4a1f94
```
#4a1f94 rgb(74,31,148)
```

Analogous Color

#6a941f
```
#6a941f rgb(106,148,31)
```
#1f2f94
```
#1f2f94 rgb(31,47,148)
```
#944a1f
```
#944a1f rgb(148,74,31)
```

Split Complementary Color

#2f941f
```
#2f941f rgb(47,148,31)
```
#1f2f94
```
#1f2f94 rgb(31,47,148)
```
#941f2f
```
#941f2f rgb(148,31,47)
```

Triadic Color

#1f9484
```
#1f9484 rgb(31,148,132)
```
#1f2f94
```
#1f2f94 rgb(31,47,148)
```
#941f2f
```
#941f2f rgb(148,31,47)
```
#94841f
```
#94841f rgb(148,132,31)
```

Tetradic Color

#121b55
```
#121b55 rgb(18,27,85)
```
#16226a
```
#16226a rgb(22,34,106)
```
#1b287f
```
#1b287f rgb(27,40,127)
```
#1f2f94
```
#1f2f94 rgb(31,47,148)
```
#2336a9
```
#2336a9 rgb(35,54,169)
```
#283cbe
```
#283cbe rgb(40,60,190)
```
#2d43d3
```
#2d43d3 rgb(45,67,211)
```

Monochromatic Color

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

#1f4c94
```
#1f4c94 rgb(31,76,148)
```
#1f4394
```
#1f4394 rgb(31,67,148)
```
#1f3994
```
#1f3994 rgb(31,57,148)
```
#1f2f94
```
#1f2f94 rgb(31,47,148)
```
#1f2594
```
#1f2594 rgb(31,37,148)
```
#231f94
```
#231f94 rgb(35,31,148)
```
#2c1f94
```
#2c1f94 rgb(44,31,148)
```

Similar Colors

Text with hexadecimal color #1f2f94

This text has a font color of #1f2f94.

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

#1f2f94 background color

This paragraph has a background color of #1f2f94.

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

#1f2f94 border color

This element has a border color of #1f2f94.

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

CSS codes

.text {color:#1f2f94;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040612
```
#040612 rgb(4,6,18)
```
#070b22
```
#070b22 rgb(7,11,34)
```
#0b1033
```
#0b1033 rgb(11,16,51)
```
#0e1543
```
#0e1543 rgb(14,21,67)
```
#111a53
```
#111a53 rgb(17,26,83)
```
#152063
```
#152063 rgb(21,32,99)
```
#182574
```
#182574 rgb(24,37,116)
```
#1c2a84
```
#1c2a84 rgb(28,42,132)
```
#1f2f94
```
#1f2f94 rgb(31,47,148)
```
#2234a4
```
#2234a4 rgb(34,52,164)
```
#2639b4
```
#2639b4 rgb(38,57,180)
```
#293ec5
```
#293ec5 rgb(41,62,197)
```

Shade Color Variation

#2e45d3
```
#2e45d3 rgb(46,69,211)
```
#3e53d7
```
#3e53d7 rgb(62,83,215)
```
#4f62da
```
#4f62da rgb(79,98,218)
```
#5f70dd
```
#5f70dd rgb(95,112,221)
```
#6f7fe1
```
#6f7fe1 rgb(111,127,225)
```
#7f8de4
```
#7f8de4 rgb(127,141,228)
```
#909ce8
```
#909ce8 rgb(144,156,232)
```
#a0aaeb
```
#a0aaeb rgb(160,170,235)
```
#b0b8ee
```
#b0b8ee rgb(176,184,238)
```
#c0c7f2
```
#c0c7f2 rgb(192,199,242)
```
#d0d5f5
```
#d0d5f5 rgb(208,213,245)
```
#e1e4f9
```
#e1e4f9 rgb(225,228,249)
```
#f1f2fc
```
#f1f2fc rgb(241,242,252)
```

Tint Color Variation

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

#56575d
```
#56575d rgb(86,87,93)
```
#4f5264
```
#4f5264 rgb(79,82,100)
```
#484d6b
```
#484d6b rgb(72,77,107)
```
#414872
```
#414872 rgb(65,72,114)
```
#3b4378
```
#3b4378 rgb(59,67,120)
```
#343e7f
```
#343e7f rgb(52,62,127)
```
#2d3986
```
#2d3986 rgb(45,57,134)
```
#26348d
```
#26348d rgb(38,52,141)
```
#1f2f94
```
#1f2f94 rgb(31,47,148)
```
#182a9b
```
#182a9b rgb(24,42,155)
```
#1125a2
```
#1125a2 rgb(17,37,162)
```
#0a20a9
```
#0a20a9 rgb(10,32,169)
```
#031bb0
```
#031bb0 rgb(3,27,176)
```

Tone Color Variation

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

Dichromacy

#004384 Protanopia 1% of men
#004772 Deuteranopia 1% of men
#004c50 Tritanopia 0.001% of the population

Trichromacy

#0b3c89 Protanomaly 1% of men, 0.01% of women
#0b3e7e Deuteranomaly 6% of men, 0.4% of women
#0b4169 Tritanomaly 0.01% of the population

#1f2f94 hex color

#1f2f94 Color Information

#1f2f94 Color Conversion

Color Schemes with #1f2f94

Alternatives to #1f2f94

#1f2f94 Preview

Shades and Tints of #1f2f94

Tones of #1f2f94

Color Blindness Simulator