#3f60fe hex color

In a RGB color space, hex #3f60fe is composed of 24.7% red, 37.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 62.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 229.6 degrees, a saturation of 99% and a lightness of 62.2%. #3f60fe color hex could be obtained by blending #7ec0ff with #0000fd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 38
- B 100
RGB color chart
- C 75
- M 62
- Y 0
- K 0
CMYK color chart

● #3f60fe color description : Bright blue.

The hexadecimal color #3f60fe has RGB values of R:63, G:96, B:254 and CMYK values of C:0.75, M:0.62, Y:0, K:0. Its decimal value is 4153598.

Hex triplet	3f60fe	`#3f60fe`
RGB Decimal	63, 96, 254	`rgb(63,96,254)`
RGB Percent	24.7, 37.6, 99.6	`rgb(24.7%,37.6%,99.6%)`
CMYK	75, 62, 0, 0
HSL	229.6°, 99, 62.2	`hsl(229.6,99%,62.2%)`
HSV (or HSB)	229.6°, 75.2, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.722, 41.884, -81.706
XYZ	24.118, 16.577, 95.689
xyY	0.177, 0.122, 16.577
CIE-LCH	47.722, 91.816, 297.141
CIE-LUV	47.722, -15.829, -125.224
Hunter-Lab	40.714, 34.49, -110.846
Binary	00111111, 01100000, 11111110

#3f60fe
```
#3f60fe rgb(63,96,254)
```
#fedd3f
```
#fedd3f rgb(254,221,63)
```

Complementary Color

#3fc0fe
```
#3fc0fe rgb(63,192,254)
```
#3f60fe
```
#3f60fe rgb(63,96,254)
```
#7e3ffe
```
#7e3ffe rgb(126,63,254)
```

Analogous Color

#c0fe3f
```
#c0fe3f rgb(192,254,63)
```
#3f60fe
```
#3f60fe rgb(63,96,254)
```
#fe7e3f
```
#fe7e3f rgb(254,126,63)
```

Split Complementary Color

#60fe3f
```
#60fe3f rgb(96,254,63)
```
#3f60fe
```
#3f60fe rgb(63,96,254)
```
#fe3f60
```
#fe3f60 rgb(254,63,96)
```

Triadic Color

#3ffedd
```
#3ffedd rgb(63,254,221)
```
#3f60fe
```
#3f60fe rgb(63,96,254)
```
#fe3f60
```
#fe3f60 rgb(254,63,96)
```
#fedd3f
```
#fedd3f rgb(254,221,63)
```

Tetradic Color

#012aef
```
#012aef rgb(1,42,239)
```
#0c36fe
```
#0c36fe rgb(12,54,254)
```
#264bfe
```
#264bfe rgb(38,75,254)
```
#3f60fe
```
#3f60fe rgb(63,96,254)
```
#5875fe
```
#5875fe rgb(88,117,254)
```
#728afe
```
#728afe rgb(114,138,254)
```
#8b9ffe
```
#8b9ffe rgb(139,159,254)
```

Monochromatic Color

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

#3f90fe
```
#3f90fe rgb(63,144,254)
```
#3f80fe
```
#3f80fe rgb(63,128,254)
```
#3f70fe
```
#3f70fe rgb(63,112,254)
```
#3f60fe
```
#3f60fe rgb(63,96,254)
```
#3f50fe
```
#3f50fe rgb(63,80,254)
```
#3f40fe
```
#3f40fe rgb(63,64,254)
```
#4e3ffe
```
#4e3ffe rgb(78,63,254)
```

Similar Colors

Text with hexadecimal color #3f60fe

This text has a font color of #3f60fe.

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

#3f60fe background color

This paragraph has a background color of #3f60fe.

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

#3f60fe border color

This element has a border color of #3f60fe.

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

CSS codes

.text {color:#3f60fe;}

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

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

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 #eff1ff is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#000417
```
#000417 rgb(0,4,23)
```
#00072a
```
#00072a rgb(0,7,42)
```
#000b3e
```
#000b3e rgb(0,11,62)
```
#000e51
```
#000e51 rgb(0,14,81)
```
#011265
```
#011265 rgb(1,18,101)
```
#011578
```
#011578 rgb(1,21,120)
```
#01198c
```
#01198c rgb(1,25,140)
```
#011c9f
```
#011c9f rgb(1,28,159)
```
#0120b3
```
#0120b3 rgb(1,32,179)
```
#0123c6
```
#0123c6 rgb(1,35,198)
```
#0127da
```
#0127da rgb(1,39,218)
```
#012aed
```
#012aed rgb(1,42,237)
```

Shade Color Variation

#0430fe
```
#0430fe rgb(4,48,254)
```
#1840fe
```
#1840fe rgb(24,64,254)
```
#2b50fe
```
#2b50fe rgb(43,80,254)
```
#3f60fe
```
#3f60fe rgb(63,96,254)
```
#5370fe
```
#5370fe rgb(83,112,254)
```
#6680fe
```
#6680fe rgb(102,128,254)
```
#7a90fe
```
#7a90fe rgb(122,144,254)
```
#8da1fe
```
#8da1fe rgb(141,161,254)
```
#a1b1ff
```
#a1b1ff rgb(161,177,255)
```
#b4c1ff
```
#b4c1ff rgb(180,193,255)
```
#c8d1ff
```
#c8d1ff rgb(200,209,255)
```
#dbe1ff
```
#dbe1ff rgb(219,225,255)
```
#eff1ff
```
#eff1ff rgb(239,241,255)
```

Tint Color Variation

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

#989aa5
```
#989aa5 rgb(152,154,165)
```
#9195ac
```
#9195ac rgb(145,149,172)
```
#8991b4
```
#8991b4 rgb(137,145,180)
```
#828cbb
```
#828cbb rgb(130,140,187)
```
#7a87c3
```
#7a87c3 rgb(122,135,195)
```
#7382ca
```
#7382ca rgb(115,130,202)
```
#6c7dd1
```
#6c7dd1 rgb(108,125,209)
```
#6478d9
```
#6478d9 rgb(100,120,217)
```
#5d73e0
```
#5d73e0 rgb(93,115,224)
```
#556fe8
```
#556fe8 rgb(85,111,232)
```
#4e6aef
```
#4e6aef rgb(78,106,239)
```
#4665f7
```
#4665f7 rgb(70,101,247)
```
#3f60fe
```
#3f60fe rgb(63,96,254)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#606686 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e4 Protanopia 1% of men
#007bc7 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#166ded Protanomaly 1% of men, 0.01% of women
#1671db Deuteranomaly 6% of men, 0.4% of women
#1677b5 Tritanomaly 0.01% of the population

#3f60fe hex color

#3f60fe Color Information

#3f60fe Color Conversion

Color Schemes with #3f60fe

Alternatives to #3f60fe

#3f60fe Preview

Shades and Tints of #3f60fe

Tones of #3f60fe

Color Blindness Simulator