#3f80fc hex color

In a RGB color space, hex #3f80fc is composed of 24.7% red, 50.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 49.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 219.4 degrees, a saturation of 96.9% and a lightness of 61.8%. #3f80fc color hex could be obtained by blending #7effff with #0001f9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 25
- G 50
- B 99
RGB color chart
- C 75
- M 49
- Y 0
- K 1
CMYK color chart

● #3f80fc color description : Bright blue.

The hexadecimal color #3f80fc has RGB values of R:63, G:128, B:252 and CMYK values of C:0.75, M:0.49, Y:0, K:0.01. Its decimal value is 4161788.

Hex triplet	3f80fc	`#3f80fc`
RGB Decimal	63, 128, 252	`rgb(63,128,252)`
RGB Percent	24.7, 50.2, 98.8	`rgb(24.7%,50.2%,98.8%)`
CMYK	75, 49, 0, 1
HSL	219.4°, 96.9, 61.8	`hsl(219.4,96.9%,61.8%)`
HSV (or HSB)	219.4°, 75, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.605, 21.398, -67.78
XYZ	27.336, 23.521, 95.19
xyY	0.187, 0.161, 23.521
CIE-LCH	55.605, 71.077, 287.521
CIE-LUV	55.605, -24.283, -108.683
Hunter-Lab	48.499, 15.737, -82.42
Binary	00111111, 10000000, 11111100

#3f80fc
```
#3f80fc rgb(63,128,252)
```
#fcbb3f
```
#fcbb3f rgb(252,187,63)
```

Complementary Color

#3fdffc
```
#3fdffc rgb(63,223,252)
```
#3f80fc
```
#3f80fc rgb(63,128,252)
```
#5d3ffc
```
#5d3ffc rgb(93,63,252)
```

Analogous Color

#dffc3f
```
#dffc3f rgb(223,252,63)
```
#3f80fc
```
#3f80fc rgb(63,128,252)
```
#fc5d3f
```
#fc5d3f rgb(252,93,63)
```

Split Complementary Color

#80fc3f
```
#80fc3f rgb(128,252,63)
```
#3f80fc
```
#3f80fc rgb(63,128,252)
```
#fc3f80
```
#fc3f80 rgb(252,63,128)
```

Triadic Color

#3ffcbb
```
#3ffcbb rgb(63,252,187)
```
#3f80fc
```
#3f80fc rgb(63,128,252)
```
#fc3f80
```
#fc3f80 rgb(252,63,128)
```
#fcbb3f
```
#fcbb3f rgb(252,187,63)
```

Tetradic Color

#0453eb
```
#0453eb rgb(4,83,235)
```
#0d5ffb
```
#0d5ffb rgb(13,95,251)
```
#266ffc
```
#266ffc rgb(38,111,252)
```
#3f80fc
```
#3f80fc rgb(63,128,252)
```
#5891fc
```
#5891fc rgb(88,145,252)
```
#71a1fd
```
#71a1fd rgb(113,161,253)
```
#8ab2fd
```
#8ab2fd rgb(138,178,253)
```

Monochromatic Color

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

#3faffc
```
#3faffc rgb(63,175,252)
```
#3fa0fc
```
#3fa0fc rgb(63,160,252)
```
#3f90fc
```
#3f90fc rgb(63,144,252)
```
#3f80fc
```
#3f80fc rgb(63,128,252)
```
#3f70fc
```
#3f70fc rgb(63,112,252)
```
#3f61fc
```
#3f61fc rgb(63,97,252)
```
#3f51fc
```
#3f51fc rgb(63,81,252)
```

Similar Colors

Text with hexadecimal color #3f80fc

This text has a font color of #3f80fc.

<span style="color:#3f80fc;">Text here</span>

#3f80fc background color

This paragraph has a background color of #3f80fc.

<p style="background-color:#3f80fc;">Content here</p>

#3f80fc border color

This element has a border color of #3f80fc.

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

CSS codes

.text {color:#3f80fc;}

.background {background-color:#3f80fc;}

.border {border:1px solid #3f80fc;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000714
```
#000714 rgb(0,7,20)
```
#010e28
```
#010e28 rgb(1,14,40)
```
#01153b
```
#01153b rgb(1,21,59)
```
#011c4e
```
#011c4e rgb(1,28,78)
```
#022362
```
#022362 rgb(2,35,98)
```
#022975
```
#022975 rgb(2,41,117)
```
#023088
```
#023088 rgb(2,48,136)
```
#02379c
```
#02379c rgb(2,55,156)
```
#033eaf
```
#033eaf rgb(3,62,175)
```
#0345c2
```
#0345c2 rgb(3,69,194)
```
#034cd6
```
#034cd6 rgb(3,76,214)
```
#0452e9
```
#0452e9 rgb(4,82,233)
```

Shade Color Variation

#055afb
```
#055afb rgb(5,90,251)
```
#1866fb
```
#1866fb rgb(24,102,251)
```
#2c73fc
```
#2c73fc rgb(44,115,252)
```
#3f80fc
```
#3f80fc rgb(63,128,252)
```
#528dfc
```
#528dfc rgb(82,141,252)
```
#669afd
```
#669afd rgb(102,154,253)
```
#79a6fd
```
#79a6fd rgb(121,166,253)
```
#8cb3fd
```
#8cb3fd rgb(140,179,253)
```
#a0c0fe
```
#a0c0fe rgb(160,192,254)
```
#b3cdfe
```
#b3cdfe rgb(179,205,254)
```
#c6d9fe
```
#c6d9fe rgb(198,217,254)
```
#dae6fe
```
#dae6fe rgb(218,230,254)
```
#edf3ff
```
#edf3ff rgb(237,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999ca2 is the less saturated color, while #3f80fc is the most saturated one.

#999ca2
```
#999ca2 rgb(153,156,162)
```
#929aaa
```
#929aaa rgb(146,154,170)
```
#8a97b1
```
#8a97b1 rgb(138,151,177)
```
#8395b9
```
#8395b9 rgb(131,149,185)
```
#7b93c0
```
#7b93c0 rgb(123,147,192)
```
#7490c8
```
#7490c8 rgb(116,144,200)
```
#6c8ecf
```
#6c8ecf rgb(108,142,207)
```
#658cd7
```
#658cd7 rgb(101,140,215)
```
#5d89de
```
#5d89de rgb(93,137,222)
```
#5687e6
```
#5687e6 rgb(86,135,230)
```
#4e85ed
```
#4e85ed rgb(78,133,237)
```
#4782f5
```
#4782f5 rgb(71,130,245)
```
#3f80fc
```
#3f80fc rgb(63,128,252)
```

Tone Color Variation

Below, you can see how #3f80fc 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

#7b7b7b Achromatopsia 0.005% of the population
#6f7c95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e87fd Protanopia 1% of men
#008eea Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#3e84fc Protanomaly 1% of men, 0.01% of women
#1689f0 Deuteranomaly 6% of men, 0.4% of women
#1690c3 Tritanomaly 0.01% of the population

#3f80fc hex color

#3f80fc Color Information

#3f80fc Color Conversion

Color Schemes with #3f80fc

Alternatives to #3f80fc

#3f80fc Preview

Shades and Tints of #3f80fc

Tones of #3f80fc

Color Blindness Simulator