#2f50b7 hex color

In a RGB color space, hex #2f50b7 is composed of 18.4% red, 31.4% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 56.3% magenta, 0% yellow and 28.2% black. It has a hue angle of 225.4 degrees, a saturation of 59.1% and a lightness of 45.1%. #2f50b7 color hex could be obtained by blending #5ea0ff with #00006f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 31
- B 72
RGB color chart
- C 74
- M 56
- Y 0
- K 28
CMYK color chart

● #2f50b7 color description : Moderate blue.

The hexadecimal color #2f50b7 has RGB values of R:47, G:80, B:183 and CMYK values of C:0.74, M:0.56, Y:0, K:0.28. Its decimal value is 3100855.

Hex triplet	2f50b7	`#2f50b7`
RGB Decimal	47, 80, 183	`rgb(47,80,183)`
RGB Percent	18.4, 31.4, 71.8	`rgb(18.4%,31.4%,71.8%)`
CMYK	74, 56, 0, 28
HSL	225.4°, 59.1, 45.1	`hsl(225.4,59.1%,45.1%)`
HSV (or HSB)	225.4°, 74.3, 71.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.408, 24.648, -58.008
XYZ	12.586, 9.76, 46.018
xyY	0.184, 0.143, 9.76
CIE-LCH	37.408, 63.027, 293.021
CIE-LUV	37.408, -13.785, -83.946
Hunter-Lab	31.241, 17.244, -65.466
Binary	00101111, 01010000, 10110111

#2f50b7
```
#2f50b7 rgb(47,80,183)
```
#b7962f
```
#b7962f rgb(183,150,47)
```

Complementary Color

#2f94b7
```
#2f94b7 rgb(47,148,183)
```
#2f50b7
```
#2f50b7 rgb(47,80,183)
```
#522fb7
```
#522fb7 rgb(82,47,183)
```

Analogous Color

#94b72f
```
#94b72f rgb(148,183,47)
```
#2f50b7
```
#2f50b7 rgb(47,80,183)
```
#b7522f
```
#b7522f rgb(183,82,47)
```

Split Complementary Color

#50b72f
```
#50b72f rgb(80,183,47)
```
#2f50b7
```
#2f50b7 rgb(47,80,183)
```
#b72f50
```
#b72f50 rgb(183,47,80)
```

Triadic Color

#2fb796
```
#2fb796 rgb(47,183,150)
```
#2f50b7
```
#2f50b7 rgb(47,80,183)
```
#b72f50
```
#b72f50 rgb(183,47,80)
```
#b7962f
```
#b7962f rgb(183,150,47)
```

Tetradic Color

#1f357a
```
#1f357a rgb(31,53,122)
```
#253e8e
```
#253e8e rgb(37,62,142)
```
#2a47a3
```
#2a47a3 rgb(42,71,163)
```
#2f50b7
```
#2f50b7 rgb(47,80,183)
```
#3559cb
```
#3559cb rgb(53,89,203)
```
#496ad0
```
#496ad0 rgb(73,106,208)
```
#5d7ad5
```
#5d7ad5 rgb(93,122,213)
```

Monochromatic Color

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

#2f72b7
```
#2f72b7 rgb(47,114,183)
```
#2f67b7
```
#2f67b7 rgb(47,103,183)
```
#2f5bb7
```
#2f5bb7 rgb(47,91,183)
```
#2f50b7
```
#2f50b7 rgb(47,80,183)
```
#2f45b7
```
#2f45b7 rgb(47,69,183)
```
#2f39b7
```
#2f39b7 rgb(47,57,183)
```
#302fb7
```
#302fb7 rgb(48,47,183)
```

Similar Colors

Text with hexadecimal color #2f50b7

This text has a font color of #2f50b7.

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

#2f50b7 background color

This paragraph has a background color of #2f50b7.

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

#2f50b7 border color

This element has a border color of #2f50b7.

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

CSS codes

.text {color:#2f50b7;}

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

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

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, #03050b is the darkest color, while #fbfbfe is the lightest one.

#03050b
```
#03050b rgb(3,5,11)
```
#070c1b
```
#070c1b rgb(7,12,27)
```
#0b132b
```
#0b132b rgb(11,19,43)
```
#0f193a
```
#0f193a rgb(15,25,58)
```
#13204a
```
#13204a rgb(19,32,74)
```
#172759
```
#172759 rgb(23,39,89)
```
#1b2e69
```
#1b2e69 rgb(27,46,105)
```
#1f3579
```
#1f3579 rgb(31,53,121)
```
#233c88
```
#233c88 rgb(35,60,136)
```
#274298
```
#274298 rgb(39,66,152)
```
#2b49a7
```
#2b49a7 rgb(43,73,167)
```
#2f50b7
```
#2f50b7 rgb(47,80,183)
```
#3357c7
```
#3357c7 rgb(51,87,199)
```

Shade Color Variation

#3f62ce
```
#3f62ce rgb(63,98,206)
```
#4f6fd2
```
#4f6fd2 rgb(79,111,210)
```
#5f7cd6
```
#5f7cd6 rgb(95,124,214)
```
#6e88da
```
#6e88da rgb(110,136,218)
```
#7e95de
```
#7e95de rgb(126,149,222)
```
#8da2e2
```
#8da2e2 rgb(141,162,226)
```
#9dafe6
```
#9dafe6 rgb(157,175,230)
```
#adbcea
```
#adbcea rgb(173,188,234)
```
#bcc8ee
```
#bcc8ee rgb(188,200,238)
```
#ccd5f2
```
#ccd5f2 rgb(204,213,242)
```
#dce2f6
```
#dce2f6 rgb(220,226,246)
```
#ebeffa
```
#ebeffa rgb(235,239,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#6d7079
```
#6d7079 rgb(109,112,121)
```
#646b82
```
#646b82 rgb(100,107,130)
```
#5b678b
```
#5b678b rgb(91,103,139)
```
#526294
```
#526294 rgb(82,98,148)
```
#4a5e9c
```
#4a5e9c rgb(74,94,156)
```
#4159a5
```
#4159a5 rgb(65,89,165)
```
#3855ae
```
#3855ae rgb(56,85,174)
```
#2f50b7
```
#2f50b7 rgb(47,80,183)
```
#264bc0
```
#264bc0 rgb(38,75,192)
```
#1d47c9
```
#1d47c9 rgb(29,71,201)
```
#1442d2
```
#1442d2 rgb(20,66,210)
```
#0c3eda
```
#0c3eda rgb(12,62,218)
```
#0339e3
```
#0339e3 rgb(3,57,227)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db7 Protanopia 1% of men
#0062a1 Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#1158b7 Protanomaly 1% of men, 0.01% of women
#115ca9 Deuteranomaly 6% of men, 0.4% of women
#11608a Tritanomaly 0.01% of the population

#2f50b7 hex color

#2f50b7 Color Information

#2f50b7 Color Conversion

Color Schemes with #2f50b7

Alternatives to #2f50b7

#2f50b7 Preview

Shades and Tints of #2f50b7

Tones of #2f50b7

Color Blindness Simulator