#2f63fa hex color

In a RGB color space, hex #2f63fa is composed of 18.4% red, 38.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 60.4% magenta, 0% yellow and 2% black. It has a hue angle of 224.6 degrees, a saturation of 95.3% and a lightness of 58.2%. #2f63fa color hex could be obtained by blending #5ec6ff with #0000f5. Closest websafe color is: #3366ff.

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

● #2f63fa color description : Bright blue.

The hexadecimal color #2f63fa has RGB values of R:47, G:99, B:250 and CMYK values of C:0.81, M:0.6, Y:0, K:0.02. Its decimal value is 3105786.

Hex triplet	2f63fa	`#2f63fa`
RGB Decimal	47, 99, 250	`rgb(47,99,250)`
RGB Percent	18.4, 38.8, 98	`rgb(18.4%,38.8%,98%)`
CMYK	81, 60, 0, 2
HSL	224.6°, 95.3, 58.2	`hsl(224.6,95.3%,58.2%)`
HSV (or HSB)	224.6°, 81.2, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.532, 37.218, -79.815
XYZ	22.886, 16.428, 92.402
xyY	0.174, 0.125, 16.428
CIE-LCH	47.532, 88.066, 295
CIE-LUV	47.532, -18.746, -122.22
Hunter-Lab	40.532, 29.857, -106.793
Binary	00101111, 01100011, 11111010

#2f63fa
```
#2f63fa rgb(47,99,250)
```
#fac62f
```
#fac62f rgb(250,198,47)
```

Complementary Color

#2fc9fa
```
#2fc9fa rgb(47,201,250)
```
#2f63fa
```
#2f63fa rgb(47,99,250)
```
#602ffa
```
#602ffa rgb(96,47,250)
```

Analogous Color

#c9fa2f
```
#c9fa2f rgb(201,250,47)
```
#2f63fa
```
#2f63fa rgb(47,99,250)
```
#fa602f
```
#fa602f rgb(250,96,47)
```

Split Complementary Color

#63fa2f
```
#63fa2f rgb(99,250,47)
```
#2f63fa
```
#2f63fa rgb(47,99,250)
```
#fa2f63
```
#fa2f63 rgb(250,47,99)
```

Triadic Color

#2ffac6
```
#2ffac6 rgb(47,250,198)
```
#2f63fa
```
#2f63fa rgb(47,99,250)
```
#fa2f63
```
#fa2f63 rgb(250,47,99)
```
#fac62f
```
#fac62f rgb(250,198,47)
```

Tetradic Color

#053bd7
```
#053bd7 rgb(5,59,215)
```
#0642f0
```
#0642f0 rgb(6,66,240)
```
#1650f9
```
#1650f9 rgb(22,80,249)
```
#2f63fa
```
#2f63fa rgb(47,99,250)
```
#4876fb
```
#4876fb rgb(72,118,251)
```
#6188fb
```
#6188fb rgb(97,136,251)
```
#7a9bfc
```
#7a9bfc rgb(122,155,252)
```

Monochromatic Color

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

#2f96fa
```
#2f96fa rgb(47,150,250)
```
#2f85fa
```
#2f85fa rgb(47,133,250)
```
#2f74fa
```
#2f74fa rgb(47,116,250)
```
#2f63fa
```
#2f63fa rgb(47,99,250)
```
#2f52fa
```
#2f52fa rgb(47,82,250)
```
#2f41fa
```
#2f41fa rgb(47,65,250)
```
#2f30fa
```
#2f30fa rgb(47,48,250)
```

Similar Colors

Text with hexadecimal color #2f63fa

This text has a font color of #2f63fa.

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

#2f63fa background color

This paragraph has a background color of #2f63fa.

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

#2f63fa border color

This element has a border color of #2f63fa.

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

CSS codes

.text {color:#2f63fa;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010616
```
#010616 rgb(1,6,22)
```
#010b29
```
#010b29 rgb(1,11,41)
```
#01103c
```
#01103c rgb(1,16,60)
```
#02164f
```
#02164f rgb(2,22,79)
```
#021b62
```
#021b62 rgb(2,27,98)
```
#032076
```
#032076 rgb(3,32,118)
```
#032589
```
#032589 rgb(3,37,137)
```
#042b9c
```
#042b9c rgb(4,43,156)
```
#0430af
```
#0430af rgb(4,48,175)
```
#0535c2
```
#0535c2 rgb(5,53,194)
```
#053ad5
```
#053ad5 rgb(5,58,213)
```
#0640e9
```
#0640e9 rgb(6,64,233)
```

Shade Color Variation

#0946f9
```
#0946f9 rgb(9,70,249)
```
#1c55fa
```
#1c55fa rgb(28,85,250)
```
#2f63fa
```
#2f63fa rgb(47,99,250)
```
#4271fa
```
#4271fa rgb(66,113,250)
```
#5580fb
```
#5580fb rgb(85,128,251)
```
#688efb
```
#688efb rgb(104,142,251)
```
#7c9cfc
```
#7c9cfc rgb(124,156,252)
```
#8fabfc
```
#8fabfc rgb(143,171,252)
```
#a2b9fd
```
#a2b9fd rgb(162,185,253)
```
#b5c8fd
```
#b5c8fd rgb(181,200,253)
```
#c8d6fe
```
#c8d6fe rgb(200,214,254)
```
#dbe4fe
```
#dbe4fe rgb(219,228,254)
```
#eff3ff
```
#eff3ff rgb(239,243,255)
```

Tint Color Variation

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

#919398
```
#919398 rgb(145,147,152)
```
#898fa0
```
#898fa0 rgb(137,143,160)
```
#818ba8
```
#818ba8 rgb(129,139,168)
```
#7987b0
```
#7987b0 rgb(121,135,176)
```
#7183b8
```
#7183b8 rgb(113,131,184)
```
#687fc1
```
#687fc1 rgb(104,127,193)
```
#607bc9
```
#607bc9 rgb(96,123,201)
```
#5877d1
```
#5877d1 rgb(88,119,209)
```
#5073d9
```
#5073d9 rgb(80,115,217)
```
#486fe1
```
#486fe1 rgb(72,111,225)
```
#3f6bea
```
#3f6bea rgb(63,107,234)
```
#3767f2
```
#3767f2 rgb(55,103,242)
```
#2f63fa
```
#2f63fa rgb(47,99,250)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5a6583 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007bc6 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#116eeb Protanomaly 1% of men, 0.01% of women
#1172d9 Deuteranomaly 6% of men, 0.4% of women
#1178b3 Tritanomaly 0.01% of the population

#2f63fa hex color

#2f63fa Color Information

#2f63fa Color Conversion

Color Schemes with #2f63fa

Alternatives to #2f63fa

#2f63fa Preview

Shades and Tints of #2f63fa

Tones of #2f63fa

Color Blindness Simulator