#2f36e4 hex color

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

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

● #2f36e4 color description : Bright blue.

The hexadecimal color #2f36e4 has RGB values of R:47, G:54, B:228 and CMYK values of C:0.79, M:0.76, Y:0, K:0.11. Its decimal value is 3094244.

Hex triplet	2f36e4	`#2f36e4`
RGB Decimal	47, 54, 228	`rgb(47,54,228)`
RGB Percent	18.4, 21.2, 89.4	`rgb(18.4%,21.2%,89.4%)`
CMYK	79, 76, 0, 11
HSL	237.7°, 77, 53.9	`hsl(237.7,77%,53.9%)`
HSV (or HSB)	237.7°, 79.4, 89.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.68, 56.12, -86.921
XYZ	16.492, 8.843, 74.232
xyY	0.166, 0.089, 8.843
CIE-LCH	35.68, 103.464, 302.848
CIE-LUV	35.68, -9.474, -117.954
Hunter-Lab	29.737, 46.956, -127.188
Binary	00101111, 00110110, 11100100

#2f36e4
```
#2f36e4 rgb(47,54,228)
```
#e4dd2f
```
#e4dd2f rgb(228,221,47)
```

Complementary Color

#2f91e4
```
#2f91e4 rgb(47,145,228)
```
#2f36e4
```
#2f36e4 rgb(47,54,228)
```
#832fe4
```
#832fe4 rgb(131,47,228)
```

Analogous Color

#91e42f
```
#91e42f rgb(145,228,47)
```
#2f36e4
```
#2f36e4 rgb(47,54,228)
```
#e4832f
```
#e4832f rgb(228,131,47)
```

Split Complementary Color

#36e42f
```
#36e42f rgb(54,228,47)
```
#2f36e4
```
#2f36e4 rgb(47,54,228)
```
#e42f36
```
#e42f36 rgb(228,47,54)
```

Triadic Color

#2fe4dd
```
#2fe4dd rgb(47,228,221)
```
#2f36e4
```
#2f36e4 rgb(47,54,228)
```
#e42f36
```
#e42f36 rgb(228,47,54)
```
#e4dd2f
```
#e4dd2f rgb(228,221,47)
```

Tetradic Color

#171db0
```
#171db0 rgb(23,29,176)
```
#1a20c6
```
#1a20c6 rgb(26,32,198)
```
#1d24dd
```
#1d24dd rgb(29,36,221)
```
#2f36e4
```
#2f36e4 rgb(47,54,228)
```
#464ce7
```
#464ce7 rgb(70,76,231)
```
#5c62ea
```
#5c62ea rgb(92,98,234)
```
#7377ed
```
#7377ed rgb(115,119,237)
```

Monochromatic Color

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

#2f63e4
```
#2f63e4 rgb(47,99,228)
```
#2f54e4
```
#2f54e4 rgb(47,84,228)
```
#2f45e4
```
#2f45e4 rgb(47,69,228)
```
#2f36e4
```
#2f36e4 rgb(47,54,228)
```
#372fe4
```
#372fe4 rgb(55,47,228)
```
#462fe4
```
#462fe4 rgb(70,47,228)
```
#552fe4
```
#552fe4 rgb(85,47,228)
```

Similar Colors

Text with hexadecimal color #2f36e4

This text has a font color of #2f36e4.

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

#2f36e4 background color

This paragraph has a background color of #2f36e4.

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

#2f36e4 border color

This element has a border color of #2f36e4.

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

CSS codes

.text {color:#2f36e4;}

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

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

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 #eeeffd is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#020312
```
#020312 rgb(2,3,18)
```
#050623
```
#050623 rgb(5,6,35)
```
#070934
```
#070934 rgb(7,9,52)
```
#090b46
```
#090b46 rgb(9,11,70)
```
#0b0e57
```
#0b0e57 rgb(11,14,87)
```
#0e1169
```
#0e1169 rgb(14,17,105)
```
#10147a
```
#10147a rgb(16,20,122)
```
#12178b
```
#12178b rgb(18,23,139)
```
#141a9d
```
#141a9d rgb(20,26,157)
```
#171cae
```
#171cae rgb(23,28,174)
```
#191fbf
```
#191fbf rgb(25,31,191)
```
#1b22d1
```
#1b22d1 rgb(27,34,209)
```

Shade Color Variation

#1e25e2
```
#1e25e2 rgb(30,37,226)
```
#2f36e4
```
#2f36e4 rgb(47,54,228)
```
#4047e6
```
#4047e6 rgb(64,71,230)
```
#5258e9
```
#5258e9 rgb(82,88,233)
```
#6368eb
```
#6368eb rgb(99,104,235)
```
#7479ed
```
#7479ed rgb(116,121,237)
```
#868aef
```
#868aef rgb(134,138,239)
```
#979bf2
```
#979bf2 rgb(151,155,242)
```
#a9abf4
```
#a9abf4 rgb(169,171,244)
```
#babcf6
```
#babcf6 rgb(186,188,246)
```
#cbcdf8
```
#cbcdf8 rgb(203,205,248)
```
#dddefb
```
#dddefb rgb(221,222,251)
```
#eeeffd
```
#eeeffd rgb(238,239,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 #1d25f6 is the most saturated one.

#89898a
```
#89898a rgb(137,137,138)
```
#808193
```
#808193 rgb(128,129,147)
```
#77799c
```
#77799c rgb(119,121,156)
```
#6e70a5
```
#6e70a5 rgb(110,112,165)
```
#6568ae
```
#6568ae rgb(101,104,174)
```
#5c60b7
```
#5c60b7 rgb(92,96,183)
```
#5357c0
```
#5357c0 rgb(83,87,192)
```
#4a4fc9
```
#4a4fc9 rgb(74,79,201)
```
#4147d2
```
#4147d2 rgb(65,71,210)
```
#383edb
```
#383edb rgb(56,62,219)
```
#2f36e4
```
#2f36e4 rgb(47,54,228)
```
#262eed
```
#262eed rgb(38,46,237)
```
#1d25f6
```
#1d25f6 rgb(29,37,246)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#114dc2 Protanomaly 1% of men, 0.01% of women
#1150b3 Deuteranomaly 6% of men, 0.4% of women
#115496 Tritanomaly 0.01% of the population

#2f36e4 hex color

#2f36e4 Color Information

#2f36e4 Color Conversion

Color Schemes with #2f36e4

Alternatives to #2f36e4

#2f36e4 Preview

Shades and Tints of #2f36e4

Tones of #2f36e4

Color Blindness Simulator