#2f50fb hex color

In a RGB color space, hex #2f50fb is composed of 18.4% red, 31.4% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 68.1% magenta, 0% yellow and 1.6% black. It has a hue angle of 230.3 degrees, a saturation of 96.2% and a lightness of 58.4%. #2f50fb color hex could be obtained by blending #5ea0ff with #0000f7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 31
- B 98
RGB color chart
- C 81
- M 68
- Y 0
- K 2
CMYK color chart

● #2f50fb color description : Bright blue.

The hexadecimal color #2f50fb has RGB values of R:47, G:80, B:251 and CMYK values of C:0.81, M:0.68, Y:0, K:0.02. Its decimal value is 3100923.

Hex triplet	2f50fb	`#2f50fb`
RGB Decimal	47, 80, 251	`rgb(47,80,251)`
RGB Percent	18.4, 31.4, 98.4	`rgb(18.4%,31.4%,98.4%)`
CMYK	81, 68, 0, 2
HSL	230.3°, 96.2, 58.4	`hsl(230.3,96.2%,58.4%)`
HSV (or HSB)	230.3°, 81.3, 98.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.219, 49.159, -87.452
XYZ	21.45, 13.305, 92.699
xyY	0.168, 0.104, 13.305
CIE-LCH	43.219, 100.322, 299.341
CIE-LUV	43.219, -14.574, -128.341
Hunter-Lab	36.476, 41.134, -125.144
Binary	00101111, 01010000, 11111011

#2f50fb
```
#2f50fb rgb(47,80,251)
```
#fbda2f
```
#fbda2f rgb(251,218,47)
```

Complementary Color

#2fb6fb
```
#2fb6fb rgb(47,182,251)
```
#2f50fb
```
#2f50fb rgb(47,80,251)
```
#742ffb
```
#742ffb rgb(116,47,251)
```

Analogous Color

#b6fb2f
```
#b6fb2f rgb(182,251,47)
```
#2f50fb
```
#2f50fb rgb(47,80,251)
```
#fb742f
```
#fb742f rgb(251,116,47)
```

Split Complementary Color

#50fb2f
```
#50fb2f rgb(80,251,47)
```
#2f50fb
```
#2f50fb rgb(47,80,251)
```
#fb2f50
```
#fb2f50 rgb(251,47,80)
```

Triadic Color

#2ffbda
```
#2ffbda rgb(47,251,218)
```
#2f50fb
```
#2f50fb rgb(47,80,251)
```
#fb2f50
```
#fb2f50 rgb(251,47,80)
```
#fbda2f
```
#fbda2f rgb(251,218,47)
```

Tetradic Color

#0427d9
```
#0427d9 rgb(4,39,217)
```
#052bf2
```
#052bf2 rgb(5,43,242)
```
#163bfb
```
#163bfb rgb(22,59,251)
```
#2f50fb
```
#2f50fb rgb(47,80,251)
```
#4865fb
```
#4865fb rgb(72,101,251)
```
#617afc
```
#617afc rgb(97,122,252)
```
#7a8ffc
```
#7a8ffc rgb(122,143,252)
```

Monochromatic Color

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

#2f83fb
```
#2f83fb rgb(47,131,251)
```
#2f72fb
```
#2f72fb rgb(47,114,251)
```
#2f61fb
```
#2f61fb rgb(47,97,251)
```
#2f50fb
```
#2f50fb rgb(47,80,251)
```
#2f3ffb
```
#2f3ffb rgb(47,63,251)
```
#302ffb
```
#302ffb rgb(48,47,251)
```
#412ffb
```
#412ffb rgb(65,47,251)
```

Similar Colors

Text with hexadecimal color #2f50fb

This text has a font color of #2f50fb.

<span style="color:#2f50fb;">Text here</span>

#2f50fb background color

This paragraph has a background color of #2f50fb.

<p style="background-color:#2f50fb;">Content here</p>

#2f50fb border color

This element has a border color of #2f50fb.

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

CSS codes

.text {color:#2f50fb;}

.background {background-color:#2f50fb;}

.border {border:1px solid #2f50fb;}

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

#000104
```
#000104 rgb(0,1,4)
```
#000417
```
#000417 rgb(0,4,23)
```
#01082a
```
#01082a rgb(1,8,42)
```
#010b3d
```
#010b3d rgb(1,11,61)
```
#020e51
```
#020e51 rgb(2,14,81)
```
#021264
```
#021264 rgb(2,18,100)
```
#021577
```
#021577 rgb(2,21,119)
```
#03198a
```
#03198a rgb(3,25,138)
```
#031c9e
```
#031c9e rgb(3,28,158)
```
#031fb1
```
#031fb1 rgb(3,31,177)
```
#0423c4
```
#0423c4 rgb(4,35,196)
```
#0426d7
```
#0426d7 rgb(4,38,215)
```
#052aeb
```
#052aeb rgb(5,42,235)
```

Shade Color Variation

#0930fa
```
#0930fa rgb(9,48,250)
```
#1c40fb
```
#1c40fb rgb(28,64,251)
```
#2f50fb
```
#2f50fb rgb(47,80,251)
```
#4260fb
```
#4260fb rgb(66,96,251)
```
#5570fc
```
#5570fc rgb(85,112,252)
```
#6981fc
```
#6981fc rgb(105,129,252)
```
#7c91fc
```
#7c91fc rgb(124,145,252)
```
#8fa1fd
```
#8fa1fd rgb(143,161,253)
```
#a2b1fd
```
#a2b1fd rgb(162,177,253)
```
#b6c1fe
```
#b6c1fe rgb(182,193,254)
```
#c9d2fe
```
#c9d2fe rgb(201,210,254)
```
#dce2fe
```
#dce2fe rgb(220,226,254)
```
#eff2ff
```
#eff2ff rgb(239,242,255)
```

Tint Color Variation

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

#919299
```
#919299 rgb(145,146,153)
```
#898da1
```
#898da1 rgb(137,141,161)
```
#8187a9
```
#8187a9 rgb(129,135,169)
```
#7882b2
```
#7882b2 rgb(120,130,178)
```
#707cba
```
#707cba rgb(112,124,186)
```
#6877c2
```
#6877c2 rgb(104,119,194)
```
#6071ca
```
#6071ca rgb(96,113,202)
```
#586cd2
```
#586cd2 rgb(88,108,210)
```
#5066da
```
#5066da rgb(80,102,218)
```
#4761e3
```
#4761e3 rgb(71,97,227)
```
#3f5beb
```
#3f5beb rgb(63,91,235)
```
#3756f3
```
#3756f3 rgb(55,86,243)
```
#2f50fb
```
#2f50fb rgb(47,80,251)
```

Tone Color Variation

Below, you can see how #2f50fb 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

#5a5a5a Achromatopsia 0.005% of the population
#51587a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0071b4 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#1161df Protanomaly 1% of men, 0.01% of women
#1165ce Deuteranomaly 6% of men, 0.4% of women
#116aac Tritanomaly 0.01% of the population

#2f50fb hex color

#2f50fb Color Information

#2f50fb Color Conversion

Color Schemes with #2f50fb

Alternatives to #2f50fb

#2f50fb Preview

Shades and Tints of #2f50fb

Tones of #2f50fb

Color Blindness Simulator