#3942f1 hex color

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

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

● #3942f1 color description : Bright blue.

The hexadecimal color #3942f1 has RGB values of R:57, G:66, B:241 and CMYK values of C:0.76, M:0.73, Y:0, K:0.05. Its decimal value is 3752689.

Hex triplet	3942f1	`#3942f1`
RGB Decimal	57, 66, 241	`rgb(57,66,241)`
RGB Percent	22.4, 25.9, 94.5	`rgb(22.4%,25.9%,94.5%)`
CMYK	76, 73, 0, 5
HSL	237.1°, 86.8, 58.4	`hsl(237.1,86.8%,58.4%)`
HSV (or HSB)	237.1°, 76.3, 94.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.775, 54.535, -87.507
XYZ	19.51, 11.116, 84.332
xyY	0.17, 0.097, 11.116
CIE-LCH	39.775, 103.109, 301.931
CIE-LUV	39.775, -10.432, -124.395
Hunter-Lab	33.341, 46.105, -126.63
Binary	00111001, 01000010, 11110001

#3942f1
```
#3942f1 rgb(57,66,241)
```
#f1e839
```
#f1e839 rgb(241,232,57)
```

Complementary Color

#399ef1
```
#399ef1 rgb(57,158,241)
```
#3942f1
```
#3942f1 rgb(57,66,241)
```
#8c39f1
```
#8c39f1 rgb(140,57,241)
```

Analogous Color

#9ef139
```
#9ef139 rgb(158,241,57)
```
#3942f1
```
#3942f1 rgb(57,66,241)
```
#f18c39
```
#f18c39 rgb(241,140,57)
```

Split Complementary Color

#42f139
```
#42f139 rgb(66,241,57)
```
#3942f1
```
#3942f1 rgb(57,66,241)
```
#f13942
```
#f13942 rgb(241,57,66)
```

Triadic Color

#39f1e8
```
#39f1e8 rgb(57,241,232)
```
#3942f1
```
#3942f1 rgb(57,66,241)
```
#f13942
```
#f13942 rgb(241,57,66)
```
#f1e839
```
#f1e839 rgb(241,232,57)
```

Tetradic Color

#0f18cf
```
#0f18cf rgb(15,24,207)
```
#101be7
```
#101be7 rgb(16,27,231)
```
#212bef
```
#212bef rgb(33,43,239)
```
#3942f1
```
#3942f1 rgb(57,66,241)
```
#5159f3
```
#5159f3 rgb(81,89,243)
```
#696ff4
```
#696ff4 rgb(105,111,244)
```
#8086f6
```
#8086f6 rgb(128,134,246)
```

Monochromatic Color

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

#3970f1
```
#3970f1 rgb(57,112,241)
```
#3961f1
```
#3961f1 rgb(57,97,241)
```
#3951f1
```
#3951f1 rgb(57,81,241)
```
#3942f1
```
#3942f1 rgb(57,66,241)
```
#3f39f1
```
#3f39f1 rgb(63,57,241)
```
#4f39f1
```
#4f39f1 rgb(79,57,241)
```
#5e39f1
```
#5e39f1 rgb(94,57,241)
```

Similar Colors

Text with hexadecimal color #3942f1

This text has a font color of #3942f1.

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

#3942f1 background color

This paragraph has a background color of #3942f1.

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

#3942f1 border color

This element has a border color of #3942f1.

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

CSS codes

.text {color:#3942f1;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#020316
```
#020316 rgb(2,3,22)
```
#030528
```
#030528 rgb(3,5,40)
```
#04073a
```
#04073a rgb(4,7,58)
```
#05094d
```
#05094d rgb(5,9,77)
```
#070b5f
```
#070b5f rgb(7,11,95)
```
#080d71
```
#080d71 rgb(8,13,113)
```
#090f84
```
#090f84 rgb(9,15,132)
```
#0b1196
```
#0b1196 rgb(11,17,150)
```
#0c14a8
```
#0c14a8 rgb(12,20,168)
```
#0d16bb
```
#0d16bb rgb(13,22,187)
```
#0e18cd
```
#0e18cd rgb(14,24,205)
```
#101adf
```
#101adf rgb(16,26,223)
```

Shade Color Variation

#141fee
```
#141fee rgb(20,31,238)
```
#2731f0
```
#2731f0 rgb(39,49,240)
```
#3942f1
```
#3942f1 rgb(57,66,241)
```
#4b53f2
```
#4b53f2 rgb(75,83,242)
```
#5e65f4
```
#5e65f4 rgb(94,101,244)
```
#7076f5
```
#7076f5 rgb(112,118,245)
```
#8288f6
```
#8288f6 rgb(130,136,246)
```
#9599f7
```
#9599f7 rgb(149,153,247)
```
#a7abf9
```
#a7abf9 rgb(167,171,249)
```
#b9bcfa
```
#b9bcfa rgb(185,188,250)
```
#cccefb
```
#cccefb rgb(204,206,251)
```
#dedffd
```
#dedffd rgb(222,223,253)
```
#f0f1fe
```
#f0f1fe rgb(240,241,254)
```

Tint Color Variation

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

#939397
```
#939397 rgb(147,147,151)
```
#8b8c9f
```
#8b8c9f rgb(139,140,159)
```
#8284a8
```
#8284a8 rgb(130,132,168)
```
#7a7db0
```
#7a7db0 rgb(122,125,176)
```
#7275b8
```
#7275b8 rgb(114,117,184)
```
#6a6ec0
```
#6a6ec0 rgb(106,110,192)
```
#6267c8
```
#6267c8 rgb(98,103,200)
```
#5a5fd0
```
#5a5fd0 rgb(90,95,208)
```
#5158d9
```
#5158d9 rgb(81,88,217)
```
#4951e1
```
#4951e1 rgb(73,81,225)
```
#4149e9
```
#4149e9 rgb(65,73,233)
```
#3942f1
```
#3942f1 rgb(57,66,241)
```
#313bf9
```
#313bf9 rgb(49,59,249)
```

Tone Color Variation

Below, you can see how #3942f1 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

#535353 Achromatopsia 0.005% of the population
#4e5073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c0 Protanopia 1% of men
#0068a7 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#1457d2 Protanomaly 1% of men, 0.01% of women
#145ac2 Deuteranomaly 6% of men, 0.4% of women
#145fa2 Tritanomaly 0.01% of the population

#3942f1 hex color

#3942f1 Color Information

#3942f1 Color Conversion

Color Schemes with #3942f1

Alternatives to #3942f1

#3942f1 Preview

Shades and Tints of #3942f1

Tones of #3942f1

Color Blindness Simulator