#1f2c93 hex color

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

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

● #1f2c93 color description : Dark blue.

The hexadecimal color #1f2c93 has RGB values of R:31, G:44, B:147 and CMYK values of C:0.79, M:0.7, Y:0, K:0.42. Its decimal value is 2043027.

Hex triplet	1f2c93	`#1f2c93`
RGB Decimal	31, 44, 147	`rgb(31,44,147)`
RGB Percent	12.2, 17.3, 57.6	`rgb(12.2%,17.3%,57.6%)`
CMYK	79, 70, 0, 42
HSL	233.3°, 65.2, 34.9	`hsl(233.3,65.2%,34.9%)`
HSV (or HSB)	233.3°, 78.9, 57.6
Web Safe	333399	`#333399`

CIE-LAB	24.318, 33.08, -57.757
XYZ	6.731, 4.199, 28.058
xyY	0.173, 0.108, 4.199
CIE-LCH	24.318, 66.559, 299.802
CIE-LUV	24.318, -7.232, -70.426
Hunter-Lab	20.491, 22.777, -66.841
Binary	00011111, 00101100, 10010011

#1f2c93
```
#1f2c93 rgb(31,44,147)
```
#93861f
```
#93861f rgb(147,134,31)
```

Complementary Color

#1f6693
```
#1f6693 rgb(31,102,147)
```
#1f2c93
```
#1f2c93 rgb(31,44,147)
```
#4c1f93
```
#4c1f93 rgb(76,31,147)
```

Analogous Color

#66931f
```
#66931f rgb(102,147,31)
```
#1f2c93
```
#1f2c93 rgb(31,44,147)
```
#934c1f
```
#934c1f rgb(147,76,31)
```

Split Complementary Color

#2c931f
```
#2c931f rgb(44,147,31)
```
#1f2c93
```
#1f2c93 rgb(31,44,147)
```
#931f2c
```
#931f2c rgb(147,31,44)
```

Triadic Color

#1f9386
```
#1f9386 rgb(31,147,134)
```
#1f2c93
```
#1f2c93 rgb(31,44,147)
```
#931f2c
```
#931f2c rgb(147,31,44)
```
#93861f
```
#93861f rgb(147,134,31)
```

Tetradic Color

#121954
```
#121954 rgb(18,25,84)
```
#161f69
```
#161f69 rgb(22,31,105)
```
#1b267e
```
#1b267e rgb(27,38,126)
```
#1f2c93
```
#1f2c93 rgb(31,44,147)
```
#2332a8
```
#2332a8 rgb(35,50,168)
```
#2839bd
```
#2839bd rgb(40,57,189)
```
#2c3fd2
```
#2c3fd2 rgb(44,63,210)
```

Monochromatic Color

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

#1f4993
```
#1f4993 rgb(31,73,147)
```
#1f3f93
```
#1f3f93 rgb(31,63,147)
```
#1f3693
```
#1f3693 rgb(31,54,147)
```
#1f2c93
```
#1f2c93 rgb(31,44,147)
```
#1f2293
```
#1f2293 rgb(31,34,147)
```
#251f93
```
#251f93 rgb(37,31,147)
```
#2f1f93
```
#2f1f93 rgb(47,31,147)
```

Similar Colors

Text with hexadecimal color #1f2c93

This text has a font color of #1f2c93.

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

#1f2c93 background color

This paragraph has a background color of #1f2c93.

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

#1f2c93 border color

This element has a border color of #1f2c93.

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

CSS codes

.text {color:#1f2c93;}

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

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

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)
```
#0b0f32
```
#0b0f32 rgb(11,15,50)
```
#0e1442
```
#0e1442 rgb(14,20,66)
```
#111952
```
#111952 rgb(17,25,82)
```
#151d62
```
#151d62 rgb(21,29,98)
```
#182273
```
#182273 rgb(24,34,115)
```
#1c2783
```
#1c2783 rgb(28,39,131)
```
#1f2c93
```
#1f2c93 rgb(31,44,147)
```
#2231a3
```
#2231a3 rgb(34,49,163)
```
#2636b3
```
#2636b3 rgb(38,54,179)
```
#293bc4
```
#293bc4 rgb(41,59,196)
```

Shade Color Variation

#2e40d3
```
#2e40d3 rgb(46,64,211)
```
#3e4fd6
```
#3e4fd6 rgb(62,79,214)
```
#4e5eda
```
#4e5eda rgb(78,94,218)
```
#5e6cdd
```
#5e6cdd rgb(94,108,221)
```
#6e7be1
```
#6e7be1 rgb(110,123,225)
```
#7f8ae4
```
#7f8ae4 rgb(127,138,228)
```
#8f99e7
```
#8f99e7 rgb(143,153,231)
```
#9fa8eb
```
#9fa8eb rgb(159,168,235)
```
#afb6ee
```
#afb6ee rgb(175,182,238)
```
#bfc5f2
```
#bfc5f2 rgb(191,197,242)
```
#d0d4f5
```
#d0d4f5 rgb(208,212,245)
```
#e0e3f8
```
#e0e3f8 rgb(224,227,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 #0417ae is the most saturated one.

#56565c
```
#56565c rgb(86,86,92)
```
#4f5163
```
#4f5163 rgb(79,81,99)
```
#484c6a
```
#484c6a rgb(72,76,106)
```
#414771
```
#414771 rgb(65,71,113)
```
#3a4178
```
#3a4178 rgb(58,65,120)
```
#343c7e
```
#343c7e rgb(52,60,126)
```
#2d3785
```
#2d3785 rgb(45,55,133)
```
#26318c
```
#26318c rgb(38,49,140)
```
#1f2c93
```
#1f2c93 rgb(31,44,147)
```
#18279a
```
#18279a rgb(24,39,154)
```
#1121a1
```
#1121a1 rgb(17,33,161)
```
#0a1ca8
```
#0a1ca8 rgb(10,28,168)
```
#0417ae
```
#0417ae rgb(4,23,174)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#303247 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004280 Protanopia 1% of men
#00456f Deuteranopia 1% of men
#004a4e Tritanopia 0.001% of the population

Trichromacy

#0b3a87 Protanomaly 1% of men, 0.01% of women
#0b3c7c Deuteranomaly 6% of men, 0.4% of women
#0b3f67 Tritanomaly 0.01% of the population

#1f2c93 hex color

#1f2c93 Color Information

#1f2c93 Color Conversion

Color Schemes with #1f2c93

Alternatives to #1f2c93

#1f2c93 Preview

Shades and Tints of #1f2c93

Tones of #1f2c93

Color Blindness Simulator