#2f50f5 hex color

In a RGB color space, hex #2f50f5 is composed of 18.4% red, 31.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 67.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 230 degrees, a saturation of 90.8% and a lightness of 57.3%. #2f50f5 color hex could be obtained by blending #5ea0ff with #0000eb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 31
- B 96
RGB color chart
- C 81
- M 67
- Y 0
- K 4
CMYK color chart

● #2f50f5 color description : Bright blue.

The hexadecimal color #2f50f5 has RGB values of R:47, G:80, B:245 and CMYK values of C:0.81, M:0.67, Y:0, K:0.04. Its decimal value is 3100917.

Hex triplet	2f50f5	`#2f50f5`
RGB Decimal	47, 80, 245	`rgb(47,80,245)`
RGB Percent	18.4, 31.4, 96.1	`rgb(18.4%,31.4%,96.1%)`
CMYK	81, 67, 0, 4
HSL	230°, 90.8, 57.3	`hsl(230,90.8%,57.3%)`
HSV (or HSB)	230°, 80.8, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.662, 47.093, -85.011
XYZ	20.519, 12.933, 87.796
xyY	0.169, 0.107, 12.933
CIE-LCH	42.662, 97.184, 298.985
CIE-LUV	42.662, -14.473, -124.664
Hunter-Lab	35.962, 38.913, -119.574
Binary	00101111, 01010000, 11110101

#2f50f5
```
#2f50f5 rgb(47,80,245)
```
#f5d42f
```
#f5d42f rgb(245,212,47)
```

Complementary Color

#2fb3f5
```
#2fb3f5 rgb(47,179,245)
```
#2f50f5
```
#2f50f5 rgb(47,80,245)
```
#712ff5
```
#712ff5 rgb(113,47,245)
```

Analogous Color

#b3f52f
```
#b3f52f rgb(179,245,47)
```
#2f50f5
```
#2f50f5 rgb(47,80,245)
```
#f5712f
```
#f5712f rgb(245,113,47)
```

Split Complementary Color

#50f52f
```
#50f52f rgb(80,245,47)
```
#2f50f5
```
#2f50f5 rgb(47,80,245)
```
#f52f50
```
#f52f50 rgb(245,47,80)
```

Triadic Color

#2ff5d4
```
#2ff5d4 rgb(47,245,212)
```
#2f50f5
```
#2f50f5 rgb(47,80,245)
```
#f52f50
```
#f52f50 rgb(245,47,80)
```
#f5d42f
```
#f5d42f rgb(245,212,47)
```

Tetradic Color

#0a2bce
```
#0a2bce rgb(10,43,206)
```
#0b30e6
```
#0b30e6 rgb(11,48,230)
```
#173cf4
```
#173cf4 rgb(23,60,244)
```
#2f50f5
```
#2f50f5 rgb(47,80,245)
```
#4764f6
```
#4764f6 rgb(71,100,246)
```
#6079f7
```
#6079f7 rgb(96,121,247)
```
#788df9
```
#788df9 rgb(120,141,249)
```

Monochromatic Color

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

#2f82f5
```
#2f82f5 rgb(47,130,245)
```
#2f71f5
```
#2f71f5 rgb(47,113,245)
```
#2f61f5
```
#2f61f5 rgb(47,97,245)
```
#2f50f5
```
#2f50f5 rgb(47,80,245)
```
#2f40f5
```
#2f40f5 rgb(47,64,245)
```
#2f2ff5
```
#2f2ff5 rgb(47,47,245)
```
#3f2ff5
```
#3f2ff5 rgb(63,47,245)
```

Similar Colors

Text with hexadecimal color #2f50f5

This text has a font color of #2f50f5.

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

#2f50f5 background color

This paragraph has a background color of #2f50f5.

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

#2f50f5 border color

This element has a border color of #2f50f5.

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

CSS codes

.text {color:#2f50f5;}

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

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

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

#010311
```
#010311 rgb(1,3,17)
```
#020723
```
#020723 rgb(2,7,35)
```
#030b36
```
#030b36 rgb(3,11,54)
```
#030f49
```
#030f49 rgb(3,15,73)
```
#04135b
```
#04135b rgb(4,19,91)
```
#05176e
```
#05176e rgb(5,23,110)
```
#061b81
```
#061b81 rgb(6,27,129)
```
#071f94
```
#071f94 rgb(7,31,148)
```
#0822a6
```
#0822a6 rgb(8,34,166)
```
#0926b9
```
#0926b9 rgb(9,38,185)
```
#0a2acc
```
#0a2acc rgb(10,42,204)
```
#0b2ede
```
#0b2ede rgb(11,46,222)
```
#0c32f1
```
#0c32f1 rgb(12,50,241)
```

Shade Color Variation

#1c40f4
```
#1c40f4 rgb(28,64,244)
```
#2f50f5
```
#2f50f5 rgb(47,80,245)
```
#4260f6
```
#4260f6 rgb(66,96,246)
```
#546ff7
```
#546ff7 rgb(84,111,247)
```
#677ff8
```
#677ff8 rgb(103,127,248)
```
#7a8ff9
```
#7a8ff9 rgb(122,143,249)
```
#8d9ff9
```
#8d9ff9 rgb(141,159,249)
```
#9faefa
```
#9faefa rgb(159,174,250)
```
#b2befb
```
#b2befb rgb(178,190,251)
```
#c5cefc
```
#c5cefc rgb(197,206,252)
```
#d7defd
```
#d7defd rgb(215,222,253)
```
#eaedfe
```
#eaedfe rgb(234,237,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8d99 is the less saturated color, while #274afd is the most saturated one.

#8b8d99
```
#8b8d99 rgb(139,141,153)
```
#8388a1
```
#8388a1 rgb(131,136,161)
```
#7a82aa
```
#7a82aa rgb(122,130,170)
```
#727db2
```
#727db2 rgb(114,125,178)
```
#6a77ba
```
#6a77ba rgb(106,119,186)
```
#6172c3
```
#6172c3 rgb(97,114,195)
```
#596ccb
```
#596ccb rgb(89,108,203)
```
#5166d3
```
#5166d3 rgb(81,102,211)
```
#4861dc
```
#4861dc rgb(72,97,220)
```
#405be4
```
#405be4 rgb(64,91,228)
```
#3756ed
```
#3756ed rgb(55,86,237)
```
#2f50f5
```
#2f50f5 rgb(47,80,245)
```
#274afd
```
#274afd rgb(39,74,253)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#515778 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#1160db Protanomaly 1% of men, 0.01% of women
#1164ca Deuteranomaly 6% of men, 0.4% of women
#1169a9 Tritanomaly 0.01% of the population

#2f50f5 hex color

#2f50f5 Color Information

#2f50f5 Color Conversion

Color Schemes with #2f50f5

Alternatives to #2f50f5

#2f50f5 Preview

Shades and Tints of #2f50f5

Tones of #2f50f5

Color Blindness Simulator