#2984fc hex color

In a RGB color space, hex #2984fc is composed of 16.1% red, 51.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 47.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 214.1 degrees, a saturation of 97.2% and a lightness of 57.5%. #2984fc color hex could be obtained by blending #52ffff with #0009f9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 52
- B 99
RGB color chart
- C 84
- M 48
- Y 0
- K 1
CMYK color chart

● #2984fc color description : Bright blue.

The hexadecimal color #2984fc has RGB values of R:41, G:132, B:252 and CMYK values of C:0.84, M:0.48, Y:0, K:0.01. Its decimal value is 2721020.

Hex triplet	2984fc	`#2984fc`
RGB Decimal	41, 132, 252	`rgb(41,132,252)`
RGB Percent	16.1, 51.8, 98.8	`rgb(16.1%,51.8%,98.8%)`
CMYK	84, 48, 0, 1
HSL	214.1°, 97.2, 57.5	`hsl(214.1,97.2%,57.5%)`
HSV (or HSB)	214.1°, 83.7, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.088, 16.872, -67.031
XYZ	26.732, 24, 95.314
xyY	0.183, 0.164, 24
CIE-LCH	56.088, 69.122, 284.128
CIE-LUV	56.088, -28.347, -107.351
Hunter-Lab	48.99, 11.671, -81.061
Binary	00101001, 10000100, 11111100

#2984fc
```
#2984fc rgb(41,132,252)
```
#fca129
```
#fca129 rgb(252,161,41)
```

Complementary Color

#29eefc
```
#29eefc rgb(41,238,252)
```
#2984fc
```
#2984fc rgb(41,132,252)
```
#3829fc
```
#3829fc rgb(56,41,252)
```

Analogous Color

#eefc29
```
#eefc29 rgb(238,252,41)
```
#2984fc
```
#2984fc rgb(41,132,252)
```
#fc3829
```
#fc3829 rgb(252,56,41)
```

Split Complementary Color

#84fc29
```
#84fc29 rgb(132,252,41)
```
#2984fc
```
#2984fc rgb(41,132,252)
```
#fc2984
```
#fc2984 rgb(252,41,132)
```

Triadic Color

#29fca1
```
#29fca1 rgb(41,252,161)
```
#2984fc
```
#2984fc rgb(41,132,252)
```
#fc2984
```
#fc2984 rgb(252,41,132)
```
#fca129
```
#fca129 rgb(252,161,41)
```

Tetradic Color

#035ed6
```
#035ed6 rgb(3,94,214)
```
#0369ef
```
#0369ef rgb(3,105,239)
```
#1076fc
```
#1076fc rgb(16,118,252)
```
#2984fc
```
#2984fc rgb(41,132,252)
```
#4292fc
```
#4292fc rgb(66,146,252)
```
#5ba1fd
```
#5ba1fd rgb(91,161,253)
```
#74affd
```
#74affd rgb(116,175,253)
```

Monochromatic Color

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

#29b9fc
```
#29b9fc rgb(41,185,252)
```
#29a7fc
```
#29a7fc rgb(41,167,252)
```
#2996fc
```
#2996fc rgb(41,150,252)
```
#2984fc
```
#2984fc rgb(41,132,252)
```
#2972fc
```
#2972fc rgb(41,114,252)
```
#2961fc
```
#2961fc rgb(41,97,252)
```
#294ffc
```
#294ffc rgb(41,79,252)
```

Similar Colors

Text with hexadecimal color #2984fc

This text has a font color of #2984fc.

<span style="color:#2984fc;">Text here</span>

#2984fc background color

This paragraph has a background color of #2984fc.

<p style="background-color:#2984fc;">Content here</p>

#2984fc border color

This element has a border color of #2984fc.

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

CSS codes

.text {color:#2984fc;}

.background {background-color:#2984fc;}

.border {border:1px solid #2984fc;}

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

#000812
```
#000812 rgb(0,8,18)
```
#011025
```
#011025 rgb(1,16,37)
```
#011939
```
#011939 rgb(1,25,57)
```
#01214c
```
#01214c rgb(1,33,76)
```
#012a60
```
#012a60 rgb(1,42,96)
```
#023273
```
#023273 rgb(2,50,115)
```
#023b86
```
#023b86 rgb(2,59,134)
```
#02439a
```
#02439a rgb(2,67,154)
```
#024cad
```
#024cad rgb(2,76,173)
```
#0354c0
```
#0354c0 rgb(3,84,192)
```
#035dd4
```
#035dd4 rgb(3,93,212)
```
#0365e7
```
#0365e7 rgb(3,101,231)
```
#046efa
```
#046efa rgb(4,110,250)
```

Shade Color Variation

#1679fc
```
#1679fc rgb(22,121,252)
```
#2984fc
```
#2984fc rgb(41,132,252)
```
#3c8ffc
```
#3c8ffc rgb(60,143,252)
```
#509afd
```
#509afd rgb(80,154,253)
```
#63a5fd
```
#63a5fd rgb(99,165,253)
```
#76b0fd
```
#76b0fd rgb(118,176,253)
```
#8abcfd
```
#8abcfd rgb(138,188,253)
```
#9dc7fe
```
#9dc7fe rgb(157,199,254)
```
#b0d2fe
```
#b0d2fe rgb(176,210,254)
```
#c4ddfe
```
#c4ddfe rgb(196,221,254)
```
#d7e8fe
```
#d7e8fe rgb(215,232,254)
```
#eaf3ff
```
#eaf3ff rgb(234,243,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8d9298
```
#8d9298 rgb(141,146,152)
```
#8591a0
```
#8591a0 rgb(133,145,160)
```
#7c8fa9
```
#7c8fa9 rgb(124,143,169)
```
#748eb1
```
#748eb1 rgb(116,142,177)
```
#6c8db9
```
#6c8db9 rgb(108,141,185)
```
#638cc2
```
#638cc2 rgb(99,140,194)
```
#5b8bca
```
#5b8bca rgb(91,139,202)
```
#538ad2
```
#538ad2 rgb(83,138,210)
```
#4a89db
```
#4a89db rgb(74,137,219)
```
#4287e3
```
#4287e3 rgb(66,135,227)
```
#3a86eb
```
#3a86eb rgb(58,134,235)
```
#3185f4
```
#3185f4 rgb(49,133,244)
```
#2984fc
```
#2984fc rgb(41,132,252)
```

Tone Color Variation

Below, you can see how #2984fc 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

#767676 Achromatopsia 0.005% of the population
#677991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4688fa Protanopia 1% of men
#008fec Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#3b87fb Protanomaly 1% of men, 0.01% of women
#0e8bf2 Deuteranomaly 6% of men, 0.4% of women
#0e92c3 Tritanomaly 0.01% of the population

#2984fc hex color

#2984fc Color Information

#2984fc Color Conversion

Color Schemes with #2984fc

Alternatives to #2984fc

#2984fc Preview

Shades and Tints of #2984fc

Tones of #2984fc

Color Blindness Simulator