colorhexa.com

#1f46a1 hex color

In a RGB color space, hex #1f46a1 is composed of 12.2% red, 27.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 56.5% magenta, 0% yellow and 36.9% black. It has a hue angle of 222 degrees, a saturation of 67.7% and a lightness of 37.6%. #1f46a1 color hex could be obtained by blending #3e8cff with #000043. Closest websafe color is: #333399.

- R 12
- G 27
- B 63
RGB color chart
- C 81
- M 57
- Y 0
- K 37
CMYK color chart

● #1f46a1 color description : Dark blue.

The hexadecimal color #1f46a1 has RGB values of R:31, G:70, B:161 and CMYK values of C:0.81, M:0.57, Y:0, K:0.37. Its decimal value is 2049697.

Hex triplet	1f46a1	`#1f46a1`
RGB Decimal	31, 70, 161	`rgb(31,70,161)`
RGB Percent	12.2, 27.5, 63.1	`rgb(12.2%,27.5%,63.1%)`
CMYK	81, 57, 0, 37
HSL	222°, 67.7, 37.6	`hsl(222,67.7%,37.6%)`
HSV (or HSB)	222°, 80.7, 63.1
Web Safe	333399	`#333399`

CIE-LAB	32.356, 21.031, -53.147
XYZ	9.187, 7.244, 34.63
xyY	0.18, 0.142, 7.244
CIE-LCH	32.356, 57.156, 291.589
CIE-LUV	32.356, -13.509, -73.321
Hunter-Lab	26.915, 13.826, -57.446
Binary	00011111, 01000110, 10100001

#1f46a1
```
#1f46a1 rgb(31,70,161)
```
#a17a1f
```
#a17a1f rgb(161,122,31)
```

Complementary Color

#1f87a1
```
#1f87a1 rgb(31,135,161)
```
#1f46a1
```
#1f46a1 rgb(31,70,161)
```
#391fa1
```
#391fa1 rgb(57,31,161)
```

Analogous Color

#87a11f
```
#87a11f rgb(135,161,31)
```
#1f46a1
```
#1f46a1 rgb(31,70,161)
```
#a1391f
```
#a1391f rgb(161,57,31)
```

Split Complementary Color

#46a11f
```
#46a11f rgb(70,161,31)
```
#1f46a1
```
#1f46a1 rgb(31,70,161)
```
#a11f46
```
#a11f46 rgb(161,31,70)
```

Triadic Color

#1fa17a
```
#1fa17a rgb(31,161,122)
```
#1f46a1
```
#1f46a1 rgb(31,70,161)
```
#a11f46
```
#a11f46 rgb(161,31,70)
```
#a17a1f
```
#a17a1f rgb(161,122,31)
```

Tetradic Color

#132a61
```
#132a61 rgb(19,42,97)
```
#173376
```
#173376 rgb(23,51,118)
```
#1b3d8c
```
#1b3d8c rgb(27,61,140)
```
#1f46a1
```
#1f46a1 rgb(31,70,161)
```
#234fb6
```
#234fb6 rgb(35,79,182)
```
#2759cc
```
#2759cc rgb(39,89,204)
```
#3466d8
```
#3466d8 rgb(52,102,216)
```

Monochromatic Color

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

#1f67a1
```
#1f67a1 rgb(31,103,161)
```
#1f5ca1
```
#1f5ca1 rgb(31,92,161)
```
#1f51a1
```
#1f51a1 rgb(31,81,161)
```
#1f46a1
```
#1f46a1 rgb(31,70,161)
```
#1f3ba1
```
#1f3ba1 rgb(31,59,161)
```
#1f30a1
```
#1f30a1 rgb(31,48,161)
```
#1f26a1
```
#1f26a1 rgb(31,38,161)
```

Similar Colors

Text with hexadecimal color #1f46a1

This text has a font color of #1f46a1.

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

#1f46a1 background color

This paragraph has a background color of #1f46a1.

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

#1f46a1 border color

This element has a border color of #1f46a1.

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

CSS codes

.text {color:#1f46a1;}

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

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

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, #02060d is the darkest color, while #fcfcfe is the lightest one.

#02060d
```
#02060d rgb(2,6,13)
```
#060d1d
```
#060d1d rgb(6,13,29)
```
#09142e
```
#09142e rgb(9,20,46)
```
#0c1b3e
```
#0c1b3e rgb(12,27,62)
```
#0f224f
```
#0f224f rgb(15,34,79)
```
#12295f
```
#12295f rgb(18,41,95)
```
#153170
```
#153170 rgb(21,49,112)
```
#193880
```
#193880 rgb(25,56,128)
```
#1c3f91
```
#1c3f91 rgb(28,63,145)
```
#1f46a1
```
#1f46a1 rgb(31,70,161)
```
#224db1
```
#224db1 rgb(34,77,177)
```
#2554c2
```
#2554c2 rgb(37,84,194)
```
#295bd2
```
#295bd2 rgb(41,91,210)
```

Shade Color Variation

#3667d8
```
#3667d8 rgb(54,103,216)
```
#4773db
```
#4773db rgb(71,115,219)
```
#5780df
```
#5780df rgb(87,128,223)
```
#678ce2
```
#678ce2 rgb(103,140,226)
```
#7899e5
```
#7899e5 rgb(120,153,229)
```
#88a5e8
```
#88a5e8 rgb(136,165,232)
```
#99b2eb
```
#99b2eb rgb(153,178,235)
```
#a9beee
```
#a9beee rgb(169,190,238)
```
#bacbf2
```
#bacbf2 rgb(186,203,242)
```
#cad7f5
```
#cad7f5 rgb(202,215,245)
```
#dbe3f8
```
#dbe3f8 rgb(219,227,248)
```
#ebf0fb
```
#ebf0fb rgb(235,240,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5e66 is the less saturated color, while #013abf is the most saturated one.

#5a5e66
```
#5a5e66 rgb(90,94,102)
```
#535b6d
```
#535b6d rgb(83,91,109)
```
#4b5875
```
#4b5875 rgb(75,88,117)
```
#44557c
```
#44557c rgb(68,85,124)
```
#3d5283
```
#3d5283 rgb(61,82,131)
```
#354f8b
```
#354f8b rgb(53,79,139)
```
#2e4c92
```
#2e4c92 rgb(46,76,146)
```
#26499a
```
#26499a rgb(38,73,154)
```
#1f46a1
```
#1f46a1 rgb(31,70,161)
```
#1843a8
```
#1843a8 rgb(24,67,168)
```
#1040b0
```
#1040b0 rgb(16,64,176)
```
#093db7
```
#093db7 rgb(9,61,183)
```
#013abf
```
#013abf rgb(1,58,191)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3d4557 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a2 Protanopia 1% of men
#00578e Deuteranopia 1% of men
#005d63 Tritanopia 0.001% of the population

Trichromacy

#0b4ea1 Protanomaly 1% of men, 0.01% of women
#0b5194 Deuteranomaly 6% of men, 0.4% of women
#0b5579 Tritanomaly 0.01% of the population