#3966fc hex color

In a RGB color space, hex #3966fc is composed of 22.4% red, 40% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 59.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 226.2 degrees, a saturation of 97% and a lightness of 60.6%. #3966fc color hex could be obtained by blending #72ccff with #0000f9. 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

● #3966fc color description : Bright blue.

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

Hex triplet	3966fc	`#3966fc`
RGB Decimal	57, 102, 252	`rgb(57,102,252)`
RGB Percent	22.4, 40, 98.8	`rgb(22.4%,40%,98.8%)`
CMYK	77, 60, 0, 1
HSL	226.2°, 97, 60.6	`hsl(226.2,97%,60.6%)`
HSV (or HSB)	226.2°, 77.4, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.759, 36.921, -78.908
XYZ	24.006, 17.399, 94.183
xyY	0.177, 0.128, 17.399
CIE-LCH	48.759, 87.118, 295.075
CIE-LUV	48.759, -18.16, -121.971
Hunter-Lab	41.712, 29.732, -104.674
Binary	00111001, 01100110, 11111100

#3966fc
```
#3966fc rgb(57,102,252)
```
#fccf39
```
#fccf39 rgb(252,207,57)
```

Complementary Color

#39c8fc
```
#39c8fc rgb(57,200,252)
```
#3966fc
```
#3966fc rgb(57,102,252)
```
#6e39fc
```
#6e39fc rgb(110,57,252)
```

Analogous Color

#c8fc39
```
#c8fc39 rgb(200,252,57)
```
#3966fc
```
#3966fc rgb(57,102,252)
```
#fc6e39
```
#fc6e39 rgb(252,110,57)
```

Split Complementary Color

#66fc39
```
#66fc39 rgb(102,252,57)
```
#3966fc
```
#3966fc rgb(57,102,252)
```
#fc3966
```
#fc3966 rgb(252,57,102)
```

Triadic Color

#39fccf
```
#39fccf rgb(57,252,207)
```
#3966fc
```
#3966fc rgb(57,102,252)
```
#fc3966
```
#fc3966 rgb(252,57,102)
```
#fccf39
```
#fccf39 rgb(252,207,57)
```

Tetradic Color

#0338e5
```
#0338e5 rgb(3,56,229)
```
#073ffb
```
#073ffb rgb(7,63,251)
```
#2053fc
```
#2053fc rgb(32,83,252)
```
#3966fc
```
#3966fc rgb(57,102,252)
```
#5279fc
```
#5279fc rgb(82,121,252)
```
#6b8dfd
```
#6b8dfd rgb(107,141,253)
```
#84a0fd
```
#84a0fd rgb(132,160,253)
```

Monochromatic Color

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

#3997fc
```
#3997fc rgb(57,151,252)
```
#3987fc
```
#3987fc rgb(57,135,252)
```
#3976fc
```
#3976fc rgb(57,118,252)
```
#3966fc
```
#3966fc rgb(57,102,252)
```
#3956fc
```
#3956fc rgb(57,86,252)
```
#3946fc
```
#3946fc rgb(57,70,252)
```
#3d39fc
```
#3d39fc rgb(61,57,252)
```

Similar Colors

Text with hexadecimal color #3966fc

This text has a font color of #3966fc.

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

#3966fc background color

This paragraph has a background color of #3966fc.

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

#3966fc border color

This element has a border color of #3966fc.

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

CSS codes

.text {color:#3966fc;}

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

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

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, #00040f is the darkest color, while #fafbff is the lightest one.

#00040f
```
#00040f rgb(0,4,15)
```
#010822
```
#010822 rgb(1,8,34)
```
#010d35
```
#010d35 rgb(1,13,53)
```
#011249
```
#011249 rgb(1,18,73)
```
#01165c
```
#01165c rgb(1,22,92)
```
#021b6f
```
#021b6f rgb(2,27,111)
```
#022082
```
#022082 rgb(2,32,130)
```
#022496
```
#022496 rgb(2,36,150)
```
#0329a9
```
#0329a9 rgb(3,41,169)
```
#032ebc
```
#032ebc rgb(3,46,188)
```
#0332d0
```
#0332d0 rgb(3,50,208)
```
#0337e3
```
#0337e3 rgb(3,55,227)
```
#043cf6
```
#043cf6 rgb(4,60,246)
```

Shade Color Variation

#1248fb
```
#1248fb rgb(18,72,251)
```
#2657fc
```
#2657fc rgb(38,87,252)
```
#3966fc
```
#3966fc rgb(57,102,252)
```
#4c75fc
```
#4c75fc rgb(76,117,252)
```
#6084fd
```
#6084fd rgb(96,132,253)
```
#7393fd
```
#7393fd rgb(115,147,253)
```
#86a2fd
```
#86a2fd rgb(134,162,253)
```
#9ab1fd
```
#9ab1fd rgb(154,177,253)
```
#adc0fe
```
#adc0fe rgb(173,192,254)
```
#c0cffe
```
#c0cffe rgb(192,207,254)
```
#d4ddfe
```
#d4ddfe rgb(212,221,254)
```
#e7ecff
```
#e7ecff rgb(231,236,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#96989f
```
#96989f rgb(150,152,159)
```
#8e94a7
```
#8e94a7 rgb(142,148,167)
```
#8690af
```
#8690af rgb(134,144,175)
```
#7f8bb6
```
#7f8bb6 rgb(127,139,182)
```
#7787be
```
#7787be rgb(119,135,190)
```
#6f83c6
```
#6f83c6 rgb(111,131,198)
```
#677fce
```
#677fce rgb(103,127,206)
```
#607bd5
```
#607bd5 rgb(96,123,213)
```
#5877dd
```
#5877dd rgb(88,119,221)
```
#5072e5
```
#5072e5 rgb(80,114,229)
```
#486eed
```
#486eed rgb(72,110,237)
```
#416af4
```
#416af4 rgb(65,106,244)
```
#3966fc
```
#3966fc rgb(57,102,252)
```

Tone Color Variation

Below, you can see how #3966fc 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
#00878e 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
#147bb6 Tritanomaly 0.01% of the population

#3966fc hex color

#3966fc Color Information

#3966fc Color Conversion

Color Schemes with #3966fc

Alternatives to #3966fc

#3966fc Preview

Shades and Tints of #3966fc

Tones of #3966fc

Color Blindness Simulator