#1f4aa5 hex color

In a RGB color space, hex #1f4aa5 is composed of 12.2% red, 29% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 55.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 220.7 degrees, a saturation of 68.4% and a lightness of 38.4%. #1f4aa5 color hex could be obtained by blending #3e94ff with #00004b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 29
- B 65
RGB color chart
- C 81
- M 55
- Y 0
- K 35
CMYK color chart

● #1f4aa5 color description : Dark blue.

The hexadecimal color #1f4aa5 has RGB values of R:31, G:74, B:165 and CMYK values of C:0.81, M:0.55, Y:0, K:0.35. Its decimal value is 2050725.

Hex triplet	1f4aa5	`#1f4aa5`
RGB Decimal	31, 74, 165	`rgb(31,74,165)`
RGB Percent	12.2, 29, 64.7	`rgb(12.2%,29%,64.7%)`
CMYK	81, 55, 0, 35
HSL	220.7°, 68.4, 38.4	`hsl(220.7,68.4%,38.4%)`
HSV (or HSB)	220.7°, 81.2, 64.7
Web Safe	333399	`#333399`

CIE-LAB	33.784, 19.905, -53.232
XYZ	9.804, 7.905, 36.604
xyY	0.181, 0.146, 7.905
CIE-LCH	33.784, 56.832, 290.502
CIE-LUV	33.784, -14.58, -74.51
Hunter-Lab	28.115, 13.042, -57.511
Binary	00011111, 01001010, 10100101

#1f4aa5
```
#1f4aa5 rgb(31,74,165)
```
#a57a1f
```
#a57a1f rgb(165,122,31)
```

Complementary Color

#1f8da5
```
#1f8da5 rgb(31,141,165)
```
#1f4aa5
```
#1f4aa5 rgb(31,74,165)
```
#371fa5
```
#371fa5 rgb(55,31,165)
```

Analogous Color

#8da51f
```
#8da51f rgb(141,165,31)
```
#1f4aa5
```
#1f4aa5 rgb(31,74,165)
```
#a5371f
```
#a5371f rgb(165,55,31)
```

Split Complementary Color

#4aa51f
```
#4aa51f rgb(74,165,31)
```
#1f4aa5
```
#1f4aa5 rgb(31,74,165)
```
#a51f4a
```
#a51f4a rgb(165,31,74)
```

Triadic Color

#1fa57a
```
#1fa57a rgb(31,165,122)
```
#1f4aa5
```
#1f4aa5 rgb(31,74,165)
```
#a51f4a
```
#a51f4a rgb(165,31,74)
```
#a57a1f
```
#a57a1f rgb(165,122,31)
```

Tetradic Color

#132d65
```
#132d65 rgb(19,45,101)
```
#17377a
```
#17377a rgb(23,55,122)
```
#1b4090
```
#1b4090 rgb(27,64,144)
```
#1f4aa5
```
#1f4aa5 rgb(31,74,165)
```
#2354ba
```
#2354ba rgb(35,84,186)
```
#275dd0
```
#275dd0 rgb(39,93,208)
```
#376bd9
```
#376bd9 rgb(55,107,217)
```

Monochromatic Color

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

#1f6ca5
```
#1f6ca5 rgb(31,108,165)
```
#1f60a5
```
#1f60a5 rgb(31,96,165)
```
#1f55a5
```
#1f55a5 rgb(31,85,165)
```
#1f4aa5
```
#1f4aa5 rgb(31,74,165)
```
#1f3fa5
```
#1f3fa5 rgb(31,63,165)
```
#1f34a5
```
#1f34a5 rgb(31,52,165)
```
#1f29a5
```
#1f29a5 rgb(31,41,165)
```

Similar Colors

Text with hexadecimal color #1f4aa5

This text has a font color of #1f4aa5.

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

#1f4aa5 background color

This paragraph has a background color of #1f4aa5.

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

#1f4aa5 border color

This element has a border color of #1f4aa5.

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

CSS codes

.text {color:#1f4aa5;}

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

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

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

#030710
```
#030710 rgb(3,7,16)
```
#060f21
```
#060f21 rgb(6,15,33)
```
#091631
```
#091631 rgb(9,22,49)
```
#0c1e42
```
#0c1e42 rgb(12,30,66)
```
#0f2552
```
#0f2552 rgb(15,37,82)
```
#132c63
```
#132c63 rgb(19,44,99)
```
#163473
```
#163473 rgb(22,52,115)
```
#193b84
```
#193b84 rgb(25,59,132)
```
#1c4394
```
#1c4394 rgb(28,67,148)
```
#1f4aa5
```
#1f4aa5 rgb(31,74,165)
```
#2251b6
```
#2251b6 rgb(34,81,182)
```
#2559c6
```
#2559c6 rgb(37,89,198)
```
#2860d7
```
#2860d7 rgb(40,96,215)
```

Shade Color Variation

#396cda
```
#396cda rgb(57,108,218)
```
#4979dd
```
#4979dd rgb(73,121,221)
```
#5a85e0
```
#5a85e0 rgb(90,133,224)
```
#6a91e3
```
#6a91e3 rgb(106,145,227)
```
#7b9de6
```
#7b9de6 rgb(123,157,230)
```
#8ba9e9
```
#8ba9e9 rgb(139,169,233)
```
#9cb6ec
```
#9cb6ec rgb(156,182,236)
```
#acc2ef
```
#acc2ef rgb(172,194,239)
```
#bdcef3
```
#bdcef3 rgb(189,206,243)
```
#cddaf6
```
#cddaf6 rgb(205,218,246)
```
#dee6f9
```
#dee6f9 rgb(222,230,249)
```
#eef3fc
```
#eef3fc rgb(238,243,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5b6069
```
#5b6069 rgb(91,96,105)
```
#545d70
```
#545d70 rgb(84,93,112)
```
#4c5a78
```
#4c5a78 rgb(76,90,120)
```
#45587f
```
#45587f rgb(69,88,127)
```
#3d5587
```
#3d5587 rgb(61,85,135)
```
#36528e
```
#36528e rgb(54,82,142)
```
#2e4f96
```
#2e4f96 rgb(46,79,150)
```
#274d9d
```
#274d9d rgb(39,77,157)
```
#1f4aa5
```
#1f4aa5 rgb(31,74,165)
```
#1747ad
```
#1747ad rgb(23,71,173)
```
#1045b4
```
#1045b4 rgb(16,69,180)
```
#0842bc
```
#0842bc rgb(8,66,188)
```
#013fc3
```
#013fc3 rgb(1,63,195)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#40485b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a8 Protanopia 1% of men
#005a93 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#0b51a7 Protanomaly 1% of men, 0.01% of women
#0b5499 Deuteranomaly 6% of men, 0.4% of women
#0b587d Tritanomaly 0.01% of the population

#1f4aa5 hex color

#1f4aa5 Color Information

#1f4aa5 Color Conversion

Color Schemes with #1f4aa5

Alternatives to #1f4aa5

#1f4aa5 Preview

Shades and Tints of #1f4aa5

Tones of #1f4aa5

Color Blindness Simulator