#3e5ff2 hex color

In a RGB color space, hex #3e5ff2 is composed of 24.3% red, 37.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 60.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 229 degrees, a saturation of 87.4% and a lightness of 59.6%. #3e5ff2 color hex could be obtained by blending #7cbeff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 24
- G 37
- B 95
RGB color chart
- C 74
- M 61
- Y 0
- K 5
CMYK color chart

● #3e5ff2 color description : Bright blue.

The hexadecimal color #3e5ff2 has RGB values of R:62, G:95, B:242 and CMYK values of C:0.74, M:0.61, Y:0, K:0.05. Its decimal value is 4087794.

Hex triplet	3e5ff2	`#3e5ff2`
RGB Decimal	62, 95, 242	`rgb(62,95,242)`
RGB Percent	24.3, 37.3, 94.9	`rgb(24.3%,37.3%,94.9%)`
CMYK	74, 61, 0, 5
HSL	229°, 87.4, 59.6	`hsl(229,87.4%,59.6%)`
HSV (or HSB)	229°, 74.4, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.469, 38.208, -77.061
XYZ	22.103, 15.618, 85.849
xyY	0.179, 0.126, 15.618
CIE-LCH	46.469, 86.013, 296.373
CIE-LUV	46.469, -15.591, -117.695
Hunter-Lab	39.519, 30.673, -101.134
Binary	00111110, 01011111, 11110010

#3e5ff2
```
#3e5ff2 rgb(62,95,242)
```
#f2d13e
```
#f2d13e rgb(242,209,62)
```

Complementary Color

#3eb9f2
```
#3eb9f2 rgb(62,185,242)
```
#3e5ff2
```
#3e5ff2 rgb(62,95,242)
```
#773ef2
```
#773ef2 rgb(119,62,242)
```

Analogous Color

#b9f23e
```
#b9f23e rgb(185,242,62)
```
#3e5ff2
```
#3e5ff2 rgb(62,95,242)
```
#f2773e
```
#f2773e rgb(242,119,62)
```

Split Complementary Color

#5ff23e
```
#5ff23e rgb(95,242,62)
```
#3e5ff2
```
#3e5ff2 rgb(62,95,242)
```
#f23e5f
```
#f23e5f rgb(242,62,95)
```

Triadic Color

#3ef2d1
```
#3ef2d1 rgb(62,242,209)
```
#3e5ff2
```
#3e5ff2 rgb(62,95,242)
```
#f23e5f
```
#f23e5f rgb(242,62,95)
```
#f2d13e
```
#f2d13e rgb(242,209,62)
```

Tetradic Color

#0e33d5
```
#0e33d5 rgb(14,51,213)
```
#1038ed
```
#1038ed rgb(16,56,237)
```
#264bf0
```
#264bf0 rgb(38,75,240)
```
#3e5ff2
```
#3e5ff2 rgb(62,95,242)
```
#5673f4
```
#5673f4 rgb(86,115,244)
```
#6e87f5
```
#6e87f5 rgb(110,135,245)
```
#869af7
```
#869af7 rgb(134,154,247)
```

Monochromatic Color

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

#3e8cf2
```
#3e8cf2 rgb(62,140,242)
```
#3e7df2
```
#3e7df2 rgb(62,125,242)
```
#3e6ef2
```
#3e6ef2 rgb(62,110,242)
```
#3e5ff2
```
#3e5ff2 rgb(62,95,242)
```
#3e50f2
```
#3e50f2 rgb(62,80,242)
```
#3e41f2
```
#3e41f2 rgb(62,65,242)
```
#4a3ef2
```
#4a3ef2 rgb(74,62,242)
```

Similar Colors

Text with hexadecimal color #3e5ff2

This text has a font color of #3e5ff2.

<span style="color:#3e5ff2;">Text here</span>

#3e5ff2 background color

This paragraph has a background color of #3e5ff2.

<p style="background-color:#3e5ff2;">Content here</p>

#3e5ff2 border color

This element has a border color of #3e5ff2.

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

CSS codes

.text {color:#3e5ff2;}

.background {background-color:#3e5ff2;}

.border {border:1px solid #3e5ff2;}

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

#010209
```
#010209 rgb(1,2,9)
```
#02071c
```
#02071c rgb(2,7,28)
```
#030b2e
```
#030b2e rgb(3,11,46)
```
#040f40
```
#040f40 rgb(4,15,64)
```
#061453
```
#061453 rgb(6,20,83)
```
#071865
```
#071865 rgb(7,24,101)
```
#081c77
```
#081c77 rgb(8,28,119)
```
#09218a
```
#09218a rgb(9,33,138)
```
#0b259c
```
#0b259c rgb(11,37,156)
```
#0c2aaf
```
#0c2aaf rgb(12,42,175)
```
#0d2ec1
```
#0d2ec1 rgb(13,46,193)
```
#0e32d3
```
#0e32d3 rgb(14,50,211)
```
#0f37e6
```
#0f37e6 rgb(15,55,230)
```

Shade Color Variation

#1941f0
```
#1941f0 rgb(25,65,240)
```
#2c50f1
```
#2c50f1 rgb(44,80,241)
```
#3e5ff2
```
#3e5ff2 rgb(62,95,242)
```
#506ef3
```
#506ef3 rgb(80,110,243)
```
#637df4
```
#637df4 rgb(99,125,244)
```
#758df6
```
#758df6 rgb(117,141,246)
```
#889cf7
```
#889cf7 rgb(136,156,247)
```
#9aabf8
```
#9aabf8 rgb(154,171,248)
```
#acbaf9
```
#acbaf9 rgb(172,186,249)
```
#bfcafb
```
#bfcafb rgb(191,202,251)
```
#d1d9fc
```
#d1d9fc rgb(209,217,252)
```
#e3e8fd
```
#e3e8fd rgb(227,232,253)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95969b is the less saturated color, while #365afa is the most saturated one.

#95969b
```
#95969b rgb(149,150,155)
```
#8d91a3
```
#8d91a3 rgb(141,145,163)
```
#858cab
```
#858cab rgb(133,140,171)
```
#7d87b3
```
#7d87b3 rgb(125,135,179)
```
#7582bb
```
#7582bb rgb(117,130,187)
```
#6e7dc2
```
#6e7dc2 rgb(110,125,194)
```
#6678ca
```
#6678ca rgb(102,120,202)
```
#5e73d2
```
#5e73d2 rgb(94,115,210)
```
#566eda
```
#566eda rgb(86,110,218)
```
#4e69e2
```
#4e69e2 rgb(78,105,226)
```
#4664ea
```
#4664ea rgb(70,100,234)
```
#3e5ff2
```
#3e5ff2 rgb(62,95,242)
```
#365afa
```
#365afa rgb(54,90,250)
```

Tone Color Variation

Below, you can see how #3e5ff2 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

#666666 Achromatopsia 0.005% of the population
#5e6582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#166be5 Protanomaly 1% of men, 0.01% of women
#166fd3 Deuteranomaly 6% of men, 0.4% of women
#1674ae Tritanomaly 0.01% of the population

#3e5ff2 hex color

#3e5ff2 Color Information

#3e5ff2 Color Conversion

Color Schemes with #3e5ff2

Alternatives to #3e5ff2

#3e5ff2 Preview

Shades and Tints of #3e5ff2

Tones of #3e5ff2

Color Blindness Simulator