#1f2a93 hex color

In a RGB color space, hex #1f2a93 is composed of 12.2% red, 16.5% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 71.4% magenta, 0% yellow and 42.4% black. It has a hue angle of 234.3 degrees, a saturation of 65.2% and a lightness of 34.9%. #1f2a93 color hex could be obtained by blending #3e54ff with #000027. Closest websafe color is: #333399.

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

● #1f2a93 color description : Dark blue.

The hexadecimal color #1f2a93 has RGB values of R:31, G:42, B:147 and CMYK values of C:0.79, M:0.71, Y:0, K:0.42. Its decimal value is 2042515.

Hex triplet	1f2a93	`#1f2a93`
RGB Decimal	31, 42, 147	`rgb(31,42,147)`
RGB Percent	12.2, 16.5, 57.6	`rgb(12.2%,16.5%,57.6%)`
CMYK	79, 71, 0, 42
HSL	234.3°, 65.2, 34.9	`hsl(234.3,65.2%,34.9%)`
HSV (or HSB)	234.3°, 78.9, 57.6
Web Safe	333399	`#333399`

CIE-LAB	23.847, 34.362, -58.532
XYZ	6.658, 4.053, 28.034
xyY	0.172, 0.105, 4.053
CIE-LCH	23.847, 67.873, 300.416
CIE-LUV	23.847, -6.854, -70.57
Hunter-Lab	20.133, 23.801, -68.464
Binary	00011111, 00101010, 10010011

#1f2a93
```
#1f2a93 rgb(31,42,147)
```
#93881f
```
#93881f rgb(147,136,31)
```

Complementary Color

#1f6493
```
#1f6493 rgb(31,100,147)
```
#1f2a93
```
#1f2a93 rgb(31,42,147)
```
#4e1f93
```
#4e1f93 rgb(78,31,147)
```

Analogous Color

#64931f
```
#64931f rgb(100,147,31)
```
#1f2a93
```
#1f2a93 rgb(31,42,147)
```
#934e1f
```
#934e1f rgb(147,78,31)
```

Split Complementary Color

#2a931f
```
#2a931f rgb(42,147,31)
```
#1f2a93
```
#1f2a93 rgb(31,42,147)
```
#931f2a
```
#931f2a rgb(147,31,42)
```

Triadic Color

#1f9388
```
#1f9388 rgb(31,147,136)
```
#1f2a93
```
#1f2a93 rgb(31,42,147)
```
#931f2a
```
#931f2a rgb(147,31,42)
```
#93881f
```
#93881f rgb(147,136,31)
```

Tetradic Color

#121854
```
#121854 rgb(18,24,84)
```
#161e69
```
#161e69 rgb(22,30,105)
```
#1b247e
```
#1b247e rgb(27,36,126)
```
#1f2a93
```
#1f2a93 rgb(31,42,147)
```
#2330a8
```
#2330a8 rgb(35,48,168)
```
#2836bd
```
#2836bd rgb(40,54,189)
```
#2c3cd2
```
#2c3cd2 rgb(44,60,210)
```

Monochromatic Color

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

#1f4793
```
#1f4793 rgb(31,71,147)
```
#1f3d93
```
#1f3d93 rgb(31,61,147)
```
#1f3493
```
#1f3493 rgb(31,52,147)
```
#1f2a93
```
#1f2a93 rgb(31,42,147)
```
#1f2093
```
#1f2093 rgb(31,32,147)
```
#271f93
```
#271f93 rgb(39,31,147)
```
#311f93
```
#311f93 rgb(49,31,147)
```

Similar Colors

Text with hexadecimal color #1f2a93

This text has a font color of #1f2a93.

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

#1f2a93 background color

This paragraph has a background color of #1f2a93.

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

#1f2a93 border color

This element has a border color of #1f2a93.

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

CSS codes

.text {color:#1f2a93;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040511
```
#040511 rgb(4,5,17)
```
#070a22
```
#070a22 rgb(7,10,34)
```
#0b0e32
```
#0b0e32 rgb(11,14,50)
```
#0e1342
```
#0e1342 rgb(14,19,66)
```
#111752
```
#111752 rgb(17,23,82)
```
#151c62
```
#151c62 rgb(21,28,98)
```
#182173
```
#182173 rgb(24,33,115)
```
#1c2583
```
#1c2583 rgb(28,37,131)
```
#1f2a93
```
#1f2a93 rgb(31,42,147)
```
#222fa3
```
#222fa3 rgb(34,47,163)
```
#2633b3
```
#2633b3 rgb(38,51,179)
```
#2938c4
```
#2938c4 rgb(41,56,196)
```

Shade Color Variation

#2e3dd3
```
#2e3dd3 rgb(46,61,211)
```
#3e4cd6
```
#3e4cd6 rgb(62,76,214)
```
#4e5bda
```
#4e5bda rgb(78,91,218)
```
#5e6add
```
#5e6add rgb(94,106,221)
```
#6e79e1
```
#6e79e1 rgb(110,121,225)
```
#7f88e4
```
#7f88e4 rgb(127,136,228)
```
#8f97e7
```
#8f97e7 rgb(143,151,231)
```
#9fa6eb
```
#9fa6eb rgb(159,166,235)
```
#afb5ee
```
#afb5ee rgb(175,181,238)
```
#bfc4f2
```
#bfc4f2 rgb(191,196,242)
```
#d0d3f5
```
#d0d3f5 rgb(208,211,245)
```
#e0e2f8
```
#e0e2f8 rgb(224,226,248)
```
#f0f1fc
```
#f0f1fc rgb(240,241,252)
```

Tint Color Variation

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

#56565c
```
#56565c rgb(86,86,92)
```
#4f5163
```
#4f5163 rgb(79,81,99)
```
#484b6a
```
#484b6a rgb(72,75,106)
```
#414671
```
#414671 rgb(65,70,113)
```
#3a4078
```
#3a4078 rgb(58,64,120)
```
#343b7e
```
#343b7e rgb(52,59,126)
```
#2d3585
```
#2d3585 rgb(45,53,133)
```
#26308c
```
#26308c rgb(38,48,140)
```
#1f2a93
```
#1f2a93 rgb(31,42,147)
```
#18249a
```
#18249a rgb(24,36,154)
```
#111fa1
```
#111fa1 rgb(17,31,161)
```
#0a19a8
```
#0a19a8 rgb(10,25,168)
```
#0414ae
```
#0414ae rgb(4,20,174)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2f3146 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0b3886 Protanomaly 1% of men, 0.01% of women
#0b3b7b Deuteranomaly 6% of men, 0.4% of women
#0b3e66 Tritanomaly 0.01% of the population

#1f2a93 hex color

#1f2a93 Color Information

#1f2a93 Color Conversion

Color Schemes with #1f2a93

Alternatives to #1f2a93

#1f2a93 Preview

Shades and Tints of #1f2a93

Tones of #1f2a93

Color Blindness Simulator