#2f46e4 hex color

In a RGB color space, hex #2f46e4 is composed of 18.4% red, 27.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 69.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 232.4 degrees, a saturation of 77% and a lightness of 53.9%. #2f46e4 color hex could be obtained by blending #5e8cff with #0000c9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 27
- B 89
RGB color chart
- C 79
- M 69
- Y 0
- K 11
CMYK color chart

● #2f46e4 color description : Bright blue.

The hexadecimal color #2f46e4 has RGB values of R:47, G:70, B:228 and CMYK values of C:0.79, M:0.69, Y:0, K:0.11. Its decimal value is 3098340.

Hex triplet	2f46e4	`#2f46e4`
RGB Decimal	47, 70, 228	`rgb(47,70,228)`
RGB Percent	18.4, 27.5, 89.4	`rgb(18.4%,27.5%,89.4%)`
CMYK	79, 69, 0, 11
HSL	232.4°, 77, 53.9	`hsl(232.4,77%,53.9%)`
HSV (or HSB)	232.4°, 79.4, 89.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.872, 47.186, -81.647
XYZ	17.363, 10.585, 74.523
xyY	0.169, 0.103, 10.585
CIE-LCH	38.872, 94.301, 300.025
CIE-LUV	38.872, -12.168, -116.228
Hunter-Lab	32.534, 38.328, -113.034
Binary	00101111, 01000110, 11100100

#2f46e4
```
#2f46e4 rgb(47,70,228)
```
#e4cd2f
```
#e4cd2f rgb(228,205,47)
```

Complementary Color

#2fa1e4
```
#2fa1e4 rgb(47,161,228)
```
#2f46e4
```
#2f46e4 rgb(47,70,228)
```
#732fe4
```
#732fe4 rgb(115,47,228)
```

Analogous Color

#a1e42f
```
#a1e42f rgb(161,228,47)
```
#2f46e4
```
#2f46e4 rgb(47,70,228)
```
#e4732f
```
#e4732f rgb(228,115,47)
```

Split Complementary Color

#46e42f
```
#46e42f rgb(70,228,47)
```
#2f46e4
```
#2f46e4 rgb(47,70,228)
```
#e42f46
```
#e42f46 rgb(228,47,70)
```

Triadic Color

#2fe4cd
```
#2fe4cd rgb(47,228,205)
```
#2f46e4
```
#2f46e4 rgb(47,70,228)
```
#e42f46
```
#e42f46 rgb(228,47,70)
```
#e4cd2f
```
#e4cd2f rgb(228,205,47)
```

Tetradic Color

#172ab0
```
#172ab0 rgb(23,42,176)
```
#1a30c6
```
#1a30c6 rgb(26,48,198)
```
#1d35dd
```
#1d35dd rgb(29,53,221)
```
#2f46e4
```
#2f46e4 rgb(47,70,228)
```
#465ae7
```
#465ae7 rgb(70,90,231)
```
#5c6eea
```
#5c6eea rgb(92,110,234)
```
#7382ed
```
#7382ed rgb(115,130,237)
```

Monochromatic Color

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

#2f73e4
```
#2f73e4 rgb(47,115,228)
```
#2f64e4
```
#2f64e4 rgb(47,100,228)
```
#2f55e4
```
#2f55e4 rgb(47,85,228)
```
#2f46e4
```
#2f46e4 rgb(47,70,228)
```
#2f37e4
```
#2f37e4 rgb(47,55,228)
```
#362fe4
```
#362fe4 rgb(54,47,228)
```
#452fe4
```
#452fe4 rgb(69,47,228)
```

Similar Colors

Text with hexadecimal color #2f46e4

This text has a font color of #2f46e4.

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

#2f46e4 background color

This paragraph has a background color of #2f46e4.

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

#2f46e4 border color

This element has a border color of #2f46e4.

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

CSS codes

.text {color:#2f46e4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020412
```
#020412 rgb(2,4,18)
```
#050823
```
#050823 rgb(5,8,35)
```
#070d34
```
#070d34 rgb(7,13,52)
```
#091146
```
#091146 rgb(9,17,70)
```
#0b1557
```
#0b1557 rgb(11,21,87)
```
#0e1969
```
#0e1969 rgb(14,25,105)
```
#101d7a
```
#101d7a rgb(16,29,122)
```
#12218b
```
#12218b rgb(18,33,139)
```
#14269d
```
#14269d rgb(20,38,157)
```
#172aae
```
#172aae rgb(23,42,174)
```
#192ebf
```
#192ebf rgb(25,46,191)
```
#1b32d1
```
#1b32d1 rgb(27,50,209)
```

Shade Color Variation

#1e37e2
```
#1e37e2 rgb(30,55,226)
```
#2f46e4
```
#2f46e4 rgb(47,70,228)
```
#4055e6
```
#4055e6 rgb(64,85,230)
```
#5265e9
```
#5265e9 rgb(82,101,233)
```
#6374eb
```
#6374eb rgb(99,116,235)
```
#7484ed
```
#7484ed rgb(116,132,237)
```
#8693ef
```
#8693ef rgb(134,147,239)
```
#97a3f2
```
#97a3f2 rgb(151,163,242)
```
#a9b2f4
```
#a9b2f4 rgb(169,178,244)
```
#bac2f6
```
#bac2f6 rgb(186,194,246)
```
#cbd1f8
```
#cbd1f8 rgb(203,209,248)
```
#dde0fb
```
#dde0fb rgb(221,224,251)
```
#eef0fd
```
#eef0fd rgb(238,240,253)
```

Tint Color Variation

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

#89898a
```
#89898a rgb(137,137,138)
```
#808393
```
#808393 rgb(128,131,147)
```
#777c9c
```
#777c9c rgb(119,124,156)
```
#6e75a5
```
#6e75a5 rgb(110,117,165)
```
#656eae
```
#656eae rgb(101,110,174)
```
#5c68b7
```
#5c68b7 rgb(92,104,183)
```
#5361c0
```
#5361c0 rgb(83,97,192)
```
#4a5ac9
```
#4a5ac9 rgb(74,90,201)
```
#4153d2
```
#4153d2 rgb(65,83,210)
```
#384ddb
```
#384ddb rgb(56,77,219)
```
#2f46e4
```
#2f46e4 rgb(47,70,228)
```
#263fed
```
#263fed rgb(38,63,237)
```
#1d39f6
```
#1d39f6 rgb(29,57,246)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4a4f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#1157cb Protanomaly 1% of men, 0.01% of women
#115abb Deuteranomaly 6% of men, 0.4% of women
#115f9c Tritanomaly 0.01% of the population

#2f46e4 hex color

#2f46e4 Color Information

#2f46e4 Color Conversion

Color Schemes with #2f46e4

Alternatives to #2f46e4

#2f46e4 Preview

Shades and Tints of #2f46e4

Tones of #2f46e4

Color Blindness Simulator