#3966fd hex color

In a RGB color space, hex #3966fd is composed of 22.4% red, 40% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 59.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 226.2 degrees, a saturation of 98% and a lightness of 60.8%. #3966fd color hex could be obtained by blending #72ccff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 22
- G 40
- B 99
RGB color chart
- C 77
- M 60
- Y 0
- K 1
CMYK color chart

● #3966fd color description : Bright blue.

The hexadecimal color #3966fd has RGB values of R:57, G:102, B:253 and CMYK values of C:0.77, M:0.6, Y:0, K:0.01. Its decimal value is 3761917.

Hex triplet	3966fd	`#3966fd`
RGB Decimal	57, 102, 253	`rgb(57,102,253)`
RGB Percent	22.4, 40, 99.2	`rgb(22.4%,40%,99.2%)`
CMYK	77, 60, 0, 1
HSL	226.2°, 98, 60.8	`hsl(226.2,98%,60.8%)`
HSV (or HSB)	226.2°, 77.5, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.838, 37.277, -79.335
XYZ	24.165, 17.463, 95.02
xyY	0.177, 0.128, 17.463
CIE-LCH	48.838, 87.656, 295.167
CIE-LUV	48.838, -18.164, -122.643
Hunter-Lab	41.788, 30.09, -105.564
Binary	00111001, 01100110, 11111101

#3966fd
```
#3966fd rgb(57,102,253)
```
#fdd039
```
#fdd039 rgb(253,208,57)
```

Complementary Color

#39c8fd
```
#39c8fd rgb(57,200,253)
```
#3966fd
```
#3966fd rgb(57,102,253)
```
#6e39fd
```
#6e39fd rgb(110,57,253)
```

Analogous Color

#c8fd39
```
#c8fd39 rgb(200,253,57)
```
#3966fd
```
#3966fd rgb(57,102,253)
```
#fd6e39
```
#fd6e39 rgb(253,110,57)
```

Split Complementary Color

#66fd39
```
#66fd39 rgb(102,253,57)
```
#3966fd
```
#3966fd rgb(57,102,253)
```
#fd3966
```
#fd3966 rgb(253,57,102)
```

Triadic Color

#39fdd0
```
#39fdd0 rgb(57,253,208)
```
#3966fd
```
#3966fd rgb(57,102,253)
```
#fd3966
```
#fd3966 rgb(253,57,102)
```
#fdd039
```
#fdd039 rgb(253,208,57)
```

Tetradic Color

#0237e7
```
#0237e7 rgb(2,55,231)
```
#073ffc
```
#073ffc rgb(7,63,252)
```
#2052fd
```
#2052fd rgb(32,82,253)
```
#3966fd
```
#3966fd rgb(57,102,253)
```
#527afd
```
#527afd rgb(82,122,253)
```
#6b8dfe
```
#6b8dfe rgb(107,141,254)
```
#85a1fe
```
#85a1fe rgb(133,161,254)
```

Monochromatic Color

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

#3997fd
```
#3997fd rgb(57,151,253)
```
#3987fd
```
#3987fd rgb(57,135,253)
```
#3976fd
```
#3976fd rgb(57,118,253)
```
#3966fd
```
#3966fd rgb(57,102,253)
```
#3956fd
```
#3956fd rgb(57,86,253)
```
#3945fd
```
#3945fd rgb(57,69,253)
```
#3d39fd
```
#3d39fd rgb(61,57,253)
```

Similar Colors

Text with hexadecimal color #3966fd

This text has a font color of #3966fd.

<span style="color:#3966fd;">Text here</span>

#3966fd background color

This paragraph has a background color of #3966fd.

<p style="background-color:#3966fd;">Content here</p>

#3966fd border color

This element has a border color of #3966fd.

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

CSS codes

.text {color:#3966fd;}

.background {background-color:#3966fd;}

.border {border:1px solid #3966fd;}

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

#000410
```
#000410 rgb(0,4,16)
```
#000823
```
#000823 rgb(0,8,35)
```
#010d36
```
#010d36 rgb(1,13,54)
```
#01124a
```
#01124a rgb(1,18,74)
```
#01165d
```
#01165d rgb(1,22,93)
```
#011b71
```
#011b71 rgb(1,27,113)
```
#011f84
```
#011f84 rgb(1,31,132)
```
#022498
```
#022498 rgb(2,36,152)
```
#0229ab
```
#0229ab rgb(2,41,171)
```
#022dbe
```
#022dbe rgb(2,45,190)
```
#0232d2
```
#0232d2 rgb(2,50,210)
```
#0236e5
```
#0236e5 rgb(2,54,229)
```
#033bf9
```
#033bf9 rgb(3,59,249)
```

Shade Color Variation

#1248fd
```
#1248fd rgb(18,72,253)
```
#2657fd
```
#2657fd rgb(38,87,253)
```
#3966fd
```
#3966fd rgb(57,102,253)
```
#4c75fd
```
#4c75fd rgb(76,117,253)
```
#6084fd
```
#6084fd rgb(96,132,253)
```
#7393fe
```
#7393fe rgb(115,147,254)
```
#87a2fe
```
#87a2fe rgb(135,162,254)
```
#9ab1fe
```
#9ab1fe rgb(154,177,254)
```
#aec0fe
```
#aec0fe rgb(174,192,254)
```
#c1cffe
```
#c1cffe rgb(193,207,254)
```
#d4deff
```
#d4deff rgb(212,222,255)
```
#e8edff
```
#e8edff rgb(232,237,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9598a1 is the less saturated color, while #3966fd is the most saturated one.

#9598a1
```
#9598a1 rgb(149,152,161)
```
#8e94a8
```
#8e94a8 rgb(142,148,168)
```
#8690b0
```
#8690b0 rgb(134,144,176)
```
#7e8bb8
```
#7e8bb8 rgb(126,139,184)
```
#7787bf
```
#7787bf rgb(119,135,191)
```
#6f83c7
```
#6f83c7 rgb(111,131,199)
```
#677fcf
```
#677fcf rgb(103,127,207)
```
#5f7bd7
```
#5f7bd7 rgb(95,123,215)
```
#5877de
```
#5877de rgb(88,119,222)
```
#5072e6
```
#5072e6 rgb(80,114,230)
```
#486eee
```
#486eee rgb(72,110,238)
```
#416af5
```
#416af5 rgb(65,106,245)
```
#3966fd
```
#3966fd rgb(57,102,253)
```

Tone Color Variation

Below, you can see how #3966fd 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

#6a6a6a Achromatopsia 0.005% of the population
#606987 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecb Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#1471f0 Protanomaly 1% of men, 0.01% of women
#1475dd Deuteranomaly 6% of men, 0.4% of women
#147bb7 Tritanomaly 0.01% of the population

#3966fd hex color

#3966fd Color Information

#3966fd Color Conversion

Color Schemes with #3966fd

Alternatives to #3966fd

#3966fd Preview

Shades and Tints of #3966fd

Tones of #3966fd

Color Blindness Simulator