#2f46fe hex color

In a RGB color space, hex #2f46fe is composed of 18.4% red, 27.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 72.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 233.3 degrees, a saturation of 99% and a lightness of 59%. #2f46fe color hex could be obtained by blending #5e8cff with #0000fd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 18
- G 27
- B 100
RGB color chart
- C 81
- M 72
- Y 0
- K 0
CMYK color chart

● #2f46fe color description : Bright blue.

The hexadecimal color #2f46fe has RGB values of R:47, G:70, B:254 and CMYK values of C:0.81, M:0.72, Y:0, K:0. Its decimal value is 3098366.

Hex triplet	2f46fe	`#2f46fe`
RGB Decimal	47, 70, 254	`rgb(47,70,254)`
RGB Percent	18.4, 27.5, 99.6	`rgb(18.4%,27.5%,99.6%)`
CMYK	81, 72, 0, 0
HSL	233.3°, 99, 59	`hsl(233.3,99%,59%)`
HSV (or HSB)	233.3°, 81.5, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.436, 55.889, -92.072
XYZ	21.248, 12.139, 94.984
xyY	0.166, 0.095, 12.139
CIE-LCH	41.436, 107.707, 301.258
CIE-LUV	41.436, -12.807, -131.754
Hunter-Lab	34.841, 47.889, -137.248
Binary	00101111, 01000110, 11111110

#2f46fe
```
#2f46fe rgb(47,70,254)
```
#fee72f
```
#fee72f rgb(254,231,47)
```

Complementary Color

#2faefe
```
#2faefe rgb(47,174,254)
```
#2f46fe
```
#2f46fe rgb(47,70,254)
```
#802ffe
```
#802ffe rgb(128,47,254)
```

Analogous Color

#aefe2f
```
#aefe2f rgb(174,254,47)
```
#2f46fe
```
#2f46fe rgb(47,70,254)
```
#fe802f
```
#fe802f rgb(254,128,47)
```

Split Complementary Color

#46fe2f
```
#46fe2f rgb(70,254,47)
```
#2f46fe
```
#2f46fe rgb(47,70,254)
```
#fe2f46
```
#fe2f46 rgb(254,47,70)
```

Triadic Color

#2ffee7
```
#2ffee7 rgb(47,254,231)
```
#2f46fe
```
#2f46fe rgb(47,70,254)
```
#fe2f46
```
#fe2f46 rgb(254,47,70)
```
#fee72f
```
#fee72f rgb(254,231,47)
```

Tetradic Color

#011adf
```
#011adf rgb(1,26,223)
```
#011df9
```
#011df9 rgb(1,29,249)
```
#162ffe
```
#162ffe rgb(22,47,254)
```
#2f46fe
```
#2f46fe rgb(47,70,254)
```
#485dfe
```
#485dfe rgb(72,93,254)
```
#6273fe
```
#6273fe rgb(98,115,254)
```
#7b8afe
```
#7b8afe rgb(123,138,254)
```

Monochromatic Color

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

#2f7afe
```
#2f7afe rgb(47,122,254)
```
#2f69fe
```
#2f69fe rgb(47,105,254)
```
#2f57fe
```
#2f57fe rgb(47,87,254)
```
#2f46fe
```
#2f46fe rgb(47,70,254)
```
#2f35fe
```
#2f35fe rgb(47,53,254)
```
#3b2ffe
```
#3b2ffe rgb(59,47,254)
```
#4c2ffe
```
#4c2ffe rgb(76,47,254)
```

Similar Colors

Text with hexadecimal color #2f46fe

This text has a font color of #2f46fe.

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

#2f46fe background color

This paragraph has a background color of #2f46fe.

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

#2f46fe border color

This element has a border color of #2f46fe.

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

CSS codes

.text {color:#2f46fe;}

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

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

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

#000107
```
#000107 rgb(0,1,7)
```
#00031a
```
#00031a rgb(0,3,26)
```
#00052e
```
#00052e rgb(0,5,46)
```
#000841
```
#000841 rgb(0,8,65)
```
#000a55
```
#000a55 rgb(0,10,85)
```
#010c68
```
#010c68 rgb(1,12,104)
```
#010e7c
```
#010e7c rgb(1,14,124)
```
#01118f
```
#01118f rgb(1,17,143)
```
#0113a3
```
#0113a3 rgb(1,19,163)
```
#0115b6
```
#0115b6 rgb(1,21,182)
```
#0117ca
```
#0117ca rgb(1,23,202)
```
#011add
```
#011add rgb(1,26,221)
```
#011cf1
```
#011cf1 rgb(1,28,241)
```

Shade Color Variation

#0823fe
```
#0823fe rgb(8,35,254)
```
#1b35fe
```
#1b35fe rgb(27,53,254)
```
#2f46fe
```
#2f46fe rgb(47,70,254)
```
#4357fe
```
#4357fe rgb(67,87,254)
```
#5669fe
```
#5669fe rgb(86,105,254)
```
#6a7afe
```
#6a7afe rgb(106,122,254)
```
#7d8bfe
```
#7d8bfe rgb(125,139,254)
```
#919dfe
```
#919dfe rgb(145,157,254)
```
#a4aeff
```
#a4aeff rgb(164,174,255)
```
#b8c0ff
```
#b8c0ff rgb(184,192,255)
```
#cbd1ff
```
#cbd1ff rgb(203,209,255)
```
#dfe2ff
```
#dfe2ff rgb(223,226,255)
```
#f2f4ff
```
#f2f4ff rgb(242,244,255)
```

Tint Color Variation

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

#8f919e
```
#8f919e rgb(143,145,158)
```
#878ba6
```
#878ba6 rgb(135,139,166)
```
#7f85ae
```
#7f85ae rgb(127,133,174)
```
#777eb6
```
#777eb6 rgb(119,126,182)
```
#6f78be
```
#6f78be rgb(111,120,190)
```
#6772c6
```
#6772c6 rgb(103,114,198)
```
#5f6cce
```
#5f6cce rgb(95,108,206)
```
#5765d6
```
#5765d6 rgb(87,101,214)
```
#4f5fde
```
#4f5fde rgb(79,95,222)
```
#4759e6
```
#4759e6 rgb(71,89,230)
```
#3f53ee
```
#3f53ee rgb(63,83,238)
```
#374cf6
```
#374cf6 rgb(55,76,246)
```
#2f46fe
```
#2f46fe rgb(47,70,254)
```

Tone Color Variation

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

Dichromacy

#0066c8 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#115adb Protanomaly 1% of men, 0.01% of women
#115eca Deuteranomaly 6% of men, 0.4% of women
#1163aa Tritanomaly 0.01% of the population

#2f46fe hex color

#2f46fe Color Information

#2f46fe Color Conversion

Color Schemes with #2f46fe

Alternatives to #2f46fe

#2f46fe Preview

Shades and Tints of #2f46fe

Tones of #2f46fe

Color Blindness Simulator