#3e60f5 hex color

In a RGB color space, hex #3e60f5 is composed of 24.3% red, 37.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 60.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 228.9 degrees, a saturation of 90.1% and a lightness of 60.2%. #3e60f5 color hex could be obtained by blending #7cc0ff with #0000eb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 24
- G 38
- B 96
RGB color chart
- C 75
- M 61
- Y 0
- K 4
CMYK color chart

● #3e60f5 color description : Bright blue.

The hexadecimal color #3e60f5 has RGB values of R:62, G:96, B:245 and CMYK values of C:0.75, M:0.61, Y:0, K:0.04. Its decimal value is 4088053.

Hex triplet	3e60f5	`#3e60f5`
RGB Decimal	62, 96, 245	`rgb(62,96,245)`
RGB Percent	24.3, 37.6, 96.1	`rgb(24.3%,37.6%,96.1%)`
CMYK	75, 61, 0, 4
HSL	228.9°, 90.1, 60.2	`hsl(228.9,90.1%,60.2%)`
HSV (or HSB)	228.9°, 74.7, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.949, 38.644, -77.955
XYZ	22.647, 15.981, 88.272
xyY	0.178, 0.126, 15.981
CIE-LCH	46.949, 87.007, 296.369
CIE-LUV	46.949, -15.869, -119.328
Hunter-Lab	39.976, 31.167, -102.936
Binary	00111110, 01100000, 11110101

#3e60f5
```
#3e60f5 rgb(62,96,245)
```
#f5d33e
```
#f5d33e rgb(245,211,62)
```

Complementary Color

#3ebcf5
```
#3ebcf5 rgb(62,188,245)
```
#3e60f5
```
#3e60f5 rgb(62,96,245)
```
#783ef5
```
#783ef5 rgb(120,62,245)
```

Analogous Color

#bcf53e
```
#bcf53e rgb(188,245,62)
```
#3e60f5
```
#3e60f5 rgb(62,96,245)
```
#f5783e
```
#f5783e rgb(245,120,62)
```

Split Complementary Color

#60f53e
```
#60f53e rgb(96,245,62)
```
#3e60f5
```
#3e60f5 rgb(62,96,245)
```
#f53e60
```
#f53e60 rgb(245,62,96)
```

Triadic Color

#3ef5d3
```
#3ef5d3 rgb(62,245,211)
```
#3e60f5
```
#3e60f5 rgb(62,96,245)
```
#f53e60
```
#f53e60 rgb(245,62,96)
```
#f5d33e
```
#f5d33e rgb(245,211,62)
```

Tetradic Color

#0b32db
```
#0b32db rgb(11,50,219)
```
#0e38f2
```
#0e38f2 rgb(14,56,242)
```
#264cf4
```
#264cf4 rgb(38,76,244)
```
#3e60f5
```
#3e60f5 rgb(62,96,245)
```
#5674f6
```
#5674f6 rgb(86,116,246)
```
#6e88f8
```
#6e88f8 rgb(110,136,248)
```
#879cf9
```
#879cf9 rgb(135,156,249)
```

Monochromatic Color

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

#3e8ef5
```
#3e8ef5 rgb(62,142,245)
```
#3e7ff5
```
#3e7ff5 rgb(62,127,245)
```
#3e6ff5
```
#3e6ff5 rgb(62,111,245)
```
#3e60f5
```
#3e60f5 rgb(62,96,245)
```
#3e51f5
```
#3e51f5 rgb(62,81,245)
```
#3e42f5
```
#3e42f5 rgb(62,66,245)
```
#4a3ef5
```
#4a3ef5 rgb(74,62,245)
```

Similar Colors

Text with hexadecimal color #3e60f5

This text has a font color of #3e60f5.

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

#3e60f5 background color

This paragraph has a background color of #3e60f5.

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

#3e60f5 border color

This element has a border color of #3e60f5.

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

CSS codes

.text {color:#3e60f5;}

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

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

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, #01030c is the darkest color, while #f8faff is the lightest one.

#01030c
```
#01030c rgb(1,3,12)
```
#02071f
```
#02071f rgb(2,7,31)
```
#030b31
```
#030b31 rgb(3,11,49)
```
#041044
```
#041044 rgb(4,16,68)
```
#041457
```
#041457 rgb(4,20,87)
```
#051869
```
#051869 rgb(5,24,105)
```
#061c7c
```
#061c7c rgb(6,28,124)
```
#07218f
```
#07218f rgb(7,33,143)
```
#0825a1
```
#0825a1 rgb(8,37,161)
```
#0929b4
```
#0929b4 rgb(9,41,180)
```
#0a2dc7
```
#0a2dc7 rgb(10,45,199)
```
#0b32d9
```
#0b32d9 rgb(11,50,217)
```
#0c36ec
```
#0c36ec rgb(12,54,236)
```

Shade Color Variation

#1941f3
```
#1941f3 rgb(25,65,243)
```
#2b51f4
```
#2b51f4 rgb(43,81,244)
```
#3e60f5
```
#3e60f5 rgb(62,96,245)
```
#516ff6
```
#516ff6 rgb(81,111,246)
```
#637ff7
```
#637ff7 rgb(99,127,247)
```
#768ef8
```
#768ef8 rgb(118,142,248)
```
#899df9
```
#899df9 rgb(137,157,249)
```
#9badfa
```
#9badfa rgb(155,173,250)
```
#aebcfb
```
#aebcfb rgb(174,188,251)
```
#c1ccfc
```
#c1ccfc rgb(193,204,252)
```
#d3dbfd
```
#d3dbfd rgb(211,219,253)
```
#e6eafe
```
#e6eafe rgb(230,234,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#94969f
```
#94969f rgb(148,150,159)
```
#8c91a7
```
#8c91a7 rgb(140,145,167)
```
#848caf
```
#848caf rgb(132,140,175)
```
#7c87b7
```
#7c87b7 rgb(124,135,183)
```
#7582be
```
#7582be rgb(117,130,190)
```
#6d7dc6
```
#6d7dc6 rgb(109,125,198)
```
#6579ce
```
#6579ce rgb(101,121,206)
```
#5d74d6
```
#5d74d6 rgb(93,116,214)
```
#556fde
```
#556fde rgb(85,111,222)
```
#4e6ae5
```
#4e6ae5 rgb(78,106,229)
```
#4665ed
```
#4665ed rgb(70,101,237)
```
#3e60f5
```
#3e60f5 rgb(62,96,245)
```
#365bfd
```
#365bfd rgb(54,91,253)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5f6683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c4 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#166ce8 Protanomaly 1% of men, 0.01% of women
#1670d6 Deuteranomaly 6% of men, 0.4% of women
#1675b0 Tritanomaly 0.01% of the population

#3e60f5 hex color

#3e60f5 Color Information

#3e60f5 Color Conversion

Color Schemes with #3e60f5

Alternatives to #3e60f5

#3e60f5 Preview

Shades and Tints of #3e60f5

Tones of #3e60f5

Color Blindness Simulator