#1f12a2 hex color

In a RGB color space, hex #1f12a2 is composed of 12.2% red, 7.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 88.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 245.4 degrees, a saturation of 80% and a lightness of 35.3%. #1f12a2 color hex could be obtained by blending #3e24ff with #000045. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 12
- G 7
- B 64
RGB color chart
- C 81
- M 89
- Y 0
- K 36
CMYK color chart

● #1f12a2 color description : Dark blue.

The hexadecimal color #1f12a2 has RGB values of R:31, G:18, B:162 and CMYK values of C:0.81, M:0.89, Y:0, K:0.36. Its decimal value is 2036386.

Hex triplet	1f12a2	`#1f12a2`
RGB Decimal	31, 18, 162	`rgb(31,18,162)`
RGB Percent	12.2, 7.1, 63.5	`rgb(12.2%,7.1%,63.5%)`
CMYK	81, 89, 0, 36
HSL	245.4°, 80, 35.3	`hsl(245.4,80%,35.3%)`
HSV (or HSB)	245.4°, 88.9, 63.5
Web Safe	330099	`#330099`

CIE-LAB	21.328, 51.657, -71.91
XYZ	7.302, 3.332, 34.439
xyY	0.162, 0.074, 3.332
CIE-LCH	21.328, 88.541, 305.692
CIE-LUV	21.328, -4.43, -78.078
Hunter-Lab	18.254, 39.456, -99.081
Binary	00011111, 00010010, 10100010

#1f12a2
```
#1f12a2 rgb(31,18,162)
```
#95a212
```
#95a212 rgb(149,162,18)
```

Complementary Color

#124da2
```
#124da2 rgb(18,77,162)
```
#1f12a2
```
#1f12a2 rgb(31,18,162)
```
#6712a2
```
#6712a2 rgb(103,18,162)
```

Analogous Color

#4da212
```
#4da212 rgb(77,162,18)
```
#1f12a2
```
#1f12a2 rgb(31,18,162)
```
#a26712
```
#a26712 rgb(162,103,18)
```

Split Complementary Color

#12a21f
```
#12a21f rgb(18,162,31)
```
#1f12a2
```
#1f12a2 rgb(31,18,162)
```
#a21f12
```
#a21f12 rgb(162,31,18)
```

Triadic Color

#1295a2
```
#1295a2 rgb(18,149,162)
```
#1f12a2
```
#1f12a2 rgb(31,18,162)
```
#a21f12
```
#a21f12 rgb(162,31,18)
```
#95a212
```
#95a212 rgb(149,162,18)
```

Tetradic Color

#120a5d
```
#120a5d rgb(18,10,93)
```
#160d74
```
#160d74 rgb(22,13,116)
```
#1b0f8b
```
#1b0f8b rgb(27,15,139)
```
#1f12a2
```
#1f12a2 rgb(31,18,162)
```
#2315b9
```
#2315b9 rgb(35,21,185)
```
#2817d0
```
#2817d0 rgb(40,23,208)
```
#2d1be6
```
#2d1be6 rgb(45,27,230)
```

Monochromatic Color

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

#1229a2
```
#1229a2 rgb(18,41,162)
```
#121da2
```
#121da2 rgb(18,29,162)
```
#1312a2
```
#1312a2 rgb(19,18,162)
```
#1f12a2
```
#1f12a2 rgb(31,18,162)
```
#2b12a2
```
#2b12a2 rgb(43,18,162)
```
#3712a2
```
#3712a2 rgb(55,18,162)
```
#4312a2
```
#4312a2 rgb(67,18,162)
```

Similar Colors

Text with hexadecimal color #1f12a2

This text has a font color of #1f12a2.

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

#1f12a2 background color

This paragraph has a background color of #1f12a2.

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

#1f12a2 border color

This element has a border color of #1f12a2.

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

CSS codes

.text {color:#1f12a2;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#040215
```
#040215 rgb(4,2,21)
```
#070426
```
#070426 rgb(7,4,38)
```
#0b0638
```
#0b0638 rgb(11,6,56)
```
#0e084a
```
#0e084a rgb(14,8,74)
```
#110a5b
```
#110a5b rgb(17,10,91)
```
#150c6d
```
#150c6d rgb(21,12,109)
```
#180e7f
```
#180e7f rgb(24,14,127)
```
#1c1090
```
#1c1090 rgb(28,16,144)
```
#1f12a2
```
#1f12a2 rgb(31,18,162)
```
#2214b4
```
#2214b4 rgb(34,20,180)
```
#2616c5
```
#2616c5 rgb(38,22,197)
```
#2918d7
```
#2918d7 rgb(41,24,215)
```

Shade Color Variation

#2f1de6
```
#2f1de6 rgb(47,29,230)
```
#3f2ee8
```
#3f2ee8 rgb(63,46,232)
```
#4f40ea
```
#4f40ea rgb(79,64,234)
```
#5f52ec
```
#5f52ec rgb(95,82,236)
```
#7063ee
```
#7063ee rgb(112,99,238)
```
#8075f0
```
#8075f0 rgb(128,117,240)
```
#9087f2
```
#9087f2 rgb(144,135,242)
```
#a098f4
```
#a098f4 rgb(160,152,244)
```
#b1aaf6
```
#b1aaf6 rgb(177,170,246)
```
#c1bcf8
```
#c1bcf8 rgb(193,188,248)
```
#d1cdf9
```
#d1cdf9 rgb(209,205,249)
```
#e1dffb
```
#e1dffb rgb(225,223,251)
```
#f2f0fd
```
#f2f0fd rgb(242,240,253)
```

Tint Color Variation

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

#58575d
```
#58575d rgb(88,87,93)
```
#525064
```
#525064 rgb(82,80,100)
```
#4c496b
```
#4c496b rgb(76,73,107)
```
#474272
```
#474272 rgb(71,66,114)
```
#413c78
```
#413c78 rgb(65,60,120)
```
#3b357f
```
#3b357f rgb(59,53,127)
```
#362e86
```
#362e86 rgb(54,46,134)
```
#30278d
```
#30278d rgb(48,39,141)
```
#2a2094
```
#2a2094 rgb(42,32,148)
```
#25199b
```
#25199b rgb(37,25,155)
```
#1f12a2
```
#1f12a2 rgb(31,18,162)
```
#190ba9
```
#190ba9 rgb(25,11,169)
```
#1404b0
```
#1404b0 rgb(20,4,176)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#25223f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c74 Protanopia 1% of men
#003f64 Deuteranopia 1% of men
#004346 Tritanopia 0.001% of the population

Trichromacy

#0b2c85 Protanomaly 1% of men, 0.01% of women
#0b2f7a Deuteranomaly 6% of men, 0.4% of women
#0b3168 Tritanomaly 0.01% of the population

#1f12a2 hex color

#1f12a2 Color Information

#1f12a2 Color Conversion

Color Schemes with #1f12a2

Alternatives to #1f12a2

#1f12a2 Preview

Shades and Tints of #1f12a2

Tones of #1f12a2

Color Blindness Simulator