#3942ff hex color

In a RGB color space, hex #3942ff is composed of 22.4% red, 25.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 74.1% magenta, 0% yellow and 0% black. It has a hue angle of 237.3 degrees, a saturation of 100% and a lightness of 61.2%. #3942ff color hex could be obtained by blending #7284ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 22
- G 26
- B 100
RGB color chart
- C 78
- M 74
- Y 0
- K 0
CMYK color chart

● #3942ff color description : Light blue.

The hexadecimal color #3942ff has RGB values of R:57, G:66, B:255 and CMYK values of C:0.78, M:0.74, Y:0, K:0. Its decimal value is 3752703.

Hex triplet	3942ff	`#3942ff`
RGB Decimal	57, 66, 255	`rgb(57,66,255)`
RGB Percent	22.4, 25.9, 100	`rgb(22.4%,25.9%,100%)`
CMYK	78, 74, 0, 0
HSL	237.3°, 100, 61.2	`hsl(237.3,100%,61.2%)`
HSV (or HSB)	237.3°, 77.6, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.192, 58.991, -93.02
XYZ	21.682, 11.985, 95.773
xyY	0.168, 0.093, 11.985
CIE-LCH	41.192, 110.149, 302.382
CIE-LUV	41.192, -10.924, -132.618
Hunter-Lab	34.619, 51.211, -139.791
Binary	00111001, 01000010, 11111111

#3942ff
```
#3942ff rgb(57,66,255)
```
#fff639
```
#fff639 rgb(255,246,57)
```

Complementary Color

#39a5ff
```
#39a5ff rgb(57,165,255)
```
#3942ff
```
#3942ff rgb(57,66,255)
```
#9339ff
```
#9339ff rgb(147,57,255)
```

Analogous Color

#a5ff39
```
#a5ff39 rgb(165,255,57)
```
#3942ff
```
#3942ff rgb(57,66,255)
```
#ff9339
```
#ff9339 rgb(255,147,57)
```

Split Complementary Color

#42ff39
```
#42ff39 rgb(66,255,57)
```
#3942ff
```
#3942ff rgb(57,66,255)
```
#ff3942
```
#ff3942 rgb(255,57,66)
```

Triadic Color

#39fff6
```
#39fff6 rgb(57,255,246)
```
#3942ff
```
#3942ff rgb(57,66,255)
```
#ff3942
```
#ff3942 rgb(255,57,66)
```
#fff639
```
#fff639 rgb(255,246,57)
```

Tetradic Color

#000bec
```
#000bec rgb(0,11,236)
```
#0611ff
```
#0611ff rgb(6,17,255)
```
#202aff
```
#202aff rgb(32,42,255)
```
#3942ff
```
#3942ff rgb(57,66,255)
```
#535aff
```
#535aff rgb(83,90,255)
```
#6c73ff
```
#6c73ff rgb(108,115,255)
```
#868bff
```
#868bff rgb(134,139,255)
```

Monochromatic Color

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

#3974ff
```
#3974ff rgb(57,116,255)
```
#3963ff
```
#3963ff rgb(57,99,255)
```
#3953ff
```
#3953ff rgb(57,83,255)
```
#3942ff
```
#3942ff rgb(57,66,255)
```
#4039ff
```
#4039ff rgb(64,57,255)
```
#5139ff
```
#5139ff rgb(81,57,255)
```
#6139ff
```
#6139ff rgb(97,57,255)
```

Similar Colors

Text with hexadecimal color #3942ff

This text has a font color of #3942ff.

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

#3942ff background color

This paragraph has a background color of #3942ff.

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

#3942ff border color

This element has a border color of #3942ff.

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

CSS codes

.text {color:#3942ff;}

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

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

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

#000112
```
#000112 rgb(0,1,18)
```
#000225
```
#000225 rgb(0,2,37)
```
#000339
```
#000339 rgb(0,3,57)
```
#00034d
```
#00034d rgb(0,3,77)
```
#000460
```
#000460 rgb(0,4,96)
```
#000574
```
#000574 rgb(0,5,116)
```
#000687
```
#000687 rgb(0,6,135)
```
#00079b
```
#00079b rgb(0,7,155)
```
#0008af
```
#0008af rgb(0,8,175)
```
#0009c2
```
#0009c2 rgb(0,9,194)
```
#000ad6
```
#000ad6 rgb(0,10,214)
```
#000bea
```
#000bea rgb(0,11,234)
```
#000cfd
```
#000cfd rgb(0,12,253)
```

Shade Color Variation

#121dff
```
#121dff rgb(18,29,255)
```
#252fff
```
#252fff rgb(37,47,255)
```
#3942ff
```
#3942ff rgb(57,66,255)
```
#4d55ff
```
#4d55ff rgb(77,85,255)
```
#6067ff
```
#6067ff rgb(96,103,255)
```
#747aff
```
#747aff rgb(116,122,255)
```
#878dff
```
#878dff rgb(135,141,255)
```
#9ba0ff
```
#9ba0ff rgb(155,160,255)
```
#afb2ff
```
#afb2ff rgb(175,178,255)
```
#c2c5ff
```
#c2c5ff rgb(194,197,255)
```
#d6d8ff
```
#d6d8ff rgb(214,216,255)
```
#eaebff
```
#eaebff rgb(234,235,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9495a4 is the less saturated color, while #3942ff is the most saturated one.

#9495a4
```
#9495a4 rgb(148,149,164)
```
#8d8eab
```
#8d8eab rgb(141,142,171)
```
#8587b3
```
#8587b3 rgb(133,135,179)
```
#7e80ba
```
#7e80ba rgb(126,128,186)
```
#7679c2
```
#7679c2 rgb(118,121,194)
```
#6e72ca
```
#6e72ca rgb(110,114,202)
```
#676cd1
```
#676cd1 rgb(103,108,209)
```
#5f65d9
```
#5f65d9 rgb(95,101,217)
```
#575ee1
```
#575ee1 rgb(87,94,225)
```
#5057e8
```
#5057e8 rgb(80,87,232)
```
#4850f0
```
#4850f0 rgb(72,80,240)
```
#4149f7
```
#4149f7 rgb(65,73,247)
```
#3942ff
```
#3942ff rgb(57,66,255)
```

Tone Color Variation

Below, you can see how #3942ff 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
#4f5177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#1459db Protanomaly 1% of men, 0.01% of women
#145cca Deuteranomaly 6% of men, 0.4% of women
#1461aa Tritanomaly 0.01% of the population

#3942ff hex color

#3942ff Color Information

#3942ff Color Conversion

Color Schemes with #3942ff

Alternatives to #3942ff

#3942ff Preview

Shades and Tints of #3942ff

Tones of #3942ff

Color Blindness Simulator