#1f50ec hex color

In a RGB color space, hex #1f50ec is composed of 12.2% red, 31.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 66.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 225.7 degrees, a saturation of 84.4% and a lightness of 52.4%. #1f50ec color hex could be obtained by blending #3ea0ff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 31
- B 93
RGB color chart
- C 87
- M 66
- Y 0
- K 7
CMYK color chart

● #1f50ec color description : Vivid blue.

The hexadecimal color #1f50ec has RGB values of R:31, G:80, B:236 and CMYK values of C:0.87, M:0.66, Y:0, K:0.07. Its decimal value is 2052332.

Hex triplet	1f50ec	`#1f50ec`
RGB Decimal	31, 80, 236	`rgb(31,80,236)`
RGB Percent	12.2, 31.4, 92.5	`rgb(12.2%,31.4%,92.5%)`
CMYK	87, 66, 0, 7
HSL	225.7°, 84.4, 52.4	`hsl(225.7,84.4%,52.4%)`
HSV (or HSB)	225.7°, 86.9, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.348, 42.945, -82.124
XYZ	18.571, 12.083, 80.706
xyY	0.167, 0.109, 12.083
CIE-LCH	41.348, 92.675, 297.607
CIE-LUV	41.348, -15.993, -119.472
Hunter-Lab	34.761, 34.531, -113.323
Binary	00011111, 01010000, 11101100

#1f50ec
```
#1f50ec rgb(31,80,236)
```
#ecbb1f
```
#ecbb1f rgb(236,187,31)
```

Complementary Color

#1fb7ec
```
#1fb7ec rgb(31,183,236)
```
#1f50ec
```
#1f50ec rgb(31,80,236)
```
#551fec
```
#551fec rgb(85,31,236)
```

Analogous Color

#b7ec1f
```
#b7ec1f rgb(183,236,31)
```
#1f50ec
```
#1f50ec rgb(31,80,236)
```
#ec551f
```
#ec551f rgb(236,85,31)
```

Split Complementary Color

#50ec1f
```
#50ec1f rgb(80,236,31)
```
#1f50ec
```
#1f50ec rgb(31,80,236)
```
#ec1f50
```
#ec1f50 rgb(236,31,80)
```

Triadic Color

#1fecbb
```
#1fecbb rgb(31,236,187)
```
#1f50ec
```
#1f50ec rgb(31,80,236)
```
#ec1f50
```
#ec1f50 rgb(236,31,80)
```
#ecbb1f
```
#ecbb1f rgb(236,187,31)
```

Tetradic Color

#0f35b0
```
#0f35b0 rgb(15,53,176)
```
#113cc7
```
#113cc7 rgb(17,60,199)
```
#1344df
```
#1344df rgb(19,68,223)
```
#1f50ec
```
#1f50ec rgb(31,80,236)
```
#3762ee
```
#3762ee rgb(55,98,238)
```
#4e75f0
```
#4e75f0 rgb(78,117,240)
```
#6687f2
```
#6687f2 rgb(102,135,242)
```

Monochromatic Color

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

#1f83ec
```
#1f83ec rgb(31,131,236)
```
#1f72ec
```
#1f72ec rgb(31,114,236)
```
#1f61ec
```
#1f61ec rgb(31,97,236)
```
#1f50ec
```
#1f50ec rgb(31,80,236)
```
#1f3fec
```
#1f3fec rgb(31,63,236)
```
#1f2eec
```
#1f2eec rgb(31,46,236)
```
#211fec
```
#211fec rgb(33,31,236)
```

Similar Colors

Text with hexadecimal color #1f50ec

This text has a font color of #1f50ec.

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

#1f50ec background color

This paragraph has a background color of #1f50ec.

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

#1f50ec border color

This element has a border color of #1f50ec.

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

CSS codes

.text {color:#1f50ec;}

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

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

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, #01030b is the darkest color, while #f8fafe is the lightest one.

#01030b
```
#01030b rgb(1,3,11)
```
#02091d
```
#02091d rgb(2,9,29)
```
#040e2f
```
#040e2f rgb(4,14,47)
```
#061441
```
#061441 rgb(6,20,65)
```
#071953
```
#071953 rgb(7,25,83)
```
#091f65
```
#091f65 rgb(9,31,101)
```
#0a2478
```
#0a2478 rgb(10,36,120)
```
#0c2a8a
```
#0c2a8a rgb(12,42,138)
```
#0d2f9c
```
#0d2f9c rgb(13,47,156)
```
#0f35ae
```
#0f35ae rgb(15,53,174)
```
#103ac0
```
#103ac0 rgb(16,58,192)
```
#1240d2
```
#1240d2 rgb(18,64,210)
```
#1345e4
```
#1345e4 rgb(19,69,228)
```

Shade Color Variation

#1f50ec
```
#1f50ec rgb(31,80,236)
```
#315eee
```
#315eee rgb(49,94,238)
```
#436cef
```
#436cef rgb(67,108,239)
```
#557af1
```
#557af1 rgb(85,122,241)
```
#6789f2
```
#6789f2 rgb(103,137,242)
```
#7997f4
```
#7997f4 rgb(121,151,244)
```
#8ba5f5
```
#8ba5f5 rgb(139,165,245)
```
#9eb3f7
```
#9eb3f7 rgb(158,179,247)
```
#b0c1f8
```
#b0c1f8 rgb(176,193,248)
```
#c2cffa
```
#c2cffa rgb(194,207,250)
```
#d4ddfb
```
#d4ddfb rgb(212,221,251)
```
#e6ebfd
```
#e6ebfd rgb(230,235,253)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c818f is the less saturated color, while #0c46ff is the most saturated one.

#7c818f
```
#7c818f rgb(124,129,143)
```
#737c98
```
#737c98 rgb(115,124,152)
```
#6a77a1
```
#6a77a1 rgb(106,119,161)
```
#6072ab
```
#6072ab rgb(96,114,171)
```
#576db4
```
#576db4 rgb(87,109,180)
```
#4e68bd
```
#4e68bd rgb(78,104,189)
```
#4464c7
```
#4464c7 rgb(68,100,199)
```
#3b5fd0
```
#3b5fd0 rgb(59,95,208)
```
#325ad9
```
#325ad9 rgb(50,90,217)
```
#2855e3
```
#2855e3 rgb(40,85,227)
```
#1f50ec
```
#1f50ec rgb(31,80,236)
```
#164bf5
```
#164bf5 rgb(22,75,245)
```
#0c46ff
```
#0c46ff rgb(12,70,255)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#495272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#007479 Tritanopia 0.001% of the population

Trichromacy

#0b5ed5 Protanomaly 1% of men, 0.01% of women
#0b62c4 Deuteranomaly 6% of men, 0.4% of women
#0b67a3 Tritanomaly 0.01% of the population

#1f50ec hex color

#1f50ec Color Information

#1f50ec Color Conversion

Color Schemes with #1f50ec

Alternatives to #1f50ec

#1f50ec Preview

Shades and Tints of #1f50ec

Tones of #1f50ec

Color Blindness Simulator