colorhexa.com

#414ed4 hex color

In a RGB color space, hex #414ed4 is composed of 25.5% red, 30.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 63.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 234.7 degrees, a saturation of 63.1% and a lightness of 54.3%. #414ed4 color hex could be obtained by blending #829cff with #0000a9. Closest websafe color is: #3366cc.

- R 25
- G 31
- B 83
RGB color chart
- C 69
- M 63
- Y 0
- K 17
CMYK color chart

● #414ed4 color description : Moderate blue.

The hexadecimal color #414ed4 has RGB values of R:65, G:78, B:212 and CMYK values of C:0.69, M:0.63, Y:0, K:0.17. Its decimal value is 4280020.

Hex triplet	414ed4	`#414ed4`
RGB Decimal	65, 78, 212	`rgb(65,78,212)`
RGB Percent	25.5, 30.6, 83.1	`rgb(25.5%,30.6%,83.1%)`
CMYK	69, 63, 0, 17
HSL	234.7°, 63.1, 54.3	`hsl(234.7,63.1%,54.3%)`
HSV (or HSB)	234.7°, 69.3, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.123, 38.616, -70.408
XYZ	16.786, 11.325, 63.585
xyY	0.183, 0.124, 11.325
CIE-LCH	40.123, 80.302, 298.743
CIE-LUV	40.123, -10.401, -103.419
Hunter-Lab	33.653, 30.141, -88.468
Binary	01000001, 01001110, 11010100

#414ed4
```
#414ed4 rgb(65,78,212)
```
#d4c741
```
#d4c741 rgb(212,199,65)
```

Complementary Color

#4198d4
```
#4198d4 rgb(65,152,212)
```
#414ed4
```
#414ed4 rgb(65,78,212)
```
#7e41d4
```
#7e41d4 rgb(126,65,212)
```

Analogous Color

#98d441
```
#98d441 rgb(152,212,65)
```
#414ed4
```
#414ed4 rgb(65,78,212)
```
#d47e41
```
#d47e41 rgb(212,126,65)
```

Split Complementary Color

#4ed441
```
#4ed441 rgb(78,212,65)
```
#414ed4
```
#414ed4 rgb(65,78,212)
```
#d4414e
```
#d4414e rgb(212,65,78)
```

Triadic Color

#41d4c7
```
#41d4c7 rgb(65,212,199)
```
#414ed4
```
#414ed4 rgb(65,78,212)
```
#d4414e
```
#d4414e rgb(212,65,78)
```
#d4c741
```
#d4c741 rgb(212,199,65)
```

Tetradic Color

#2530a3
```
#2530a3 rgb(37,48,163)
```
#2a36b8
```
#2a36b8 rgb(42,54,184)
```
#2e3ccd
```
#2e3ccd rgb(46,60,205)
```
#414ed4
```
#414ed4 rgb(65,78,212)
```
#5661d9
```
#5661d9 rgb(86,97,217)
```
#6b75dd
```
#6b75dd rgb(107,117,221)
```
#7f88e2
```
#7f88e2 rgb(127,136,226)
```

Monochromatic Color

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

#4173d4
```
#4173d4 rgb(65,115,212)
```
#4167d4
```
#4167d4 rgb(65,103,212)
```
#415ad4
```
#415ad4 rgb(65,90,212)
```
#414ed4
```
#414ed4 rgb(65,78,212)
```
#4142d4
```
#4142d4 rgb(65,66,212)
```
#4d41d4
```
#4d41d4 rgb(77,65,212)
```
#5941d4
```
#5941d4 rgb(89,65,212)
```

Similar Colors

Text with hexadecimal color #414ed4

This text has a font color of #414ed4.

<span style="color:#414ed4;">Text here</span>

#414ed4 background color

This paragraph has a background color of #414ed4.

<p style="background-color:#414ed4;">Content here</p>

#414ed4 border color

This element has a border color of #414ed4.

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

CSS codes

.text {color:#414ed4;}

.background {background-color:#414ed4;}

.border {border:1px solid #414ed4;}

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

#000102
```
#000102 rgb(0,1,2)
```
#040512
```
#040512 rgb(4,5,18)
```
#080a22
```
#080a22 rgb(8,10,34)
```
#0b0f32
```
#0b0f32 rgb(11,15,50)
```
#0f1342
```
#0f1342 rgb(15,19,66)
```
#131852
```
#131852 rgb(19,24,82)
```
#161d62
```
#161d62 rgb(22,29,98)
```
#1a2272
```
#1a2272 rgb(26,34,114)
```
#1d2682
```
#1d2682 rgb(29,38,130)
```
#212b92
```
#212b92 rgb(33,43,146)
```
#2530a2
```
#2530a2 rgb(37,48,162)
```
#2834b2
```
#2834b2 rgb(40,52,178)
```
#2c39c2
```
#2c39c2 rgb(44,57,194)
```

Shade Color Variation

#313fd0
```
#313fd0 rgb(49,63,208)
```
#414ed4
```
#414ed4 rgb(65,78,212)
```
#515dd8
```
#515dd8 rgb(81,93,216)
```
#616cdb
```
#616cdb rgb(97,108,219)
```
#717bdf
```
#717bdf rgb(113,123,223)
```
#818ae2
```
#818ae2 rgb(129,138,226)
```
#9199e6
```
#9199e6 rgb(145,153,230)
```
#a1a7ea
```
#a1a7ea rgb(161,167,234)
```
#b1b6ed
```
#b1b6ed rgb(177,182,237)
```
#c1c5f1
```
#c1c5f1 rgb(193,197,241)
```
#d1d4f5
```
#d1d4f5 rgb(209,212,245)
```
#e1e3f8
```
#e1e3f8 rgb(225,227,248)
```
#f1f2fc
```
#f1f2fc rgb(241,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #89898c is the less saturated color, while #1d30f8 is the most saturated one.

#89898c
```
#89898c rgb(137,137,140)
```
#808295
```
#808295 rgb(128,130,149)
```
#777a9e
```
#777a9e rgb(119,122,158)
```
#6e73a7
```
#6e73a7 rgb(110,115,167)
```
#656cb0
```
#656cb0 rgb(101,108,176)
```
#5c64b9
```
#5c64b9 rgb(92,100,185)
```
#535dc2
```
#535dc2 rgb(83,93,194)
```
#4a55cb
```
#4a55cb rgb(74,85,203)
```
#414ed4
```
#414ed4 rgb(65,78,212)
```
#3847dd
```
#3847dd rgb(56,71,221)
```
#2f3fe6
```
#2f3fe6 rgb(47,63,230)
```
#2638ef
```
#2638ef rgb(38,56,239)
```
#1d30f8
```
#1d30f8 rgb(29,48,248)
```

Tone Color Variation

Below, you can see how #414ed4 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

#595959 Achromatopsia 0.005% of the population
#545772 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069aa Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#175bc9 Protanomaly 1% of men, 0.01% of women
#175fb9 Deuteranomaly 6% of men, 0.4% of women
#176499 Tritanomaly 0.01% of the population