#2f50f2 hex color

In a RGB color space, hex #2f50f2 is composed of 18.4% red, 31.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 66.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 229.8 degrees, a saturation of 88.2% and a lightness of 56.7%. #2f50f2 color hex could be obtained by blending #5ea0ff with #0000e5. Closest websafe color is: #3366ff.

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

● #2f50f2 color description : Bright blue.

The hexadecimal color #2f50f2 has RGB values of R:47, G:80, B:242 and CMYK values of C:0.81, M:0.67, Y:0, K:0.05. Its decimal value is 3100914.

Hex triplet	2f50f2	`#2f50f2`
RGB Decimal	47, 80, 242	`rgb(47,80,242)`
RGB Percent	18.4, 31.4, 94.9	`rgb(18.4%,31.4%,94.9%)`
CMYK	81, 67, 0, 5
HSL	229.8°, 88.2, 56.7	`hsl(229.8,88.2%,56.7%)`
HSV (or HSB)	229.8°, 80.6, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.386, 46.053, -83.781
XYZ	20.065, 12.751, 85.403
xyY	0.17, 0.108, 12.751
CIE-LCH	42.386, 95.604, 298.797
CIE-LUV	42.386, -14.424, -122.812
Hunter-Lab	35.709, 37.809, -116.806
Binary	00101111, 01010000, 11110010

#2f50f2
```
#2f50f2 rgb(47,80,242)
```
#f2d12f
```
#f2d12f rgb(242,209,47)
```

Complementary Color

#2fb2f2
```
#2fb2f2 rgb(47,178,242)
```
#2f50f2
```
#2f50f2 rgb(47,80,242)
```
#702ff2
```
#702ff2 rgb(112,47,242)
```

Analogous Color

#b2f22f
```
#b2f22f rgb(178,242,47)
```
#2f50f2
```
#2f50f2 rgb(47,80,242)
```
#f2702f
```
#f2702f rgb(242,112,47)
```

Split Complementary Color

#50f22f
```
#50f22f rgb(80,242,47)
```
#2f50f2
```
#2f50f2 rgb(47,80,242)
```
#f22f50
```
#f22f50 rgb(242,47,80)
```

Triadic Color

#2ff2d1
```
#2ff2d1 rgb(47,242,209)
```
#2f50f2
```
#2f50f2 rgb(47,80,242)
```
#f22f50
```
#f22f50 rgb(242,47,80)
```
#f2d12f
```
#f2d12f rgb(242,209,47)
```

Tetradic Color

#0d2cc8
```
#0d2cc8 rgb(13,44,200)
```
#0e32e0
```
#0e32e0 rgb(14,50,224)
```
#173cf1
```
#173cf1 rgb(23,60,241)
```
#2f50f2
```
#2f50f2 rgb(47,80,242)
```
#4764f4
```
#4764f4 rgb(71,100,244)
```
#5f78f5
```
#5f78f5 rgb(95,120,245)
```
#778df7
```
#778df7 rgb(119,141,247)
```

Monochromatic Color

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

#2f81f2
```
#2f81f2 rgb(47,129,242)
```
#2f71f2
```
#2f71f2 rgb(47,113,242)
```
#2f60f2
```
#2f60f2 rgb(47,96,242)
```
#2f50f2
```
#2f50f2 rgb(47,80,242)
```
#2f40f2
```
#2f40f2 rgb(47,64,242)
```
#2f2ff2
```
#2f2ff2 rgb(47,47,242)
```
#3f2ff2
```
#3f2ff2 rgb(63,47,242)
```

Similar Colors

Text with hexadecimal color #2f50f2

This text has a font color of #2f50f2.

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

#2f50f2 background color

This paragraph has a background color of #2f50f2.

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

#2f50f2 border color

This element has a border color of #2f50f2.

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

CSS codes

.text {color:#2f50f2;}

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

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

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

#01030e
```
#01030e rgb(1,3,14)
```
#020720
```
#020720 rgb(2,7,32)
```
#030b32
```
#030b32 rgb(3,11,50)
```
#040f45
```
#040f45 rgb(4,15,69)
```
#051357
```
#051357 rgb(5,19,87)
```
#07176a
```
#07176a rgb(7,23,106)
```
#081b7c
```
#081b7c rgb(8,27,124)
```
#09208f
```
#09208f rgb(9,32,143)
```
#0a24a1
```
#0a24a1 rgb(10,36,161)
```
#0b28b4
```
#0b28b4 rgb(11,40,180)
```
#0c2cc6
```
#0c2cc6 rgb(12,44,198)
```
#0e30d9
```
#0e30d9 rgb(14,48,217)
```
#0f34eb
```
#0f34eb rgb(15,52,235)
```

Shade Color Variation

#1d40f1
```
#1d40f1 rgb(29,64,241)
```
#2f50f2
```
#2f50f2 rgb(47,80,242)
```
#4160f3
```
#4160f3 rgb(65,96,243)
```
#546ff4
```
#546ff4 rgb(84,111,244)
```
#667ff5
```
#667ff5 rgb(102,127,245)
```
#798ef7
```
#798ef7 rgb(121,142,247)
```
#8b9ef8
```
#8b9ef8 rgb(139,158,248)
```
#9eadf9
```
#9eadf9 rgb(158,173,249)
```
#b0bdfa
```
#b0bdfa rgb(176,189,250)
```
#c3ccfb
```
#c3ccfb rgb(195,204,251)
```
#d5dcfc
```
#d5dcfc rgb(213,220,252)
```
#e8ebfe
```
#e8ebfe rgb(232,235,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#8d8e95
```
#8d8e95 rgb(141,142,149)
```
#84889d
```
#84889d rgb(132,136,157)
```
#7c83a6
```
#7c83a6 rgb(124,131,166)
```
#737dae
```
#737dae rgb(115,125,174)
```
#6b77b7
```
#6b77b7 rgb(107,119,183)
```
#6272bf
```
#6272bf rgb(98,114,191)
```
#5a6cc8
```
#5a6cc8 rgb(90,108,200)
```
#5166d0
```
#5166d0 rgb(81,102,208)
```
#4961d9
```
#4961d9 rgb(73,97,217)
```
#405be1
```
#405be1 rgb(64,91,225)
```
#3856ea
```
#3856ea rgb(56,86,234)
```
#2f50f2
```
#2f50f2 rgb(47,80,242)
```
#274afb
```
#274afb rgb(39,74,251)
```

Tone Color Variation

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

#0068cc Protanopia 1% of men
#006fb1 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#115fda Protanomaly 1% of men, 0.01% of women
#1163c8 Deuteranomaly 6% of men, 0.4% of women
#1168a7 Tritanomaly 0.01% of the population

#2f50f2 hex color

#2f50f2 Color Information

#2f50f2 Color Conversion

Color Schemes with #2f50f2

Alternatives to #2f50f2

#2f50f2 Preview

Shades and Tints of #2f50f2

Tones of #2f50f2

Color Blindness Simulator