#3945f2 hex color

In a RGB color space, hex #3945f2 is composed of 22.4% red, 27.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 71.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 236.1 degrees, a saturation of 87.7% and a lightness of 58.6%. #3945f2 color hex could be obtained by blending #728aff with #0000e5. Closest websafe color is: #3333ff.

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

● #3945f2 color description : Bright blue.

The hexadecimal color #3945f2 has RGB values of R:57, G:69, B:242 and CMYK values of C:0.76, M:0.71, Y:0, K:0.05. Its decimal value is 3753458.

Hex triplet	3945f2	`#3945f2`
RGB Decimal	57, 69, 242	`rgb(57,69,242)`
RGB Percent	22.4, 27.1, 94.9	`rgb(22.4%,27.1%,94.9%)`
CMYK	76, 71, 0, 5
HSL	236.1°, 87.7, 58.6	`hsl(236.1,87.7%,58.6%)`
HSV (or HSB)	236.1°, 76.4, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.468, 53.198, -86.926
XYZ	19.839, 11.536, 85.181
xyY	0.17, 0.099, 11.536
CIE-LCH	40.468, 101.913, 301.466
CIE-LUV	40.468, -10.978, -124.582
Hunter-Lab	33.964, 44.829, -124.922
Binary	00111001, 01000101, 11110010

#3945f2
```
#3945f2 rgb(57,69,242)
```
#f2e639
```
#f2e639 rgb(242,230,57)
```

Complementary Color

#39a2f2
```
#39a2f2 rgb(57,162,242)
```
#3945f2
```
#3945f2 rgb(57,69,242)
```
#8a39f2
```
#8a39f2 rgb(138,57,242)
```

Analogous Color

#a2f239
```
#a2f239 rgb(162,242,57)
```
#3945f2
```
#3945f2 rgb(57,69,242)
```
#f28a39
```
#f28a39 rgb(242,138,57)
```

Split Complementary Color

#45f239
```
#45f239 rgb(69,242,57)
```
#3945f2
```
#3945f2 rgb(57,69,242)
```
#f23945
```
#f23945 rgb(242,57,69)
```

Triadic Color

#39f2e6
```
#39f2e6 rgb(57,242,230)
```
#3945f2
```
#3945f2 rgb(57,69,242)
```
#f23945
```
#f23945 rgb(242,57,69)
```
#f2e639
```
#f2e639 rgb(242,230,57)
```

Tetradic Color

#0e1ad1
```
#0e1ad1 rgb(14,26,209)
```
#0f1de9
```
#0f1de9 rgb(15,29,233)
```
#212ff0
```
#212ff0 rgb(33,47,240)
```
#3945f2
```
#3945f2 rgb(57,69,242)
```
#515bf4
```
#515bf4 rgb(81,91,244)
```
#6972f5
```
#6972f5 rgb(105,114,245)
```
#8188f7
```
#8188f7 rgb(129,136,247)
```

Monochromatic Color

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

#3973f2
```
#3973f2 rgb(57,115,242)
```
#3964f2
```
#3964f2 rgb(57,100,242)
```
#3954f2
```
#3954f2 rgb(57,84,242)
```
#3945f2
```
#3945f2 rgb(57,69,242)
```
#3c39f2
```
#3c39f2 rgb(60,57,242)
```
#4c39f2
```
#4c39f2 rgb(76,57,242)
```
#5b39f2
```
#5b39f2 rgb(91,57,242)
```

Similar Colors

Text with hexadecimal color #3945f2

This text has a font color of #3945f2.

<span style="color:#3945f2;">Text here</span>

#3945f2 background color

This paragraph has a background color of #3945f2.

<p style="background-color:#3945f2;">Content here</p>

#3945f2 border color

This element has a border color of #3945f2.

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

CSS codes

.text {color:#3945f2;}

.background {background-color:#3945f2;}

.border {border:1px solid #3945f2;}

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

#000104
```
#000104 rgb(0,1,4)
```
#020317
```
#020317 rgb(2,3,23)
```
#030529
```
#030529 rgb(3,5,41)
```
#04083c
```
#04083c rgb(4,8,60)
```
#050a4e
```
#050a4e rgb(5,10,78)
```
#060c61
```
#060c61 rgb(6,12,97)
```
#080f73
```
#080f73 rgb(8,15,115)
```
#091185
```
#091185 rgb(9,17,133)
```
#0a1398
```
#0a1398 rgb(10,19,152)
```
#0b15aa
```
#0b15aa rgb(11,21,170)
```
#0c18bd
```
#0c18bd rgb(12,24,189)
```
#0e1acf
```
#0e1acf rgb(14,26,207)
```
#0f1ce1
```
#0f1ce1 rgb(15,28,225)
```

Shade Color Variation

#1422f0
```
#1422f0 rgb(20,34,240)
```
#2734f1
```
#2734f1 rgb(39,52,241)
```
#3945f2
```
#3945f2 rgb(57,69,242)
```
#4b56f3
```
#4b56f3 rgb(75,86,243)
```
#5e68f4
```
#5e68f4 rgb(94,104,244)
```
#7079f6
```
#7079f6 rgb(112,121,246)
```
#838af7
```
#838af7 rgb(131,138,247)
```
#959bf8
```
#959bf8 rgb(149,155,248)
```
#a7adf9
```
#a7adf9 rgb(167,173,249)
```
#babefa
```
#babefa rgb(186,190,250)
```
#cccffc
```
#cccffc rgb(204,207,252)
```
#dfe1fd
```
#dfe1fd rgb(223,225,253)
```
#f1f2fe
```
#f1f2fe rgb(241,242,254)
```

Tint Color Variation

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

#929399
```
#929399 rgb(146,147,153)
```
#8a8ca1
```
#8a8ca1 rgb(138,140,161)
```
#8285a9
```
#8285a9 rgb(130,133,169)
```
#7a7eb1
```
#7a7eb1 rgb(122,126,177)
```
#7276b9
```
#7276b9 rgb(114,118,185)
```
#6a6fc1
```
#6a6fc1 rgb(106,111,193)
```
#6268c9
```
#6268c9 rgb(98,104,201)
```
#5961d2
```
#5961d2 rgb(89,97,210)
```
#515ada
```
#515ada rgb(81,90,218)
```
#4953e2
```
#4953e2 rgb(73,83,226)
```
#414cea
```
#414cea rgb(65,76,234)
```
#3945f2
```
#3945f2 rgb(57,69,242)
```
#313efa
```
#313efa rgb(49,62,250)
```

Tone Color Variation

Below, you can see how #3945f2 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

#555555 Achromatopsia 0.005% of the population
#4f5274 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#1459d4 Protanomaly 1% of men, 0.01% of women
#145cc4 Deuteranomaly 6% of men, 0.4% of women
#1461a4 Tritanomaly 0.01% of the population

#3945f2 hex color

#3945f2 Color Information

#3945f2 Color Conversion

Color Schemes with #3945f2

Alternatives to #3945f2

#3945f2 Preview

Shades and Tints of #3945f2

Tones of #3945f2

Color Blindness Simulator