#2f50ed hex color

In a RGB color space, hex #2f50ed is composed of 18.4% red, 31.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 66.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 229.6 degrees, a saturation of 84.1% and a lightness of 55.7%. #2f50ed color hex could be obtained by blending #5ea0ff with #0000db. Closest websafe color is: #3366ff.

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

● #2f50ed color description : Bright blue.

The hexadecimal color #2f50ed has RGB values of R:47, G:80, B:237 and CMYK values of C:0.8, M:0.66, Y:0, K:0.07. Its decimal value is 3100909.

Hex triplet	2f50ed	`#2f50ed`
RGB Decimal	47, 80, 237	`rgb(47,80,237)`
RGB Percent	18.4, 31.4, 92.9	`rgb(18.4%,31.4%,92.9%)`
CMYK	80, 66, 0, 7
HSL	229.6°, 84.1, 55.7	`hsl(229.6,84.1%,55.7%)`
HSV (or HSB)	229.6°, 80.2, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.93, 44.308, -81.714
XYZ	19.324, 12.455, 81.502
xyY	0.171, 0.11, 12.455
CIE-LCH	41.93, 92.953, 298.468
CIE-LUV	41.93, -14.346, -119.702
Hunter-Lab	35.291, 35.979, -112.221
Binary	00101111, 01010000, 11101101

#2f50ed
```
#2f50ed rgb(47,80,237)
```
#edcc2f
```
#edcc2f rgb(237,204,47)
```

Complementary Color

#2fafed
```
#2fafed rgb(47,175,237)
```
#2f50ed
```
#2f50ed rgb(47,80,237)
```
#6d2fed
```
#6d2fed rgb(109,47,237)
```

Analogous Color

#afed2f
```
#afed2f rgb(175,237,47)
```
#2f50ed
```
#2f50ed rgb(47,80,237)
```
#ed6d2f
```
#ed6d2f rgb(237,109,47)
```

Split Complementary Color

#50ed2f
```
#50ed2f rgb(80,237,47)
```
#2f50ed
```
#2f50ed rgb(47,80,237)
```
#ed2f50
```
#ed2f50 rgb(237,47,80)
```

Triadic Color

#2fedcc
```
#2fedcc rgb(47,237,204)
```
#2f50ed
```
#2f50ed rgb(47,80,237)
```
#ed2f50
```
#ed2f50 rgb(237,47,80)
```
#edcc2f
```
#edcc2f rgb(237,204,47)
```

Tetradic Color

#112fbf
```
#112fbf rgb(17,47,191)
```
#1335d6
```
#1335d6 rgb(19,53,214)
```
#183ceb
```
#183ceb rgb(24,60,235)
```
#2f50ed
```
#2f50ed rgb(47,80,237)
```
#4664ef
```
#4664ef rgb(70,100,239)
```
#5e77f1
```
#5e77f1 rgb(94,119,241)
```
#758bf3
```
#758bf3 rgb(117,139,243)
```

Monochromatic Color

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

#2f80ed
```
#2f80ed rgb(47,128,237)
```
#2f70ed
```
#2f70ed rgb(47,112,237)
```
#2f60ed
```
#2f60ed rgb(47,96,237)
```
#2f50ed
```
#2f50ed rgb(47,80,237)
```
#2f40ed
```
#2f40ed rgb(47,64,237)
```
#2f30ed
```
#2f30ed rgb(47,48,237)
```
#3d2fed
```
#3d2fed rgb(61,47,237)
```

Similar Colors

Text with hexadecimal color #2f50ed

This text has a font color of #2f50ed.

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

#2f50ed background color

This paragraph has a background color of #2f50ed.

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

#2f50ed border color

This element has a border color of #2f50ed.

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

CSS codes

.text {color:#2f50ed;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#02071b
```
#02071b rgb(2,7,27)
```
#040b2d
```
#040b2d rgb(4,11,45)
```
#050f3f
```
#050f3f rgb(5,15,63)
```
#071451
```
#071451 rgb(7,20,81)
```
#091863
```
#091863 rgb(9,24,99)
```
#0a1d75
```
#0a1d75 rgb(10,29,117)
```
#0c2187
```
#0c2187 rgb(12,33,135)
```
#0d2699
```
#0d2699 rgb(13,38,153)
```
#0f2aab
```
#0f2aab rgb(15,42,171)
```
#102ebd
```
#102ebd rgb(16,46,189)
```
#1233cf
```
#1233cf rgb(18,51,207)
```
#1337e1
```
#1337e1 rgb(19,55,225)
```

Shade Color Variation

#1d41eb
```
#1d41eb rgb(29,65,235)
```
#2f50ed
```
#2f50ed rgb(47,80,237)
```
#415fef
```
#415fef rgb(65,95,239)
```
#536ef0
```
#536ef0 rgb(83,110,240)
```
#657ef2
```
#657ef2 rgb(101,126,242)
```
#778df3
```
#778df3 rgb(119,141,243)
```
#899cf5
```
#899cf5 rgb(137,156,245)
```
#9babf6
```
#9babf6 rgb(155,171,246)
```
#adbaf8
```
#adbaf8 rgb(173,186,248)
```
#bfcaf9
```
#bfcaf9 rgb(191,202,249)
```
#d1d9fb
```
#d1d9fb rgb(209,217,251)
```
#e4e8fd
```
#e4e8fd rgb(228,232,253)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

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

#868996
```
#868996 rgb(134,137,150)
```
#7d839f
```
#7d839f rgb(125,131,159)
```
#757da7
```
#757da7 rgb(117,125,167)
```
#6c78b0
```
#6c78b0 rgb(108,120,176)
```
#6372b9
```
#6372b9 rgb(99,114,185)
```
#5a6cc2
```
#5a6cc2 rgb(90,108,194)
```
#5267ca
```
#5267ca rgb(82,103,202)
```
#4961d3
```
#4961d3 rgb(73,97,211)
```
#405bdc
```
#405bdc rgb(64,91,220)
```
#3856e4
```
#3856e4 rgb(56,86,228)
```
#2f50ed
```
#2f50ed rgb(47,80,237)
```
#264af6
```
#264af6 rgb(38,74,246)
```
#1e45fe
```
#1e45fe rgb(30,69,254)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#505676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#115fd7 Protanomaly 1% of men, 0.01% of women
#1163c6 Deuteranomaly 6% of men, 0.4% of women
#1167a4 Tritanomaly 0.01% of the population

#2f50ed hex color

#2f50ed Color Information

#2f50ed Color Conversion

Color Schemes with #2f50ed

Alternatives to #2f50ed

#2f50ed Preview

Shades and Tints of #2f50ed

Tones of #2f50ed

Color Blindness Simulator