#1f50d6 hex color

In a RGB color space, hex #1f50d6 is composed of 12.2% red, 31.4% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 62.6% magenta, 0% yellow and 16.1% black. It has a hue angle of 223.9 degrees, a saturation of 74.7% and a lightness of 48%. #1f50d6 color hex could be obtained by blending #3ea0ff with #0000ad. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 31
- B 84
RGB color chart
- C 86
- M 63
- Y 0
- K 16
CMYK color chart

● #1f50d6 color description : Strong blue.

The hexadecimal color #1f50d6 has RGB values of R:31, G:80, B:214 and CMYK values of C:0.86, M:0.63, Y:0, K:0.16. Its decimal value is 2052310.

Hex triplet	1f50d6	`#1f50d6`
RGB Decimal	31, 80, 214	`rgb(31,80,214)`
RGB Percent	12.2, 31.4, 83.9	`rgb(12.2%,31.4%,83.9%)`
CMYK	86, 63, 0, 16
HSL	223.9°, 74.7, 48	`hsl(223.9,74.7%,48%)`
HSV (or HSB)	223.9°, 85.5, 83.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.382, 34.86, -72.825
XYZ	15.569, 10.882, 64.895
xyY	0.17, 0.119, 10.882
CIE-LCH	39.382, 80.739, 295.579
CIE-LUV	39.382, -15.923, -105.516
Hunter-Lab	32.989, 26.512, -93.543
Binary	00011111, 01010000, 11010110

#1f50d6
```
#1f50d6 rgb(31,80,214)
```
#d6a51f
```
#d6a51f rgb(214,165,31)
```

Complementary Color

#1facd6
```
#1facd6 rgb(31,172,214)
```
#1f50d6
```
#1f50d6 rgb(31,80,214)
```
#4a1fd6
```
#4a1fd6 rgb(74,31,214)
```

Analogous Color

#acd61f
```
#acd61f rgb(172,214,31)
```
#1f50d6
```
#1f50d6 rgb(31,80,214)
```
#d6491f
```
#d6491f rgb(214,73,31)
```

Split Complementary Color

#50d61f
```
#50d61f rgb(80,214,31)
```
#1f50d6
```
#1f50d6 rgb(31,80,214)
```
#d61f50
```
#d61f50 rgb(214,31,80)
```

Triadic Color

#1fd6a5
```
#1fd6a5 rgb(31,214,165)
```
#1f50d6
```
#1f50d6 rgb(31,80,214)
```
#d61f50
```
#d61f50 rgb(214,31,80)
```
#d6a51f
```
#d6a51f rgb(214,165,31)
```

Tetradic Color

#153793
```
#153793 rgb(21,55,147)
```
#193fa9
```
#193fa9 rgb(25,63,169)
```
#1c48c0
```
#1c48c0 rgb(28,72,192)
```
#1f50d6
```
#1f50d6 rgb(31,80,214)
```
#2e5ee1
```
#2e5ee1 rgb(46,94,225)
```
#446fe4
```
#446fe4 rgb(68,111,228)
```
#5a80e7
```
#5a80e7 rgb(90,128,231)
```

Monochromatic Color

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

#1f7ed6
```
#1f7ed6 rgb(31,126,214)
```
#1f6fd6
```
#1f6fd6 rgb(31,111,214)
```
#1f5fd6
```
#1f5fd6 rgb(31,95,214)
```
#1f50d6
```
#1f50d6 rgb(31,80,214)
```
#1f41d6
```
#1f41d6 rgb(31,65,214)
```
#1f32d6
```
#1f32d6 rgb(31,50,214)
```
#1f22d6
```
#1f22d6 rgb(31,34,214)
```

Similar Colors

Text with hexadecimal color #1f50d6

This text has a font color of #1f50d6.

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

#1f50d6 background color

This paragraph has a background color of #1f50d6.

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

#1f50d6 border color

This element has a border color of #1f50d6.

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

CSS codes

.text {color:#1f50d6;}

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

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

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)
```
#040a1a
```
#040a1a rgb(4,10,26)
```
#06102b
```
#06102b rgb(6,16,43)
```
#09163c
```
#09163c rgb(9,22,60)
```
#0b1d4d
```
#0b1d4d rgb(11,29,77)
```
#0e235e
```
#0e235e rgb(14,35,94)
```
#102a6f
```
#102a6f rgb(16,42,111)
```
#133080
```
#133080 rgb(19,48,128)
```
#153691
```
#153691 rgb(21,54,145)
```
#183da3
```
#183da3 rgb(24,61,163)
```
#1a43b4
```
#1a43b4 rgb(26,67,180)
```
#1d4ac5
```
#1d4ac5 rgb(29,74,197)
```
#1f50d6
```
#1f50d6 rgb(31,80,214)
```

Shade Color Variation

#295ae0
```
#295ae0 rgb(41,90,224)
```
#3a67e2
```
#3a67e2 rgb(58,103,226)
```
#4b74e5
```
#4b74e5 rgb(75,116,229)
```
#5c81e7
```
#5c81e7 rgb(92,129,231)
```
#6d8fea
```
#6d8fea rgb(109,143,234)
```
#7e9cec
```
#7e9cec rgb(126,156,236)
```
#8fa9ef
```
#8fa9ef rgb(143,169,239)
```
#a1b6f1
```
#a1b6f1 rgb(161,182,241)
```
#b2c3f4
```
#b2c3f4 rgb(178,195,244)
```
#c3d1f6
```
#c3d1f6 rgb(195,209,246)
```
#d4def9
```
#d4def9 rgb(212,222,249)
```
#e5ebfb
```
#e5ebfb rgb(229,235,251)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747781 is the less saturated color, while #0343f2 is the most saturated one.

#747781
```
#747781 rgb(116,119,129)
```
#6a738b
```
#6a738b rgb(106,115,139)
```
#616f94
```
#616f94 rgb(97,111,148)
```
#586a9d
```
#586a9d rgb(88,106,157)
```
#4e66a7
```
#4e66a7 rgb(78,102,167)
```
#4562b0
```
#4562b0 rgb(69,98,176)
```
#3b5dba
```
#3b5dba rgb(59,93,186)
```
#3259c3
```
#3259c3 rgb(50,89,195)
```
#2854cd
```
#2854cd rgb(40,84,205)
```
#1f50d6
```
#1f50d6 rgb(31,80,214)
```
#164cdf
```
#164cdf rgb(22,76,223)
```
#0c47e9
```
#0c47e9 rgb(12,71,233)
```
#0343f2
```
#0343f2 rgb(3,67,242)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#47516c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0b5bc7 Protanomaly 1% of men, 0.01% of women
#0b5fb7 Deuteranomaly 6% of men, 0.4% of women
#0b6398 Tritanomaly 0.01% of the population

#1f50d6 hex color

#1f50d6 Color Information

#1f50d6 Color Conversion

Color Schemes with #1f50d6

Alternatives to #1f50d6

#1f50d6 Preview

Shades and Tints of #1f50d6

Tones of #1f50d6

Color Blindness Simulator