#2f51be hex color

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

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

● #2f51be color description : Strong blue.

The hexadecimal color #2f51be has RGB values of R:47, G:81, B:190 and CMYK values of C:0.75, M:0.57, Y:0, K:0.25. Its decimal value is 3101118.

Hex triplet	2f51be	`#2f51be`
RGB Decimal	47, 81, 190	`rgb(47,81,190)`
RGB Percent	18.4, 31.8, 74.5	`rgb(18.4%,31.8%,74.5%)`
CMYK	75, 57, 0, 25
HSL	225.7°, 60.3, 46.5	`hsl(225.7,60.3%,46.5%)`
HSV (or HSB)	225.7°, 75.3, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.21, 26.614, -60.81
XYZ	13.407, 10.206, 49.976
xyY	0.182, 0.139, 10.206
CIE-LCH	38.21, 66.379, 293.637
CIE-LUV	38.21, -14.086, -88.441
Hunter-Lab	31.947, 19.004, -70.387
Binary	00101111, 01010001, 10111110

#2f51be
```
#2f51be rgb(47,81,190)
```
#be9c2f
```
#be9c2f rgb(190,156,47)
```

Complementary Color

#2f99be
```
#2f99be rgb(47,153,190)
```
#2f51be
```
#2f51be rgb(47,81,190)
```
#552fbe
```
#552fbe rgb(85,47,190)
```

Analogous Color

#99be2f
```
#99be2f rgb(153,190,47)
```
#2f51be
```
#2f51be rgb(47,81,190)
```
#be552f
```
#be552f rgb(190,85,47)
```

Split Complementary Color

#51be2f
```
#51be2f rgb(81,190,47)
```
#2f51be
```
#2f51be rgb(47,81,190)
```
#be2f51
```
#be2f51 rgb(190,47,81)
```

Triadic Color

#2fbe9c
```
#2fbe9c rgb(47,190,156)
```
#2f51be
```
#2f51be rgb(47,81,190)
```
#be2f51
```
#be2f51 rgb(190,47,81)
```
#be9c2f
```
#be9c2f rgb(190,156,47)
```

Tetradic Color

#203781
```
#203781 rgb(32,55,129)
```
#254095
```
#254095 rgb(37,64,149)
```
#2a48aa
```
#2a48aa rgb(42,72,170)
```
#2f51be
```
#2f51be rgb(47,81,190)
```
#395cce
```
#395cce rgb(57,92,206)
```
#4d6dd3
```
#4d6dd3 rgb(77,109,211)
```
#617ed8
```
#617ed8 rgb(97,126,216)
```

Monochromatic Color

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

#2f75be
```
#2f75be rgb(47,117,190)
```
#2f69be
```
#2f69be rgb(47,105,190)
```
#2f5dbe
```
#2f5dbe rgb(47,93,190)
```
#2f51be
```
#2f51be rgb(47,81,190)
```
#2f45be
```
#2f45be rgb(47,69,190)
```
#2f39be
```
#2f39be rgb(47,57,190)
```
#312fbe
```
#312fbe rgb(49,47,190)
```

Similar Colors

Text with hexadecimal color #2f51be

This text has a font color of #2f51be.

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

#2f51be background color

This paragraph has a background color of #2f51be.

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

#2f51be border color

This element has a border color of #2f51be.

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

CSS codes

.text {color:#2f51be;}

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

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

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)
```
#0c1530
```
#0c1530 rgb(12,21,48)
```
#101b40
```
#101b40 rgb(16,27,64)
```
#142250
```
#142250 rgb(20,34,80)
```
#182960
```
#182960 rgb(24,41,96)
```
#1c2f6f
```
#1c2f6f rgb(28,47,111)
```
#1f367f
```
#1f367f rgb(31,54,127)
```
#233d8f
```
#233d8f rgb(35,61,143)
```
#27449f
```
#27449f rgb(39,68,159)
```
#2b4aae
```
#2b4aae rgb(43,74,174)
```
#2f51be
```
#2f51be rgb(47,81,190)
```

Shade Color Variation

#3458cd
```
#3458cd rgb(52,88,205)
```
#4465d1
```
#4465d1 rgb(68,101,209)
```
#5372d5
```
#5372d5 rgb(83,114,213)
```
#637fd8
```
#637fd8 rgb(99,127,216)
```
#738cdc
```
#738cdc rgb(115,140,220)
```
#8299e0
```
#8299e0 rgb(130,153,224)
```
#92a6e4
```
#92a6e4 rgb(146,166,228)
```
#a2b3e8
```
#a2b3e8 rgb(162,179,232)
```
#b2c0ec
```
#b2c0ec rgb(178,192,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 #0139ec is the most saturated one.

#6f727e
```
#6f727e rgb(111,114,126)
```
#666e87
```
#666e87 rgb(102,110,135)
```
#5d6990
```
#5d6990 rgb(93,105,144)
```
#53649a
```
#53649a rgb(83,100,154)
```
#4a5fa3
```
#4a5fa3 rgb(74,95,163)
```
#415bac
```
#415bac rgb(65,91,172)
```
#3856b5
```
#3856b5 rgb(56,86,181)
```
#2f51be
```
#2f51be rgb(47,81,190)
```
#264cc7
```
#264cc7 rgb(38,76,199)
```
#1d47d0
```
#1d47d0 rgb(29,71,208)
```
#1443d9
```
#1443d9 rgb(20,67,217)
```
#0b3ee2
```
#0b3ee2 rgb(11,62,226)
```
#0139ec
```
#0139ec rgb(1,57,236)
```

Tone Color Variation

Below, you can see how #2f51be 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
#4c5368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbb Protanopia 1% of men
#0064a3 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#115abc Protanomaly 1% of men, 0.01% of women
#115dad Deuteranomaly 6% of men, 0.4% of women
#11628e Tritanomaly 0.01% of the population

#2f51be hex color

#2f51be Color Information

#2f51be Color Conversion

Color Schemes with #2f51be

Alternatives to #2f51be

#2f51be Preview

Shades and Tints of #2f51be

Tones of #2f51be

Color Blindness Simulator