#2e60f5 hex color

In a RGB color space, hex #2e60f5 is composed of 18% red, 37.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 60.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 224.9 degrees, a saturation of 90.9% and a lightness of 57.1%. #2e60f5 color hex could be obtained by blending #5cc0ff with #0000eb. Closest websafe color is: #3366ff.

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

● #2e60f5 color description : Bright blue.

The hexadecimal color #2e60f5 has RGB values of R:46, G:96, B:245 and CMYK values of C:0.81, M:0.61, Y:0, K:0.04. Its decimal value is 3039477.

Hex triplet	2e60f5	`#2e60f5`
RGB Decimal	46, 96, 245	`rgb(46,96,245)`
RGB Percent	18, 37.6, 96.1	`rgb(18%,37.6%,96.1%)`
CMYK	81, 61, 0, 4
HSL	224.9°, 90.9, 57.1	`hsl(224.9,90.9%,57.1%)`
HSV (or HSB)	224.9°, 81.2, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.362, 37.203, -78.94
XYZ	21.788, 15.538, 88.232
xyY	0.174, 0.124, 15.538
CIE-LCH	46.362, 87.267, 295.234
CIE-LUV	46.362, -18.139, -120.048
Hunter-Lab	39.418, 29.683, -105.122
Binary	00101110, 01100000, 11110101

#2e60f5
```
#2e60f5 rgb(46,96,245)
```
#f5c32e
```
#f5c32e rgb(245,195,46)
```

Complementary Color

#2ec4f5
```
#2ec4f5 rgb(46,196,245)
```
#2e60f5
```
#2e60f5 rgb(46,96,245)
```
#5f2ef5
```
#5f2ef5 rgb(95,46,245)
```

Analogous Color

#c4f52e
```
#c4f52e rgb(196,245,46)
```
#2e60f5
```
#2e60f5 rgb(46,96,245)
```
#f55f2e
```
#f55f2e rgb(245,95,46)
```

Split Complementary Color

#60f52e
```
#60f52e rgb(96,245,46)
```
#2e60f5
```
#2e60f5 rgb(46,96,245)
```
#f52e60
```
#f52e60 rgb(245,46,96)
```

Triadic Color

#2ef5c3
```
#2ef5c3 rgb(46,245,195)
```
#2e60f5
```
#2e60f5 rgb(46,96,245)
```
#f52e60
```
#f52e60 rgb(245,46,96)
```
#f5c32e
```
#f5c32e rgb(245,195,46)
```

Tetradic Color

#0a3bcd
```
#0a3bcd rgb(10,59,205)
```
#0b42e5
```
#0b42e5 rgb(11,66,229)
```
#164df4
```
#164df4 rgb(22,77,244)
```
#2e60f5
```
#2e60f5 rgb(46,96,245)
```
#4673f6
```
#4673f6 rgb(70,115,246)
```
#5f85f7
```
#5f85f7 rgb(95,133,247)
```
#7798f8
```
#7798f8 rgb(119,152,248)
```

Monochromatic Color

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

#2e92f5
```
#2e92f5 rgb(46,146,245)
```
#2e81f5
```
#2e81f5 rgb(46,129,245)
```
#2e71f5
```
#2e71f5 rgb(46,113,245)
```
#2e60f5
```
#2e60f5 rgb(46,96,245)
```
#2e4ff5
```
#2e4ff5 rgb(46,79,245)
```
#2e3ff5
```
#2e3ff5 rgb(46,63,245)
```
#2e2ef5
```
#2e2ef5 rgb(46,46,245)
```

Similar Colors

Text with hexadecimal color #2e60f5

This text has a font color of #2e60f5.

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

#2e60f5 background color

This paragraph has a background color of #2e60f5.

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

#2e60f5 border color

This element has a border color of #2e60f5.

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

CSS codes

.text {color:#2e60f5;}

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

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

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

#010410
```
#010410 rgb(1,4,16)
```
#020a22
```
#020a22 rgb(2,10,34)
```
#030f35
```
#030f35 rgb(3,15,53)
```
#031548
```
#031548 rgb(3,21,72)
```
#041a5b
```
#041a5b rgb(4,26,91)
```
#051f6d
```
#051f6d rgb(5,31,109)
```
#062580
```
#062580 rgb(6,37,128)
```
#072a93
```
#072a93 rgb(7,42,147)
```
#082fa5
```
#082fa5 rgb(8,47,165)
```
#0935b8
```
#0935b8 rgb(9,53,184)
```
#0a3acb
```
#0a3acb rgb(10,58,203)
```
#0b40de
```
#0b40de rgb(11,64,222)
```
#0b45f0
```
#0b45f0 rgb(11,69,240)
```

Shade Color Variation

#1b52f4
```
#1b52f4 rgb(27,82,244)
```
#2e60f5
```
#2e60f5 rgb(46,96,245)
```
#416ef6
```
#416ef6 rgb(65,110,246)
```
#537cf7
```
#537cf7 rgb(83,124,247)
```
#668bf8
```
#668bf8 rgb(102,139,248)
```
#7999f9
```
#7999f9 rgb(121,153,249)
```
#8ca7f9
```
#8ca7f9 rgb(140,167,249)
```
#9eb5fa
```
#9eb5fa rgb(158,181,250)
```
#b1c4fb
```
#b1c4fb rgb(177,196,251)
```
#c4d2fc
```
#c4d2fc rgb(196,210,252)
```
#d6e0fd
```
#d6e0fd rgb(214,224,253)
```
#e9eefe
```
#e9eefe rgb(233,238,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8e98 is the less saturated color, while #265cfd is the most saturated one.

#8b8e98
```
#8b8e98 rgb(139,142,152)
```
#828aa1
```
#828aa1 rgb(130,138,161)
```
#7a86a9
```
#7a86a9 rgb(122,134,169)
```
#7182b2
```
#7182b2 rgb(113,130,178)
```
#697dba
```
#697dba rgb(105,125,186)
```
#6179c2
```
#6179c2 rgb(97,121,194)
```
#5875cb
```
#5875cb rgb(88,117,203)
```
#5071d3
```
#5071d3 rgb(80,113,211)
```
#476ddc
```
#476ddc rgb(71,109,220)
```
#3f68e4
```
#3f68e4 rgb(63,104,228)
```
#3664ed
```
#3664ed rgb(54,100,237)
```
#2e60f5
```
#2e60f5 rgb(46,96,245)
```
#265cfd
```
#265cfd rgb(38,92,253)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#58627f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008187 Tritanopia 0.001% of the population

Trichromacy

#106be6 Protanomaly 1% of men, 0.01% of women
#106fd4 Deuteranomaly 6% of men, 0.4% of women
#1075af Tritanomaly 0.01% of the population

#2e60f5 hex color

#2e60f5 Color Information

#2e60f5 Color Conversion

Color Schemes with #2e60f5

Alternatives to #2e60f5

#2e60f5 Preview

Shades and Tints of #2e60f5

Tones of #2e60f5

Color Blindness Simulator