#2f50be hex color

In a RGB color space, hex #2f50be is composed of 18.4% red, 31.4% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 57.9% magenta, 0% yellow and 25.5% black. It has a hue angle of 226.2 degrees, a saturation of 60.3% and a lightness of 46.5%. #2f50be color hex could be obtained by blending #5ea0ff with #00007d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 31
- B 75
RGB color chart
- C 75
- M 58
- Y 0
- K 25
CMYK color chart

● #2f50be color description : Strong blue.

The hexadecimal color #2f50be has RGB values of R:47, G:80, B:190 and CMYK values of C:0.75, M:0.58, Y:0, K:0.25. Its decimal value is 3100862.

Hex triplet	2f50be	`#2f50be`
RGB Decimal	47, 80, 190	`rgb(47,80,190)`
RGB Percent	18.4, 31.4, 74.5	`rgb(18.4%,31.4%,74.5%)`
CMYK	75, 58, 0, 25
HSL	226.2°, 60.3, 46.5	`hsl(226.2,60.3%,46.5%)`
HSV (or HSB)	226.2°, 75.3, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.947, 27.267, -61.238
XYZ	13.333, 10.058, 49.951
xyY	0.182, 0.137, 10.058
CIE-LCH	37.947, 67.034, 294.002
CIE-LUV	37.947, -13.824, -88.843
Hunter-Lab	31.715, 19.541, -71.181
Binary	00101111, 01010000, 10111110

#2f50be
```
#2f50be rgb(47,80,190)
```
#be9d2f
```
#be9d2f rgb(190,157,47)
```

Complementary Color

#2f98be
```
#2f98be rgb(47,152,190)
```
#2f50be
```
#2f50be rgb(47,80,190)
```
#562fbe
```
#562fbe rgb(86,47,190)
```

Analogous Color

#98be2f
```
#98be2f rgb(152,190,47)
```
#2f50be
```
#2f50be rgb(47,80,190)
```
#be562f
```
#be562f rgb(190,86,47)
```

Split Complementary Color

#50be2f
```
#50be2f rgb(80,190,47)
```
#2f50be
```
#2f50be rgb(47,80,190)
```
#be2f50
```
#be2f50 rgb(190,47,80)
```

Triadic Color

#2fbe9d
```
#2fbe9d rgb(47,190,157)
```
#2f50be
```
#2f50be rgb(47,80,190)
```
#be2f50
```
#be2f50 rgb(190,47,80)
```
#be9d2f
```
#be9d2f rgb(190,157,47)
```

Tetradic Color

#203681
```
#203681 rgb(32,54,129)
```
#253f95
```
#253f95 rgb(37,63,149)
```
#2a47aa
```
#2a47aa rgb(42,71,170)
```
#2f50be
```
#2f50be rgb(47,80,190)
```
#395bce
```
#395bce rgb(57,91,206)
```
#4d6cd3
```
#4d6cd3 rgb(77,108,211)
```
#617dd8
```
#617dd8 rgb(97,125,216)
```

Monochromatic Color

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

#2f74be
```
#2f74be rgb(47,116,190)
```
#2f68be
```
#2f68be rgb(47,104,190)
```
#2f5cbe
```
#2f5cbe rgb(47,92,190)
```
#2f50be
```
#2f50be rgb(47,80,190)
```
#2f44be
```
#2f44be rgb(47,68,190)
```
#2f38be
```
#2f38be rgb(47,56,190)
```
#322fbe
```
#322fbe rgb(50,47,190)
```

Similar Colors

Text with hexadecimal color #2f50be

This text has a font color of #2f50be.

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

#2f50be background color

This paragraph has a background color of #2f50be.

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

#2f50be border color

This element has a border color of #2f50be.

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

CSS codes

.text {color:#2f50be;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040711
```
#040711 rgb(4,7,17)
```
#080e21
```
#080e21 rgb(8,14,33)
```
#0c1430
```
#0c1430 rgb(12,20,48)
```
#101b40
```
#101b40 rgb(16,27,64)
```
#142250
```
#142250 rgb(20,34,80)
```
#182860
```
#182860 rgb(24,40,96)
```
#1c2f6f
```
#1c2f6f rgb(28,47,111)
```
#1f367f
```
#1f367f rgb(31,54,127)
```
#233c8f
```
#233c8f rgb(35,60,143)
```
#27439f
```
#27439f rgb(39,67,159)
```
#2b49ae
```
#2b49ae rgb(43,73,174)
```
#2f50be
```
#2f50be rgb(47,80,190)
```

Shade Color Variation

#3457cd
```
#3457cd rgb(52,87,205)
```
#4464d1
```
#4464d1 rgb(68,100,209)
```
#5371d5
```
#5371d5 rgb(83,113,213)
```
#637ed8
```
#637ed8 rgb(99,126,216)
```
#738bdc
```
#738bdc rgb(115,139,220)
```
#8298e0
```
#8298e0 rgb(130,152,224)
```
#92a5e4
```
#92a5e4 rgb(146,165,228)
```
#a2b2e8
```
#a2b2e8 rgb(162,178,232)
```
#b2bfec
```
#b2bfec rgb(178,191,236)
```
#c1ccf0
```
#c1ccf0 rgb(193,204,240)
```
#d1d9f4
```
#d1d9f4 rgb(209,217,244)
```
#e1e6f8
```
#e1e6f8 rgb(225,230,248)
```
#f1f3fb
```
#f1f3fb rgb(241,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f727e is the less saturated color, while #0137ec is the most saturated one.

#6f727e
```
#6f727e rgb(111,114,126)
```
#666d87
```
#666d87 rgb(102,109,135)
```
#5d6990
```
#5d6990 rgb(93,105,144)
```
#53649a
```
#53649a rgb(83,100,154)
```
#4a5fa3
```
#4a5fa3 rgb(74,95,163)
```
#415aac
```
#415aac rgb(65,90,172)
```
#3855b5
```
#3855b5 rgb(56,85,181)
```
#2f50be
```
#2f50be rgb(47,80,190)
```
#264bc7
```
#264bc7 rgb(38,75,199)
```
#1d46d0
```
#1d46d0 rgb(29,70,208)
```
#1441d9
```
#1441d9 rgb(20,65,217)
```
#0b3ce2
```
#0b3ce2 rgb(11,60,226)
```
#0137ec
```
#0137ec rgb(1,55,236)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c5268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb9 Protanopia 1% of men
#0064a2 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1159bb Protanomaly 1% of men, 0.01% of women
#115cac Deuteranomaly 6% of men, 0.4% of women
#11618d Tritanomaly 0.01% of the population

#2f50be hex color

#2f50be Color Information

#2f50be Color Conversion

Color Schemes with #2f50be

Alternatives to #2f50be

#2f50be Preview

Shades and Tints of #2f50be

Tones of #2f50be

Color Blindness Simulator