colorhexa.com

#4140e2 hex color

In a RGB color space, hex #4140e2 is composed of 25.5% red, 25.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 71.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 240.4 degrees, a saturation of 73.6% and a lightness of 56.9%. #4140e2 color hex could be obtained by blending #8280ff with #0000c5. Closest websafe color is: #3333cc.

- R 25
- G 25
- B 89
RGB color chart
- C 71
- M 72
- Y 0
- K 11
CMYK color chart

● #4140e2 color description : Bright blue.

The hexadecimal color #4140e2 has RGB values of R:65, G:64, B:226 and CMYK values of C:0.71, M:0.72, Y:0, K:0.11. Its decimal value is 4276450.

Hex triplet	4140e2	`#4140e2`
RGB Decimal	65, 64, 226	`rgb(65,64,226)`
RGB Percent	25.5, 25.1, 88.6	`rgb(25.5%,25.1%,88.6%)`
CMYK	71, 72, 0, 11
HSL	240.4°, 73.6, 56.9	`hsl(240.4,73.6%,56.9%)`
HSV (or HSB)	240.4°, 71.7, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.341, 51.503, -81.351
XYZ	17.738, 10.281, 72.997
xyY	0.176, 0.102, 10.281
CIE-LCH	38.341, 96.283, 302.338
CIE-LUV	38.341, -8.148, -115.469
Hunter-Lab	32.063, 42.639, -112.538
Binary	01000001, 01000000, 11100010

#4140e2
```
#4140e2 rgb(65,64,226)
```
#e1e240
```
#e1e240 rgb(225,226,64)
```

Complementary Color

#4090e2
```
#4090e2 rgb(64,144,226)
```
#4140e2
```
#4140e2 rgb(65,64,226)
```
#9240e2
```
#9240e2 rgb(146,64,226)
```

Analogous Color

#90e240
```
#90e240 rgb(144,226,64)
```
#4140e2
```
#4140e2 rgb(65,64,226)
```
#e29240
```
#e29240 rgb(226,146,64)
```

Split Complementary Color

#40e241
```
#40e241 rgb(64,226,65)
```
#4140e2
```
#4140e2 rgb(65,64,226)
```
#e24140
```
#e24140 rgb(226,65,64)
```

Triadic Color

#40e1e2
```
#40e1e2 rgb(64,225,226)
```
#4140e2
```
#4140e2 rgb(65,64,226)
```
#e24140
```
#e24140 rgb(226,65,64)
```
#e1e240
```
#e1e240 rgb(225,226,64)
```

Tetradic Color

#1d1cb9
```
#1d1cb9 rgb(29,28,185)
```
#2120cf
```
#2120cf rgb(33,32,207)
```
#2b2adf
```
#2b2adf rgb(43,42,223)
```
#4140e2
```
#4140e2 rgb(65,64,226)
```
#5756e5
```
#5756e5 rgb(87,86,229)
```
#6d6ce9
```
#6d6ce9 rgb(109,108,233)
```
#8382ec
```
#8382ec rgb(131,130,236)
```

Monochromatic Color

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

#4068e2
```
#4068e2 rgb(64,104,226)
```
#405ae2
```
#405ae2 rgb(64,90,226)
```
#404de2
```
#404de2 rgb(64,77,226)
```
#4140e2
```
#4140e2 rgb(65,64,226)
```
#4f40e2
```
#4f40e2 rgb(79,64,226)
```
#5c40e2
```
#5c40e2 rgb(92,64,226)
```
#6a40e2
```
#6a40e2 rgb(106,64,226)
```

Similar Colors

Text with hexadecimal color #4140e2

This text has a font color of #4140e2.

<span style="color:#4140e2;">Text here</span>

#4140e2 background color

This paragraph has a background color of #4140e2.

<p style="background-color:#4140e2;">Content here</p>

#4140e2 border color

This element has a border color of #4140e2.

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

CSS codes

.text {color:#4140e2;}

.background {background-color:#4140e2;}

.border {border:1px solid #4140e2;}

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, #02020d is the darkest color, while #fbfbfe is the lightest one.

#02020d
```
#02020d rgb(2,2,13)
```
#05051e
```
#05051e rgb(5,5,30)
```
#07072f
```
#07072f rgb(7,7,47)
```
#0a0a40
```
#0a0a40 rgb(10,10,64)
```
#0d0c51
```
#0d0c51 rgb(13,12,81)
```
#0f0f63
```
#0f0f63 rgb(15,15,99)
```
#121274
```
#121274 rgb(18,18,116)
```
#151485
```
#151485 rgb(21,20,133)
```
#171796
```
#171796 rgb(23,23,150)
```
#1a19a7
```
#1a19a7 rgb(26,25,167)
```
#1d1cb8
```
#1d1cb8 rgb(29,28,184)
```
#201ec9
```
#201ec9 rgb(32,30,201)
```
#2221da
```
#2221da rgb(34,33,218)
```

Shade Color Variation

#302fdf
```
#302fdf rgb(48,47,223)
```
#4140e2
```
#4140e2 rgb(65,64,226)
```
#5251e5
```
#5251e5 rgb(82,81,229)
```
#6362e7
```
#6362e7 rgb(99,98,231)
```
#7473ea
```
#7473ea rgb(116,115,234)
```
#8584ec
```
#8584ec rgb(133,132,236)
```
#9695ef
```
#9695ef rgb(150,149,239)
```
#a7a6f2
```
#a7a6f2 rgb(167,166,242)
```
#b8b7f4
```
#b8b7f4 rgb(184,183,244)
```
#c9c8f7
```
#c9c8f7 rgb(201,200,247)
```
#d9d9f9
```
#d9d9f9 rgb(217,217,249)
```
#eaeafc
```
#eaeafc rgb(234,234,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#8c8c96
```
#8c8c96 rgb(140,140,150)
```
#84849e
```
#84849e rgb(132,132,158)
```
#7b7ba7
```
#7b7ba7 rgb(123,123,167)
```
#7373af
```
#7373af rgb(115,115,175)
```
#6b6ab8
```
#6b6ab8 rgb(107,106,184)
```
#6262c0
```
#6262c0 rgb(98,98,192)
```
#5a59c9
```
#5a59c9 rgb(90,89,201)
```
#5251d1
```
#5251d1 rgb(82,81,209)
```
#4948da
```
#4948da rgb(73,72,218)
```
#4140e2
```
#4140e2 rgb(65,64,226)
```
#3938ea
```
#3938ea rgb(57,56,234)
```
#302ff3
```
#302ff3 rgb(48,47,243)
```
#2827fb
```
#2827fb rgb(40,39,251)
```

Tone Color Variation

Below, you can see how #4140e2 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

#535353 Achromatopsia 0.005% of the population
#4f4f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060ba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1754c9 Protanomaly 1% of men, 0.01% of women
#1757b9 Deuteranomaly 6% of men, 0.4% of women
#175c9b Tritanomaly 0.01% of the population