#3966f1 hex color

In a RGB color space, hex #3966f1 is composed of 22.4% red, 40% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 57.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 225.3 degrees, a saturation of 86.8% and a lightness of 58.4%. #3966f1 color hex could be obtained by blending #72ccff with #0000e3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 22
- G 40
- B 95
RGB color chart
- C 76
- M 58
- Y 0
- K 5
CMYK color chart

● #3966f1 color description : Bright blue.

The hexadecimal color #3966f1 has RGB values of R:57, G:102, B:241 and CMYK values of C:0.76, M:0.58, Y:0, K:0.05. Its decimal value is 3761905.

Hex triplet	3966f1	`#3966f1`
RGB Decimal	57, 102, 241	`rgb(57,102,241)`
RGB Percent	22.4, 40, 94.5	`rgb(22.4%,40%,94.5%)`
CMYK	76, 58, 0, 5
HSL	225.3°, 86.8, 58.4	`hsl(225.3,86.8%,58.4%)`
HSV (or HSB)	225.3°, 76.3, 94.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.908, 32.978, -74.161
XYZ	22.313, 16.722, 85.266
xyY	0.18, 0.135, 16.722
CIE-LCH	47.908, 81.163, 293.974
CIE-LUV	47.908, -18.127, -114.477
Hunter-Lab	40.892, 25.835, -95.003
Binary	00111001, 01100110, 11110001

#3966f1
```
#3966f1 rgb(57,102,241)
```
#f1c439
```
#f1c439 rgb(241,196,57)
```

Complementary Color

#39c2f1
```
#39c2f1 rgb(57,194,241)
```
#3966f1
```
#3966f1 rgb(57,102,241)
```
#6839f1
```
#6839f1 rgb(104,57,241)
```

Analogous Color

#c2f139
```
#c2f139 rgb(194,241,57)
```
#3966f1
```
#3966f1 rgb(57,102,241)
```
#f16839
```
#f16839 rgb(241,104,57)
```

Split Complementary Color

#66f139
```
#66f139 rgb(102,241,57)
```
#3966f1
```
#3966f1 rgb(57,102,241)
```
#f13966
```
#f13966 rgb(241,57,102)
```

Triadic Color

#39f1c4
```
#39f1c4 rgb(57,241,196)
```
#3966f1
```
#3966f1 rgb(57,102,241)
```
#f13966
```
#f13966 rgb(241,57,102)
```
#f1c439
```
#f1c439 rgb(241,196,57)
```

Tetradic Color

#0f3ecf
```
#0f3ecf rgb(15,62,207)
```
#1045e7
```
#1045e7 rgb(16,69,231)
```
#2154ef
```
#2154ef rgb(33,84,239)
```
#3966f1
```
#3966f1 rgb(57,102,241)
```
#5178f3
```
#5178f3 rgb(81,120,243)
```
#698bf4
```
#698bf4 rgb(105,139,244)
```
#809df6
```
#809df6 rgb(128,157,246)
```

Monochromatic Color

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

#3994f1
```
#3994f1 rgb(57,148,241)
```
#3985f1
```
#3985f1 rgb(57,133,241)
```
#3975f1
```
#3975f1 rgb(57,117,241)
```
#3966f1
```
#3966f1 rgb(57,102,241)
```
#3957f1
```
#3957f1 rgb(57,87,241)
```
#3947f1
```
#3947f1 rgb(57,71,241)
```
#3a39f1
```
#3a39f1 rgb(58,57,241)
```

Similar Colors

Text with hexadecimal color #3966f1

This text has a font color of #3966f1.

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

#3966f1 background color

This paragraph has a background color of #3966f1.

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

#3966f1 border color

This element has a border color of #3966f1.

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

CSS codes

.text {color:#3966f1;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#020716
```
#020716 rgb(2,7,22)
```
#030c28
```
#030c28 rgb(3,12,40)
```
#04113a
```
#04113a rgb(4,17,58)
```
#05174d
```
#05174d rgb(5,23,77)
```
#071c5f
```
#071c5f rgb(7,28,95)
```
#082271
```
#082271 rgb(8,34,113)
```
#092784
```
#092784 rgb(9,39,132)
```
#0b2d96
```
#0b2d96 rgb(11,45,150)
```
#0c32a8
```
#0c32a8 rgb(12,50,168)
```
#0d38bb
```
#0d38bb rgb(13,56,187)
```
#0e3dcd
```
#0e3dcd rgb(14,61,205)
```
#1043df
```
#1043df rgb(16,67,223)
```

Shade Color Variation

#144aee
```
#144aee rgb(20,74,238)
```
#2758f0
```
#2758f0 rgb(39,88,240)
```
#3966f1
```
#3966f1 rgb(57,102,241)
```
#4b74f2
```
#4b74f2 rgb(75,116,242)
```
#5e82f4
```
#5e82f4 rgb(94,130,244)
```
#7090f5
```
#7090f5 rgb(112,144,245)
```
#829ff6
```
#829ff6 rgb(130,159,246)
```
#95adf7
```
#95adf7 rgb(149,173,247)
```
#a7bbf9
```
#a7bbf9 rgb(167,187,249)
```
#b9c9fa
```
#b9c9fa rgb(185,201,250)
```
#ccd7fb
```
#ccd7fb rgb(204,215,251)
```
#dee5fd
```
#dee5fd rgb(222,229,253)
```
#f0f4fe
```
#f0f4fe rgb(240,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939497 is the less saturated color, while #3162f9 is the most saturated one.

#939497
```
#939497 rgb(147,148,151)
```
#8b909f
```
#8b909f rgb(139,144,159)
```
#828ba8
```
#828ba8 rgb(130,139,168)
```
#7a87b0
```
#7a87b0 rgb(122,135,176)
```
#7283b8
```
#7283b8 rgb(114,131,184)
```
#6a7fc0
```
#6a7fc0 rgb(106,127,192)
```
#627bc8
```
#627bc8 rgb(98,123,200)
```
#5a77d0
```
#5a77d0 rgb(90,119,208)
```
#5172d9
```
#5172d9 rgb(81,114,217)
```
#496ee1
```
#496ee1 rgb(73,110,225)
```
#416ae9
```
#416ae9 rgb(65,106,233)
```
#3966f1
```
#3966f1 rgb(57,102,241)
```
#3162f9
```
#3162f9 rgb(49,98,249)
```

Tone Color Variation

Below, you can see how #3966f1 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
#5f6883 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bc8 Deuteranopia 1% of men
#00848c Tritanopia 0.001% of the population

Trichromacy

#146fe9 Protanomaly 1% of men, 0.01% of women
#1473d7 Deuteranomaly 6% of men, 0.4% of women
#1479b1 Tritanomaly 0.01% of the population

#3966f1 hex color

#3966f1 Color Information

#3966f1 Color Conversion

Color Schemes with #3966f1

Alternatives to #3966f1

#3966f1 Preview

Shades and Tints of #3966f1

Tones of #3966f1

Color Blindness Simulator