#2f36f9 hex color

In a RGB color space, hex #2f36f9 is composed of 18.4% red, 21.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 78.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 237.9 degrees, a saturation of 94.4% and a lightness of 58%. #2f36f9 color hex could be obtained by blending #5e6cff with #0000f3. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 18
- G 21
- B 98
RGB color chart
- C 81
- M 78
- Y 0
- K 2
CMYK color chart

● #2f36f9 color description : Bright blue.

The hexadecimal color #2f36f9 has RGB values of R:47, G:54, B:249 and CMYK values of C:0.81, M:0.78, Y:0, K:0.02. Its decimal value is 3094265.

Hex triplet	2f36f9	`#2f36f9`
RGB Decimal	47, 54, 249	`rgb(47,54,249)`
RGB Percent	18.4, 21.2, 97.6	`rgb(18.4%,21.2%,97.6%)`
CMYK	81, 78, 0, 2
HSL	237.9°, 94.4, 58	`hsl(237.9,94.4%,58%)`
HSV (or HSB)	237.9°, 81.1, 97.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.987, 62.63, -94.984
XYZ	19.587, 10.081, 90.531
xyY	0.163, 0.084, 10.081
CIE-LCH	37.987, 113.774, 303.4
CIE-LUV	37.987, -10.242, -130.003
Hunter-Lab	31.75, 54.554, -146.83
Binary	00101111, 00110110, 11111001

#2f36f9
```
#2f36f9 rgb(47,54,249)
```
#f9f22f
```
#f9f22f rgb(249,242,47)
```

Complementary Color

#2f9bf9
```
#2f9bf9 rgb(47,155,249)
```
#2f36f9
```
#2f36f9 rgb(47,54,249)
```
#8d2ff9
```
#8d2ff9 rgb(141,47,249)
```

Analogous Color

#9bf92f
```
#9bf92f rgb(155,249,47)
```
#2f36f9
```
#2f36f9 rgb(47,54,249)
```
#f98d2f
```
#f98d2f rgb(249,141,47)
```

Split Complementary Color

#36f92f
```
#36f92f rgb(54,249,47)
```
#2f36f9
```
#2f36f9 rgb(47,54,249)
```
#f92f36
```
#f92f36 rgb(249,47,54)
```

Triadic Color

#2ff9f2
```
#2ff9f2 rgb(47,249,242)
```
#2f36f9
```
#2f36f9 rgb(47,54,249)
```
#f92f36
```
#f92f36 rgb(249,47,54)
```
#f9f22f
```
#f9f22f rgb(249,242,47)
```

Tetradic Color

#060dd5
```
#060dd5 rgb(6,13,213)
```
#070fee
```
#070fee rgb(7,15,238)
```
#161ef8
```
#161ef8 rgb(22,30,248)
```
#2f36f9
```
#2f36f9 rgb(47,54,249)
```
#484efa
```
#484efa rgb(72,78,250)
```
#6166fa
```
#6166fa rgb(97,102,250)
```
#797efb
```
#797efb rgb(121,126,251)
```

Monochromatic Color

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

#2f69f9
```
#2f69f9 rgb(47,105,249)
```
#2f58f9
```
#2f58f9 rgb(47,88,249)
```
#2f47f9
```
#2f47f9 rgb(47,71,249)
```
#2f36f9
```
#2f36f9 rgb(47,54,249)
```
#392ff9
```
#392ff9 rgb(57,47,249)
```
#4a2ff9
```
#4a2ff9 rgb(74,47,249)
```
#5a2ff9
```
#5a2ff9 rgb(90,47,249)
```

Similar Colors

Text with hexadecimal color #2f36f9

This text has a font color of #2f36f9.

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

#2f36f9 background color

This paragraph has a background color of #2f36f9.

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

#2f36f9 border color

This element has a border color of #2f36f9.

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

CSS codes

.text {color:#2f36f9;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#010115
```
#010115 rgb(1,1,21)
```
#010228
```
#010228 rgb(1,2,40)
```
#02043b
```
#02043b rgb(2,4,59)
```
#02054e
```
#02054e rgb(2,5,78)
```
#030661
```
#030661 rgb(3,6,97)
```
#030774
```
#030774 rgb(3,7,116)
```
#040887
```
#040887 rgb(4,8,135)
```
#040a9a
```
#040a9a rgb(4,10,154)
```
#050bad
```
#050bad rgb(5,11,173)
```
#060cc0
```
#060cc0 rgb(6,12,192)
```
#060dd3
```
#060dd3 rgb(6,13,211)
```
#070ee7
```
#070ee7 rgb(7,14,231)
```

Shade Color Variation

#0911f8
```
#0911f8 rgb(9,17,248)
```
#1c24f8
```
#1c24f8 rgb(28,36,248)
```
#2f36f9
```
#2f36f9 rgb(47,54,249)
```
#4248fa
```
#4248fa rgb(66,72,250)
```
#555bfa
```
#555bfa rgb(85,91,250)
```
#686dfb
```
#686dfb rgb(104,109,251)
```
#7b80fb
```
#7b80fb rgb(123,128,251)
```
#8e92fc
```
#8e92fc rgb(142,146,252)
```
#a1a5fc
```
#a1a5fc rgb(161,165,252)
```
#b4b7fd
```
#b4b7fd rgb(180,183,253)
```
#c8c9fd
```
#c8c9fd rgb(200,201,253)
```
#dbdcfe
```
#dbdcfe rgb(219,220,254)
```
#eeeefe
```
#eeeefe rgb(238,238,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929296 is the less saturated color, while #2f36f9 is the most saturated one.

#929296
```
#929296 rgb(146,146,150)
```
#8a8a9e
```
#8a8a9e rgb(138,138,158)
```
#8183a7
```
#8183a7 rgb(129,131,167)
```
#797baf
```
#797baf rgb(121,123,175)
```
#7173b7
```
#7173b7 rgb(113,115,183)
```
#696cbf
```
#696cbf rgb(105,108,191)
```
#6064c8
```
#6064c8 rgb(96,100,200)
```
#585cd0
```
#585cd0 rgb(88,92,208)
```
#5055d8
```
#5055d8 rgb(80,85,216)
```
#484de0
```
#484de0 rgb(72,77,224)
```
#3f45e9
```
#3f45e9 rgb(63,69,233)
```
#373ef1
```
#373ef1 rgb(55,62,241)
```
#2f36f9
```
#2f36f9 rgb(47,54,249)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#45466d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#1150d0 Protanomaly 1% of men, 0.01% of women
#1153c0 Deuteranomaly 6% of men, 0.4% of women
#1158a2 Tritanomaly 0.01% of the population

#2f36f9 hex color

#2f36f9 Color Information

#2f36f9 Color Conversion

Color Schemes with #2f36f9

Alternatives to #2f36f9

#2f36f9 Preview

Shades and Tints of #2f36f9

Tones of #2f36f9

Color Blindness Simulator