#1f2ac4 hex color

In a RGB color space, hex #1f2ac4 is composed of 12.2% red, 16.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 78.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 236 degrees, a saturation of 72.7% and a lightness of 44.5%. #1f2ac4 color hex could be obtained by blending #3e54ff with #000089. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 16
- B 77
RGB color chart
- C 84
- M 79
- Y 0
- K 23
CMYK color chart

● #1f2ac4 color description : Strong blue.

The hexadecimal color #1f2ac4 has RGB values of R:31, G:42, B:196 and CMYK values of C:0.84, M:0.79, Y:0, K:0.23. Its decimal value is 2042564.

Hex triplet	1f2ac4	`#1f2ac4`
RGB Decimal	31, 42, 196	`rgb(31,42,196)`
RGB Percent	12.2, 16.5, 76.9	`rgb(12.2%,16.5%,76.9%)`
CMYK	84, 79, 0, 23
HSL	236°, 72.7, 44.5	`hsl(236,72.7%,44.5%)`
HSV (or HSB)	236°, 84.2, 76.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.24, 51.254, -79.096
XYZ	11.355, 5.932, 52.768
xyY	0.162, 0.085, 5.932
CIE-LCH	29.24, 94.251, 302.943
CIE-LUV	29.24, -8.45, -99.561
Hunter-Lab	24.356, 40.596, -111.407
Binary	00011111, 00101010, 11000100

#1f2ac4
```
#1f2ac4 rgb(31,42,196)
```
#c4b91f
```
#c4b91f rgb(196,185,31)
```

Complementary Color

#1f7dc4
```
#1f7dc4 rgb(31,125,196)
```
#1f2ac4
```
#1f2ac4 rgb(31,42,196)
```
#671fc4
```
#671fc4 rgb(103,31,196)
```

Analogous Color

#7dc41f
```
#7dc41f rgb(125,196,31)
```
#1f2ac4
```
#1f2ac4 rgb(31,42,196)
```
#c4671f
```
#c4671f rgb(196,103,31)
```

Split Complementary Color

#2ac41f
```
#2ac41f rgb(42,196,31)
```
#1f2ac4
```
#1f2ac4 rgb(31,42,196)
```
#c41f2a
```
#c41f2a rgb(196,31,42)
```

Triadic Color

#1fc4b9
```
#1fc4b9 rgb(31,196,185)
```
#1f2ac4
```
#1f2ac4 rgb(31,42,196)
```
#c41f2a
```
#c41f2a rgb(196,31,42)
```
#c4b91f
```
#c4b91f rgb(196,185,31)
```

Tetradic Color

#151c82
```
#151c82 rgb(21,28,130)
```
#182198
```
#182198 rgb(24,33,152)
```
#1c25ae
```
#1c25ae rgb(28,37,174)
```
#1f2ac4
```
#1f2ac4 rgb(31,42,196)
```
#222fda
```
#222fda rgb(34,47,218)
```
#3742df
```
#3742df rgb(55,66,223)
```
#4d57e3
```
#4d57e3 rgb(77,87,227)
```

Monochromatic Color

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

#1f53c4
```
#1f53c4 rgb(31,83,196)
```
#1f46c4
```
#1f46c4 rgb(31,70,196)
```
#1f38c4
```
#1f38c4 rgb(31,56,196)
```
#1f2ac4
```
#1f2ac4 rgb(31,42,196)
```
#221fc4
```
#221fc4 rgb(34,31,196)
```
#2f1fc4
```
#2f1fc4 rgb(47,31,196)
```
#3d1fc4
```
#3d1fc4 rgb(61,31,196)
```

Similar Colors

Text with hexadecimal color #1f2ac4

This text has a font color of #1f2ac4.

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

#1f2ac4 background color

This paragraph has a background color of #1f2ac4.

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

#1f2ac4 border color

This element has a border color of #1f2ac4.

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

CSS codes

.text {color:#1f2ac4;}

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

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

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, #02020a is the darkest color, while #f8f8fe is the lightest one.

#02020a
```
#02020a rgb(2,2,10)
```
#04061b
```
#04061b rgb(4,6,27)
```
#07092c
```
#07092c rgb(7,9,44)
```
#0a0d3d
```
#0a0d3d rgb(10,13,61)
```
#0c114d
```
#0c114d rgb(12,17,77)
```
#0f145e
```
#0f145e rgb(15,20,94)
```
#12186f
```
#12186f rgb(18,24,111)
```
#141b80
```
#141b80 rgb(20,27,128)
```
#171f91
```
#171f91 rgb(23,31,145)
```
#1a23a2
```
#1a23a2 rgb(26,35,162)
```
#1c26b3
```
#1c26b3 rgb(28,38,179)
```
#1f2ac4
```
#1f2ac4 rgb(31,42,196)
```
#222ed5
```
#222ed5 rgb(34,46,213)
```

Shade Color Variation

#2d38de
```
#2d38de rgb(45,56,222)
```
#3d48e0
```
#3d48e0 rgb(61,72,224)
```
#4e58e3
```
#4e58e3 rgb(78,88,227)
```
#5f68e6
```
#5f68e6 rgb(95,104,230)
```
#7078e8
```
#7078e8 rgb(112,120,232)
```
#8188eb
```
#8188eb rgb(129,136,235)
```
#9298ee
```
#9298ee rgb(146,152,238)
```
#a3a8f0
```
#a3a8f0 rgb(163,168,240)
```
#b4b8f3
```
#b4b8f3 rgb(180,184,243)
```
#c5c8f6
```
#c5c8f6 rgb(197,200,246)
```
#d6d8f8
```
#d6d8f8 rgb(214,216,248)
```
#e7e8fb
```
#e7e8fb rgb(231,232,251)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6e75 is the less saturated color, while #0513de is the most saturated one.

#6e6e75
```
#6e6e75 rgb(110,110,117)
```
#65677e
```
#65677e rgb(101,103,126)
```
#5c5f87
```
#5c5f87 rgb(92,95,135)
```
#535790
```
#535790 rgb(83,87,144)
```
#4b5098
```
#4b5098 rgb(75,80,152)
```
#4248a1
```
#4248a1 rgb(66,72,161)
```
#3941aa
```
#3941aa rgb(57,65,170)
```
#3039b3
```
#3039b3 rgb(48,57,179)
```
#2832bb
```
#2832bb rgb(40,50,187)
```
#1f2ac4
```
#1f2ac4 rgb(31,42,196)
```
#1622cd
```
#1622cd rgb(22,34,205)
```
#0e1bd5
```
#0e1bd5 rgb(14,27,213)
```
#0513de
```
#0513de rgb(5,19,222)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#333554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005080 Deuteranopia 1% of men
#00565a Tritanopia 0.001% of the population

Trichromacy

#0b3fa5 Protanomaly 1% of men, 0.01% of women
#0b4298 Deuteranomaly 6% of men, 0.4% of women
#0b4680 Tritanomaly 0.01% of the population

#1f2ac4 hex color

#1f2ac4 Color Information

#1f2ac4 Color Conversion

Color Schemes with #1f2ac4

Alternatives to #1f2ac4

#1f2ac4 Preview

Shades and Tints of #1f2ac4

Tones of #1f2ac4

Color Blindness Simulator