#1f51c0 hex color

In a RGB color space, hex #1f51c0 is composed of 12.2% red, 31.8% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 57.8% magenta, 0% yellow and 24.7% black. It has a hue angle of 221.4 degrees, a saturation of 72.2% and a lightness of 43.7%. #1f51c0 color hex could be obtained by blending #3ea2ff with #000081. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 32
- B 75
RGB color chart
- C 84
- M 58
- Y 0
- K 25
CMYK color chart

● #1f51c0 color description : Strong blue.

The hexadecimal color #1f51c0 has RGB values of R:31, G:81, B:192 and CMYK values of C:0.84, M:0.58, Y:0, K:0.25. Its decimal value is 2052544.

Hex triplet	1f51c0	`#1f51c0`
RGB Decimal	31, 81, 192	`rgb(31,81,192)`
RGB Percent	12.2, 31.8, 75.3	`rgb(12.2%,31.8%,75.3%)`
CMYK	84, 58, 0, 25
HSL	221.4°, 72.2, 43.7	`hsl(221.4,72.2%,43.7%)`
HSV (or HSB)	221.4°, 83.9, 75.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.808, 25.815, -62.658
XYZ	13.02, 9.981, 51.107
xyY	0.176, 0.135, 9.981
CIE-LCH	37.808, 67.767, 292.392
CIE-LUV	37.808, -16.249, -90.495
Hunter-Lab	31.593, 18.276, -73.797
Binary	00011111, 01010001, 11000000

#1f51c0
```
#1f51c0 rgb(31,81,192)
```
#c08e1f
```
#c08e1f rgb(192,142,31)
```

Complementary Color

#1fa2c0
```
#1fa2c0 rgb(31,162,192)
```
#1f51c0
```
#1f51c0 rgb(31,81,192)
```
#3d1fc0
```
#3d1fc0 rgb(61,31,192)
```

Analogous Color

#a2c01f
```
#a2c01f rgb(162,192,31)
```
#1f51c0
```
#1f51c0 rgb(31,81,192)
```
#c03d1f
```
#c03d1f rgb(192,61,31)
```

Split Complementary Color

#51c01f
```
#51c01f rgb(81,192,31)
```
#1f51c0
```
#1f51c0 rgb(31,81,192)
```
#c01f51
```
#c01f51 rgb(192,31,81)
```

Triadic Color

#1fc08e
```
#1fc08e rgb(31,192,142)
```
#1f51c0
```
#1f51c0 rgb(31,81,192)
```
#c01f51
```
#c01f51 rgb(192,31,81)
```
#c08e1f
```
#c08e1f rgb(192,142,31)
```

Tetradic Color

#14357e
```
#14357e rgb(20,53,126)
```
#183e94
```
#183e94 rgb(24,62,148)
```
#1b48aa
```
#1b48aa rgb(27,72,170)
```
#1f51c0
```
#1f51c0 rgb(31,81,192)
```
#235ad6
```
#235ad6 rgb(35,90,214)
```
#3469de
```
#3469de rgb(52,105,222)
```
#4a79e2
```
#4a79e2 rgb(74,121,226)
```

Monochromatic Color

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

#1f79c0
```
#1f79c0 rgb(31,121,192)
```
#1f6cc0
```
#1f6cc0 rgb(31,108,192)
```
#1f5ec0
```
#1f5ec0 rgb(31,94,192)
```
#1f51c0
```
#1f51c0 rgb(31,81,192)
```
#1f44c0
```
#1f44c0 rgb(31,68,192)
```
#1f36c0
```
#1f36c0 rgb(31,54,192)
```
#1f29c0
```
#1f29c0 rgb(31,41,192)
```

Similar Colors

Text with hexadecimal color #1f51c0

This text has a font color of #1f51c0.

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

#1f51c0 background color

This paragraph has a background color of #1f51c0.

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

#1f51c0 border color

This element has a border color of #1f51c0.

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

CSS codes

.text {color:#1f51c0;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#040a17
```
#040a17 rgb(4,10,23)
```
#061128
```
#061128 rgb(6,17,40)
```
#091839
```
#091839 rgb(9,24,57)
```
#0c1f4a
```
#0c1f4a rgb(12,31,74)
```
#0f265b
```
#0f265b rgb(15,38,91)
```
#112d6c
```
#112d6c rgb(17,45,108)
```
#14357c
```
#14357c rgb(20,53,124)
```
#173c8d
```
#173c8d rgb(23,60,141)
```
#1a439e
```
#1a439e rgb(26,67,158)
```
#1c4aaf
```
#1c4aaf rgb(28,74,175)
```
#1f51c0
```
#1f51c0 rgb(31,81,192)
```
#2258d1
```
#2258d1 rgb(34,88,209)
```

Shade Color Variation

#2a61dd
```
#2a61dd rgb(42,97,221)
```
#3b6edf
```
#3b6edf rgb(59,110,223)
```
#4b7ae2
```
#4b7ae2 rgb(75,122,226)
```
#5c87e5
```
#5c87e5 rgb(92,135,229)
```
#6d93e7
```
#6d93e7 rgb(109,147,231)
```
#7ea0ea
```
#7ea0ea rgb(126,160,234)
```
#8faced
```
#8faced rgb(143,172,237)
```
#a0b9f0
```
#a0b9f0 rgb(160,185,240)
```
#b1c5f2
```
#b1c5f2 rgb(177,197,242)
```
#c2d2f5
```
#c2d2f5 rgb(194,210,245)
```
#d3def8
```
#d3def8 rgb(211,222,248)
```
#e3ebfb
```
#e3ebfb rgb(227,235,251)
```
#f4f7fd
```
#f4f7fd rgb(244,247,253)
```

Tint Color Variation

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

#6c6e73
```
#6c6e73 rgb(108,110,115)
```
#646b7b
```
#646b7b rgb(100,107,123)
```
#5b6884
```
#5b6884 rgb(91,104,132)
```
#52648d
```
#52648d rgb(82,100,141)
```
#4a6195
```
#4a6195 rgb(74,97,149)
```
#415e9e
```
#415e9e rgb(65,94,158)
```
#395ba6
```
#395ba6 rgb(57,91,166)
```
#3057af
```
#3057af rgb(48,87,175)
```
#2854b7
```
#2854b7 rgb(40,84,183)
```
#1f51c0
```
#1f51c0 rgb(31,81,192)
```
#164ec9
```
#164ec9 rgb(22,78,201)
```
#0e4bd1
```
#0e4bd1 rgb(14,75,209)
```
#0547da
```
#0547da rgb(5,71,218)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#454f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb9 Protanopia 1% of men
#0063a1 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#0b59bb Protanomaly 1% of men, 0.01% of women
#0b5dac Deuteranomaly 6% of men, 0.4% of women
#0b618d Tritanomaly 0.01% of the population

#1f51c0 hex color

#1f51c0 Color Information

#1f51c0 Color Conversion

Color Schemes with #1f51c0

Alternatives to #1f51c0

#1f51c0 Preview

Shades and Tints of #1f51c0

Tones of #1f51c0

Color Blindness Simulator