#1f3ac7 hex color

In a RGB color space, hex #1f3ac7 is composed of 12.2% red, 22.7% green and 78% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 70.9% magenta, 0% yellow and 22% black. It has a hue angle of 230.4 degrees, a saturation of 73% and a lightness of 45.1%. #1f3ac7 color hex could be obtained by blending #3e74ff with #00008f. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 23
- B 78
RGB color chart
- C 84
- M 71
- Y 0
- K 22
CMYK color chart

● #1f3ac7 color description : Strong blue.

The hexadecimal color #1f3ac7 has RGB values of R:31, G:58, B:199 and CMYK values of C:0.84, M:0.71, Y:0, K:0.22. Its decimal value is 2046663.

Hex triplet	1f3ac7	`#1f3ac7`
RGB Decimal	31, 58, 199	`rgb(31,58,199)`
RGB Percent	12.2, 22.7, 78	`rgb(12.2%,22.7%,78%)`
CMYK	84, 71, 0, 22
HSL	230.4°, 73, 45.1	`hsl(230.4,73%,45.1%)`
HSV (or HSB)	230.4°, 84.4, 78
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.788, 43.191, -74.983
XYZ	12.385, 7.44, 54.813
xyY	0.166, 0.1, 7.44
CIE-LCH	32.788, 86.533, 299.943
CIE-LUV	32.788, -11.117, -100.67
Hunter-Lab	27.276, 33.314, -100.052
Binary	00011111, 00111010, 11000111

#1f3ac7
```
#1f3ac7 rgb(31,58,199)
```
#c7ac1f
```
#c7ac1f rgb(199,172,31)
```

Complementary Color

#1f8ec7
```
#1f8ec7 rgb(31,142,199)
```
#1f3ac7
```
#1f3ac7 rgb(31,58,199)
```
#581fc7
```
#581fc7 rgb(88,31,199)
```

Analogous Color

#8ec71f
```
#8ec71f rgb(142,199,31)
```
#1f3ac7
```
#1f3ac7 rgb(31,58,199)
```
#c7581f
```
#c7581f rgb(199,88,31)
```

Split Complementary Color

#3ac71f
```
#3ac71f rgb(58,199,31)
```
#1f3ac7
```
#1f3ac7 rgb(31,58,199)
```
#c71f3a
```
#c71f3a rgb(199,31,58)
```

Triadic Color

#1fc7ac
```
#1fc7ac rgb(31,199,172)
```
#1f3ac7
```
#1f3ac7 rgb(31,58,199)
```
#c71f3a
```
#c71f3a rgb(199,31,58)
```
#c7ac1f
```
#c7ac1f rgb(199,172,31)
```

Tetradic Color

#152785
```
#152785 rgb(21,39,133)
```
#182d9b
```
#182d9b rgb(24,45,155)
```
#1c34b1
```
#1c34b1 rgb(28,52,177)
```
#1f3ac7
```
#1f3ac7 rgb(31,58,199)
```
#2341dd
```
#2341dd rgb(35,65,221)
```
#3954e0
```
#3954e0 rgb(57,84,224)
```
#4f67e4
```
#4f67e4 rgb(79,103,228)
```

Monochromatic Color

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

#1f64c7
```
#1f64c7 rgb(31,100,199)
```
#1f56c7
```
#1f56c7 rgb(31,86,199)
```
#1f48c7
```
#1f48c7 rgb(31,72,199)
```
#1f3ac7
```
#1f3ac7 rgb(31,58,199)
```
#1f2cc7
```
#1f2cc7 rgb(31,44,199)
```
#201fc7
```
#201fc7 rgb(32,31,199)
```
#2e1fc7
```
#2e1fc7 rgb(46,31,199)
```

Similar Colors

Text with hexadecimal color #1f3ac7

This text has a font color of #1f3ac7.

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

#1f3ac7 background color

This paragraph has a background color of #1f3ac7.

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

#1f3ac7 border color

This element has a border color of #1f3ac7.

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

CSS codes

.text {color:#1f3ac7;}

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

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

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, #02040c is the darkest color, while #fafbfe is the lightest one.

#02040c
```
#02040c rgb(2,4,12)
```
#05091d
```
#05091d rgb(5,9,29)
```
#070d2e
```
#070d2e rgb(7,13,46)
```
#0a123f
```
#0a123f rgb(10,18,63)
```
#0c1750
```
#0c1750 rgb(12,23,80)
```
#0f1c61
```
#0f1c61 rgb(15,28,97)
```
#122172
```
#122172 rgb(18,33,114)
```
#142683
```
#142683 rgb(20,38,131)
```
#172b94
```
#172b94 rgb(23,43,148)
```
#1a30a5
```
#1a30a5 rgb(26,48,165)
```
#1c35b6
```
#1c35b6 rgb(28,53,182)
```
#1f3ac7
```
#1f3ac7 rgb(31,58,199)
```
#223fd8
```
#223fd8 rgb(34,63,216)
```

Shade Color Variation

#2f4bdf
```
#2f4bdf rgb(47,75,223)
```
#405ae1
```
#405ae1 rgb(64,90,225)
```
#5168e4
```
#5168e4 rgb(81,104,228)
```
#6277e6
```
#6277e6 rgb(98,119,230)
```
#7386e9
```
#7386e9 rgb(115,134,233)
```
#8494ec
```
#8494ec rgb(132,148,236)
```
#95a3ee
```
#95a3ee rgb(149,163,238)
```
#a5b2f1
```
#a5b2f1 rgb(165,178,241)
```
#b6c0f4
```
#b6c0f4 rgb(182,192,244)
```
#c7cff6
```
#c7cff6 rgb(199,207,246)
```
#d8def9
```
#d8def9 rgb(216,222,249)
```
#e9ecfc
```
#e9ecfc rgb(233,236,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#6f7077
```
#6f7077 rgb(111,112,119)
```
#666a80
```
#666a80 rgb(102,106,128)
```
#5d6489
```
#5d6489 rgb(93,100,137)
```
#545e92
```
#545e92 rgb(84,94,146)
```
#4b589b
```
#4b589b rgb(75,88,155)
```
#4252a4
```
#4252a4 rgb(66,82,164)
```
#3a4cac
```
#3a4cac rgb(58,76,172)
```
#3146b5
```
#3146b5 rgb(49,70,181)
```
#2840be
```
#2840be rgb(40,64,190)
```
#1f3ac7
```
#1f3ac7 rgb(31,58,199)
```
#1634d0
```
#1634d0 rgb(22,52,208)
```
#0d2ed9
```
#0d2ed9 rgb(13,46,217)
```
#0428e2
```
#0428e2 rgb(4,40,226)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3b405d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a3 Protanopia 1% of men
#00588d Deuteranopia 1% of men
#005e63 Tritanopia 0.001% of the population

Trichromacy

#0b4ab0 Protanomaly 1% of men, 0.01% of women
#0b4da2 Deuteranomaly 6% of men, 0.4% of women
#0b5187 Tritanomaly 0.01% of the population

#1f3ac7 hex color

#1f3ac7 Color Information

#1f3ac7 Color Conversion

Color Schemes with #1f3ac7

Alternatives to #1f3ac7

#1f3ac7 Preview

Shades and Tints of #1f3ac7

Tones of #1f3ac7

Color Blindness Simulator