#1f4ca2 hex color

In a RGB color space, hex #1f4ca2 is composed of 12.2% red, 29.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 53.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 219.4 degrees, a saturation of 67.9% and a lightness of 37.8%. #1f4ca2 color hex could be obtained by blending #3e98ff with #000045. Closest websafe color is: #333399.

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

● #1f4ca2 color description : Dark blue.

The hexadecimal color #1f4ca2 has RGB values of R:31, G:76, B:162 and CMYK values of C:0.81, M:0.53, Y:0, K:0.36. Its decimal value is 2051234.

Hex triplet	1f4ca2	`#1f4ca2`
RGB Decimal	31, 76, 162	`rgb(31,76,162)`
RGB Percent	12.2, 29.8, 63.5	`rgb(12.2%,29.8%,63.5%)`
CMYK	81, 53, 0, 36
HSL	219.4°, 67.9, 37.8	`hsl(219.4,67.9%,37.8%)`
HSV (or HSB)	219.4°, 80.9, 63.5
Web Safe	333399	`#333399`

CIE-LAB	34.124, 17.362, -50.88
XYZ	9.67, 8.068, 35.228
xyY	0.183, 0.152, 8.068
CIE-LCH	34.124, 53.76, 288.841
CIE-LUV	34.124, -15.175, -71.486
Hunter-Lab	28.404, 11.059, -53.651
Binary	00011111, 01001100, 10100010

#1f4ca2
```
#1f4ca2 rgb(31,76,162)
```
#a2751f
```
#a2751f rgb(162,117,31)
```

Complementary Color

#1f8ea2
```
#1f8ea2 rgb(31,142,162)
```
#1f4ca2
```
#1f4ca2 rgb(31,76,162)
```
#341fa2
```
#341fa2 rgb(52,31,162)
```

Analogous Color

#8ea21f
```
#8ea21f rgb(142,162,31)
```
#1f4ca2
```
#1f4ca2 rgb(31,76,162)
```
#a2341f
```
#a2341f rgb(162,52,31)
```

Split Complementary Color

#4ca21f
```
#4ca21f rgb(76,162,31)
```
#1f4ca2
```
#1f4ca2 rgb(31,76,162)
```
#a21f4c
```
#a21f4c rgb(162,31,76)
```

Triadic Color

#1fa275
```
#1fa275 rgb(31,162,117)
```
#1f4ca2
```
#1f4ca2 rgb(31,76,162)
```
#a21f4c
```
#a21f4c rgb(162,31,76)
```
#a2751f
```
#a2751f rgb(162,117,31)
```

Tetradic Color

#132e62
```
#132e62 rgb(19,46,98)
```
#173877
```
#173877 rgb(23,56,119)
```
#1b428d
```
#1b428d rgb(27,66,141)
```
#1f4ca2
```
#1f4ca2 rgb(31,76,162)
```
#2356b7
```
#2356b7 rgb(35,86,183)
```
#2760cd
```
#2760cd rgb(39,96,205)
```
#356dd8
```
#356dd8 rgb(53,109,216)
```

Monochromatic Color

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

#1f6da2
```
#1f6da2 rgb(31,109,162)
```
#1f62a2
```
#1f62a2 rgb(31,98,162)
```
#1f57a2
```
#1f57a2 rgb(31,87,162)
```
#1f4ca2
```
#1f4ca2 rgb(31,76,162)
```
#1f41a2
```
#1f41a2 rgb(31,65,162)
```
#1f36a2
```
#1f36a2 rgb(31,54,162)
```
#1f2ba2
```
#1f2ba2 rgb(31,43,162)
```

Similar Colors

Text with hexadecimal color #1f4ca2

This text has a font color of #1f4ca2.

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

#1f4ca2 background color

This paragraph has a background color of #1f4ca2.

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

#1f4ca2 border color

This element has a border color of #1f4ca2.

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

CSS codes

.text {color:#1f4ca2;}

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

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

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, #03060e is the darkest color, while #fcfdfe is the lightest one.

#03060e
```
#03060e rgb(3,6,14)
```
#060e1e
```
#060e1e rgb(6,14,30)
```
#09162f
```
#09162f rgb(9,22,47)
```
#0c1e3f
```
#0c1e3f rgb(12,30,63)
```
#0f2550
```
#0f2550 rgb(15,37,80)
```
#122d60
```
#122d60 rgb(18,45,96)
```
#163571
```
#163571 rgb(22,53,113)
```
#193d81
```
#193d81 rgb(25,61,129)
```
#1c4492
```
#1c4492 rgb(28,68,146)
```
#1f4ca2
```
#1f4ca2 rgb(31,76,162)
```
#2254b2
```
#2254b2 rgb(34,84,178)
```
#255bc3
```
#255bc3 rgb(37,91,195)
```
#2863d3
```
#2863d3 rgb(40,99,211)
```

Shade Color Variation

#376ed9
```
#376ed9 rgb(55,110,217)
```
#477adc
```
#477adc rgb(71,122,220)
```
#5886df
```
#5886df rgb(88,134,223)
```
#6892e2
```
#6892e2 rgb(104,146,226)
```
#799ee5
```
#799ee5 rgb(121,158,229)
```
#89aae8
```
#89aae8 rgb(137,170,232)
```
#9ab6ec
```
#9ab6ec rgb(154,182,236)
```
#aac2ef
```
#aac2ef rgb(170,194,239)
```
#bacef2
```
#bacef2 rgb(186,206,242)
```
#cbd9f5
```
#cbd9f5 rgb(203,217,245)
```
#dbe5f8
```
#dbe5f8 rgb(219,229,248)
```
#ecf1fb
```
#ecf1fb rgb(236,241,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#5a5f67
```
#5a5f67 rgb(90,95,103)
```
#535c6e
```
#535c6e rgb(83,92,110)
```
#4c5a75
```
#4c5a75 rgb(76,90,117)
```
#44587d
```
#44587d rgb(68,88,125)
```
#3d5584
```
#3d5584 rgb(61,85,132)
```
#35538c
```
#35538c rgb(53,83,140)
```
#2e5193
```
#2e5193 rgb(46,81,147)
```
#264e9b
```
#264e9b rgb(38,78,155)
```
#1f4ca2
```
#1f4ca2 rgb(31,76,162)
```
#184aa9
```
#184aa9 rgb(24,74,169)
```
#1047b1
```
#1047b1 rgb(16,71,177)
```
#0945b8
```
#0945b8 rgb(9,69,184)
```
#0143c0
```
#0143c0 rgb(1,67,192)
```

Tone Color Variation

Below, you can see how #1f4ca2 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
#40495a Atypical Achromatopsia 0.001% of the population

Dichromacy

#1656a8 Protanopia 1% of men
#005b95 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#1952a5 Protanomaly 1% of men, 0.01% of women
#0b5599 Deuteranomaly 6% of men, 0.4% of women
#0b5a7d Tritanomaly 0.01% of the population

#1f4ca2 hex color

#1f4ca2 Color Information

#1f4ca2 Color Conversion

Color Schemes with #1f4ca2

Alternatives to #1f4ca2

#1f4ca2 Preview

Shades and Tints of #1f4ca2

Tones of #1f4ca2

Color Blindness Simulator