#2f50ce hex color

In a RGB color space, hex #2f50ce is composed of 18.4% red, 31.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 61.2% magenta, 0% yellow and 19.2% black. It has a hue angle of 227.5 degrees, a saturation of 62.8% and a lightness of 49.6%. #2f50ce color hex could be obtained by blending #5ea0ff with #00009d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 31
- B 81
RGB color chart
- C 77
- M 61
- Y 0
- K 19
CMYK color chart

● #2f50ce color description : Strong blue.

The hexadecimal color #2f50ce has RGB values of R:47, G:80, B:206 and CMYK values of C:0.77, M:0.61, Y:0, K:0.19. Its decimal value is 3100878.

Hex triplet	2f50ce	`#2f50ce`
RGB Decimal	47, 80, 206	`rgb(47,80,206)`
RGB Percent	18.4, 31.4, 80.8	`rgb(18.4%,31.4%,80.8%)`
CMYK	77, 61, 0, 19
HSL	227.5°, 62.8, 49.6	`hsl(227.5,62.8%,49.6%)`
HSV (or HSB)	227.5°, 77.2, 80.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.236, 33.186, -68.435
XYZ	15.179, 10.797, 59.673
xyY	0.177, 0.126, 10.797
CIE-LCH	39.236, 76.058, 295.87
CIE-LUV	39.236, -13.955, -99.718
Hunter-Lab	32.859, 24.957, -84.673
Binary	00101111, 01010000, 11001110

#2f50ce
```
#2f50ce rgb(47,80,206)
```
#cead2f
```
#cead2f rgb(206,173,47)
```

Complementary Color

#2fa0ce
```
#2fa0ce rgb(47,160,206)
```
#2f50ce
```
#2f50ce rgb(47,80,206)
```
#5d2fce
```
#5d2fce rgb(93,47,206)
```

Analogous Color

#a0ce2f
```
#a0ce2f rgb(160,206,47)
```
#2f50ce
```
#2f50ce rgb(47,80,206)
```
#ce5d2f
```
#ce5d2f rgb(206,93,47)
```

Split Complementary Color

#50ce2f
```
#50ce2f rgb(80,206,47)
```
#2f50ce
```
#2f50ce rgb(47,80,206)
```
#ce2f50
```
#ce2f50 rgb(206,47,80)
```

Triadic Color

#2fcead
```
#2fcead rgb(47,206,173)
```
#2f50ce
```
#2f50ce rgb(47,80,206)
```
#ce2f50
```
#ce2f50 rgb(206,47,80)
```
#cead2f
```
#cead2f rgb(206,173,47)
```

Tetradic Color

#213890
```
#213890 rgb(33,56,144)
```
#2640a4
```
#2640a4 rgb(38,64,164)
```
#2a48b9
```
#2a48b9 rgb(42,72,185)
```
#2f50ce
```
#2f50ce rgb(47,80,206)
```
#4361d4
```
#4361d4 rgb(67,97,212)
```
#5772d9
```
#5772d9 rgb(87,114,217)
```
#6c84dd
```
#6c84dd rgb(108,132,221)
```

Monochromatic Color

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

#2f78ce
```
#2f78ce rgb(47,120,206)
```
#2f6bce
```
#2f6bce rgb(47,107,206)
```
#2f5dce
```
#2f5dce rgb(47,93,206)
```
#2f50ce
```
#2f50ce rgb(47,80,206)
```
#2f43ce
```
#2f43ce rgb(47,67,206)
```
#2f36ce
```
#2f36ce rgb(47,54,206)
```
#362fce
```
#362fce rgb(54,47,206)
```

Similar Colors

Text with hexadecimal color #2f50ce

This text has a font color of #2f50ce.

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

#2f50ce background color

This paragraph has a background color of #2f50ce.

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

#2f50ce border color

This element has a border color of #2f50ce.

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

CSS codes

.text {color:#2f50ce;}

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

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

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

#03060e
```
#03060e rgb(3,6,14)
```
#070c1e
```
#070c1e rgb(7,12,30)
```
#0b122e
```
#0b122e rgb(11,18,46)
```
#0e183e
```
#0e183e rgb(14,24,62)
```
#121e4e
```
#121e4e rgb(18,30,78)
```
#15255e
```
#15255e rgb(21,37,94)
```
#192b6e
```
#192b6e rgb(25,43,110)
```
#1d317e
```
#1d317e rgb(29,49,126)
```
#20378e
```
#20378e rgb(32,55,142)
```
#243d9e
```
#243d9e rgb(36,61,158)
```
#2844ae
```
#2844ae rgb(40,68,174)
```
#2b4abe
```
#2b4abe rgb(43,74,190)
```
#2f50ce
```
#2f50ce rgb(47,80,206)
```

Shade Color Variation

#3e5dd3
```
#3e5dd3 rgb(62,93,211)
```
#4e6ad7
```
#4e6ad7 rgb(78,106,215)
```
#5e78da
```
#5e78da rgb(94,120,218)
```
#6e85de
```
#6e85de rgb(110,133,222)
```
#7e92e1
```
#7e92e1 rgb(126,146,225)
```
#8ea0e5
```
#8ea0e5 rgb(142,160,229)
```
#9eade9
```
#9eade9 rgb(158,173,233)
```
#aebbec
```
#aebbec rgb(174,187,236)
```
#bdc8f0
```
#bdc8f0 rgb(189,200,240)
```
#cdd5f4
```
#cdd5f4 rgb(205,213,244)
```
#dde3f7
```
#dde3f7 rgb(221,227,247)
```
#edf0fb
```
#edf0fb rgb(237,240,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7e80 is the less saturated color, while #0839f5 is the most saturated one.

#7d7e80
```
#7d7e80 rgb(125,126,128)
```
#73788a
```
#73788a rgb(115,120,138)
```
#697294
```
#697294 rgb(105,114,148)
```
#606c9d
```
#606c9d rgb(96,108,157)
```
#5667a7
```
#5667a7 rgb(86,103,167)
```
#4c61b1
```
#4c61b1 rgb(76,97,177)
```
#425bbb
```
#425bbb rgb(66,91,187)
```
#3956c4
```
#3956c4 rgb(57,86,196)
```
#2f50ce
```
#2f50ce rgb(47,80,206)
```
#254ad8
```
#254ad8 rgb(37,74,216)
```
#1c45e1
```
#1c45e1 rgb(28,69,225)
```
#123feb
```
#123feb rgb(18,63,235)
```
#0839f5
```
#0839f5 rgb(8,57,245)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d536c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bf Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#115bc4 Protanomaly 1% of men, 0.01% of women
#115eb5 Deuteranomaly 6% of men, 0.4% of women
#116395 Tritanomaly 0.01% of the population

#2f50ce hex color

#2f50ce Color Information

#2f50ce Color Conversion

Color Schemes with #2f50ce

Alternatives to #2f50ce

#2f50ce Preview

Shades and Tints of #2f50ce

Tones of #2f50ce

Color Blindness Simulator