colorhexa.com

#1f46c3 hex color

In a RGB color space, hex #1f46c3 is composed of 12.2% red, 27.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 84.1% cyan, 64.1% magenta, 0% yellow and 23.5% black. It has a hue angle of 225.7 degrees, a saturation of 72.6% and a lightness of 44.3%. #1f46c3 color hex could be obtained by blending #3e8cff with #000087. Closest websafe color is: #3333cc.

- R 12
- G 27
- B 76
RGB color chart
- C 84
- M 64
- Y 0
- K 24
CMYK color chart

● #1f46c3 color description : Strong blue.

The hexadecimal color #1f46c3 has RGB values of R:31, G:70, B:195 and CMYK values of C:0.84, M:0.64, Y:0, K:0.24. Its decimal value is 2049731.

Hex triplet	1f46c3	`#1f46c3`
RGB Decimal	31, 70, 195	`rgb(31,70,195)`
RGB Percent	12.2, 27.5, 76.5	`rgb(12.2%,27.5%,76.5%)`
CMYK	84, 64, 0, 24
HSL	225.7°, 72.6, 44.3	`hsl(225.7,72.6%,44.3%)`
HSV (or HSB)	225.7°, 84.1, 76.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.224, 34.177, -68.637
XYZ	12.603, 8.611, 52.625
xyY	0.171, 0.117, 8.611
CIE-LCH	35.224, 76.675, 296.47
CIE-LUV	35.224, -13.55, -96.024
Hunter-Lab	29.344, 25.315, -85.787
Binary	00011111, 01000110, 11000011

#1f46c3
```
#1f46c3 rgb(31,70,195)
```
#c39c1f
```
#c39c1f rgb(195,156,31)
```

Complementary Color

#1f98c3
```
#1f98c3 rgb(31,152,195)
```
#1f46c3
```
#1f46c3 rgb(31,70,195)
```
#4a1fc3
```
#4a1fc3 rgb(74,31,195)
```

Analogous Color

#98c31f
```
#98c31f rgb(152,195,31)
```
#1f46c3
```
#1f46c3 rgb(31,70,195)
```
#c34a1f
```
#c34a1f rgb(195,74,31)
```

Split Complementary Color

#46c31f
```
#46c31f rgb(70,195,31)
```
#1f46c3
```
#1f46c3 rgb(31,70,195)
```
#c31f46
```
#c31f46 rgb(195,31,70)
```

Triadic Color

#1fc39c
```
#1fc39c rgb(31,195,156)
```
#1f46c3
```
#1f46c3 rgb(31,70,195)
```
#c31f46
```
#c31f46 rgb(195,31,70)
```
#c39c1f
```
#c39c1f rgb(195,156,31)
```

Tetradic Color

#152e81
```
#152e81 rgb(21,46,129)
```
#183697
```
#183697 rgb(24,54,151)
```
#1c3ead
```
#1c3ead rgb(28,62,173)
```
#1f46c3
```
#1f46c3 rgb(31,70,195)
```
#224ed9
```
#224ed9 rgb(34,78,217)
```
#365edf
```
#365edf rgb(54,94,223)
```
#4c70e3
```
#4c70e3 rgb(76,112,227)
```

Monochromatic Color

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

#1f6fc3
```
#1f6fc3 rgb(31,111,195)
```
#1f61c3
```
#1f61c3 rgb(31,97,195)
```
#1f54c3
```
#1f54c3 rgb(31,84,195)
```
#1f46c3
```
#1f46c3 rgb(31,70,195)
```
#1f38c3
```
#1f38c3 rgb(31,56,195)
```
#1f2bc3
```
#1f2bc3 rgb(31,43,195)
```
#211fc3
```
#211fc3 rgb(33,31,195)
```

Similar Colors

Text with hexadecimal color #1f46c3

This text has a font color of #1f46c3.

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

#1f46c3 background color

This paragraph has a background color of #1f46c3.

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

#1f46c3 border color

This element has a border color of #1f46c3.

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

CSS codes

.text {color:#1f46c3;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#04091a
```
#04091a rgb(4,9,26)
```
#070f2b
```
#070f2b rgb(7,15,43)
```
#09153c
```
#09153c rgb(9,21,60)
```
#0c1b4d
```
#0c1b4d rgb(12,27,77)
```
#0f225d
```
#0f225d rgb(15,34,93)
```
#12286e
```
#12286e rgb(18,40,110)
```
#142e7f
```
#142e7f rgb(20,46,127)
```
#173490
```
#173490 rgb(23,52,144)
```
#1a3aa1
```
#1a3aa1 rgb(26,58,161)
```
#1c40b2
```
#1c40b2 rgb(28,64,178)
```
#1f46c3
```
#1f46c3 rgb(31,70,195)
```
#224cd4
```
#224cd4 rgb(34,76,212)
```

Shade Color Variation

#2c56dd
```
#2c56dd rgb(44,86,221)
```
#3d64e0
```
#3d64e0 rgb(61,100,224)
```
#4e71e3
```
#4e71e3 rgb(78,113,227)
```
#5f7fe5
```
#5f7fe5 rgb(95,127,229)
```
#708ce8
```
#708ce8 rgb(112,140,232)
```
#809aeb
```
#809aeb rgb(128,154,235)
```
#91a7ee
```
#91a7ee rgb(145,167,238)
```
#a2b5f0
```
#a2b5f0 rgb(162,181,240)
```
#b3c2f3
```
#b3c2f3 rgb(179,194,243)
```
#c4d0f6
```
#c4d0f6 rgb(196,208,246)
```
#d5ddf8
```
#d5ddf8 rgb(213,221,248)
```
#e6ebfb
```
#e6ebfb rgb(230,235,251)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#6d6f75
```
#6d6f75 rgb(109,111,117)
```
#656a7d
```
#656a7d rgb(101,106,125)
```
#5c6686
```
#5c6686 rgb(92,102,134)
```
#53618f
```
#53618f rgb(83,97,143)
```
#4a5d98
```
#4a5d98 rgb(74,93,152)
```
#4258a0
```
#4258a0 rgb(66,88,160)
```
#3954a9
```
#3954a9 rgb(57,84,169)
```
#304fb2
```
#304fb2 rgb(48,79,178)
```
#284bba
```
#284bba rgb(40,75,186)
```
#1f46c3
```
#1f46c3 rgb(31,70,195)
```
#1641cc
```
#1641cc rgb(22,65,204)
```
#0e3dd4
```
#0e3dd4 rgb(14,61,212)
```
#0538dd
```
#0538dd rgb(5,56,221)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#414861 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e97 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#0b52b5 Protanomaly 1% of men, 0.01% of women
#0b55a7 Deuteranomaly 6% of men, 0.4% of women
#0b598a Tritanomaly 0.01% of the population