#1f50c2 hex color

In a RGB color space, hex #1f50c2 is composed of 12.2% red, 31.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 58.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 222 degrees, a saturation of 72.4% and a lightness of 44.1%. #1f50c2 color hex could be obtained by blending #3ea0ff with #000085. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 31
- B 76
RGB color chart
- C 84
- M 59
- Y 0
- K 24
CMYK color chart

● #1f50c2 color description : Strong blue.

The hexadecimal color #1f50c2 has RGB values of R:31, G:80, B:194 and CMYK values of C:0.84, M:0.59, Y:0, K:0.24. Its decimal value is 2052290.

Hex triplet	1f50c2	`#1f50c2`
RGB Decimal	31, 80, 194	`rgb(31,80,194)`
RGB Percent	12.2, 31.4, 76.1	`rgb(12.2%,31.4%,76.1%)`
CMYK	84, 59, 0, 24
HSL	222°, 72.4, 44.1	`hsl(222,72.4%,44.1%)`
HSV (or HSB)	222°, 84, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.703, 27.249, -63.996
XYZ	13.169, 9.923, 52.257
xyY	0.175, 0.132, 9.923
CIE-LCH	37.703, 69.556, 293.064
CIE-LUV	37.703, -15.976, -92.242
Hunter-Lab	31.5, 19.5, -76.309
Binary	00011111, 01010000, 11000010

#1f50c2
```
#1f50c2 rgb(31,80,194)
```
#c2911f
```
#c2911f rgb(194,145,31)
```

Complementary Color

#1fa2c2
```
#1fa2c2 rgb(31,162,194)
```
#1f50c2
```
#1f50c2 rgb(31,80,194)
```
#3f1fc2
```
#3f1fc2 rgb(63,31,194)
```

Analogous Color

#a2c21f
```
#a2c21f rgb(162,194,31)
```
#1f50c2
```
#1f50c2 rgb(31,80,194)
```
#c23f1f
```
#c23f1f rgb(194,63,31)
```

Split Complementary Color

#50c21f
```
#50c21f rgb(80,194,31)
```
#1f50c2
```
#1f50c2 rgb(31,80,194)
```
#c21f50
```
#c21f50 rgb(194,31,80)
```

Triadic Color

#1fc291
```
#1fc291 rgb(31,194,145)
```
#1f50c2
```
#1f50c2 rgb(31,80,194)
```
#c21f50
```
#c21f50 rgb(194,31,80)
```
#c2911f
```
#c2911f rgb(194,145,31)
```

Tetradic Color

#143580
```
#143580 rgb(20,53,128)
```
#183e96
```
#183e96 rgb(24,62,150)
```
#1b47ac
```
#1b47ac rgb(27,71,172)
```
#1f50c2
```
#1f50c2 rgb(31,80,194)
```
#2359d8
```
#2359d8 rgb(35,89,216)
```
#3568df
```
#3568df rgb(53,104,223)
```
#4b79e2
```
#4b79e2 rgb(75,121,226)
```

Monochromatic Color

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

#1f79c2
```
#1f79c2 rgb(31,121,194)
```
#1f6bc2
```
#1f6bc2 rgb(31,107,194)
```
#1f5ec2
```
#1f5ec2 rgb(31,94,194)
```
#1f50c2
```
#1f50c2 rgb(31,80,194)
```
#1f42c2
```
#1f42c2 rgb(31,66,194)
```
#1f35c2
```
#1f35c2 rgb(31,53,194)
```
#1f27c2
```
#1f27c2 rgb(31,39,194)
```

Similar Colors

Text with hexadecimal color #1f50c2

This text has a font color of #1f50c2.

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

#1f50c2 background color

This paragraph has a background color of #1f50c2.

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

#1f50c2 border color

This element has a border color of #1f50c2.

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

CSS codes

.text {color:#1f50c2;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#040a19
```
#040a19 rgb(4,10,25)
```
#07112a
```
#07112a rgb(7,17,42)
```
#09183b
```
#09183b rgb(9,24,59)
```
#0c1f4c
```
#0c1f4c rgb(12,31,76)
```
#0f265d
```
#0f265d rgb(15,38,93)
```
#112d6d
```
#112d6d rgb(17,45,109)
```
#14347e
```
#14347e rgb(20,52,126)
```
#173b8f
```
#173b8f rgb(23,59,143)
```
#1a42a0
```
#1a42a0 rgb(26,66,160)
```
#1c49b1
```
#1c49b1 rgb(28,73,177)
```
#1f50c2
```
#1f50c2 rgb(31,80,194)
```
#2257d3
```
#2257d3 rgb(34,87,211)
```

Shade Color Variation

#2b61dd
```
#2b61dd rgb(43,97,221)
```
#3c6de0
```
#3c6de0 rgb(60,109,224)
```
#4d7ae3
```
#4d7ae3 rgb(77,122,227)
```
#5e87e5
```
#5e87e5 rgb(94,135,229)
```
#6f93e8
```
#6f93e8 rgb(111,147,232)
```
#80a0eb
```
#80a0eb rgb(128,160,235)
```
#91aced
```
#91aced rgb(145,172,237)
```
#a1b9f0
```
#a1b9f0 rgb(161,185,240)
```
#b2c6f3
```
#b2c6f3 rgb(178,198,243)
```
#c3d2f5
```
#c3d2f5 rgb(195,210,245)
```
#d4dff8
```
#d4dff8 rgb(212,223,248)
```
#e5ecfb
```
#e5ecfb rgb(229,236,251)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

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

#6d6f74
```
#6d6f74 rgb(109,111,116)
```
#646c7d
```
#646c7d rgb(100,108,125)
```
#5c6885
```
#5c6885 rgb(92,104,133)
```
#53658e
```
#53658e rgb(83,101,142)
```
#4a6197
```
#4a6197 rgb(74,97,151)
```
#425e9f
```
#425e9f rgb(66,94,159)
```
#395aa8
```
#395aa8 rgb(57,90,168)
```
#3057b1
```
#3057b1 rgb(48,87,177)
```
#2853b9
```
#2853b9 rgb(40,83,185)
```
#1f50c2
```
#1f50c2 rgb(31,80,194)
```
#164dcb
```
#164dcb rgb(22,77,203)
```
#0e49d3
```
#0e49d3 rgb(14,73,211)
```
#0546dc
```
#0546dc rgb(5,70,220)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#454e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0063a1 Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#0b59bc Protanomaly 1% of men, 0.01% of women
#0b5cad Deuteranomaly 6% of men, 0.4% of women
#0b618e Tritanomaly 0.01% of the population

#1f50c2 hex color

#1f50c2 Color Information

#1f50c2 Color Conversion

Color Schemes with #1f50c2

Alternatives to #1f50c2

#1f50c2 Preview

Shades and Tints of #1f50c2

Tones of #1f50c2

Color Blindness Simulator