#414cf8 hex color

In a RGB color space, hex #414cf8 is composed of 25.5% red, 29.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 69.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 236.4 degrees, a saturation of 92.9% and a lightness of 61.4%. #414cf8 color hex could be obtained by blending #8298ff with #0000f1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 25
- G 30
- B 97
RGB color chart
- C 74
- M 69
- Y 0
- K 3
CMYK color chart

● #414cf8 color description : Bright blue.

The hexadecimal color #414cf8 has RGB values of R:65, G:76, B:248 and CMYK values of C:0.74, M:0.69, Y:0, K:0.03. Its decimal value is 4279544.

Hex triplet	414cf8	`#414cf8`
RGB Decimal	65, 76, 248	`rgb(65,76,248)`
RGB Percent	25.5, 29.8, 97.3	`rgb(25.5%,29.8%,97.3%)`
CMYK	74, 69, 0, 3
HSL	236.4°, 92.9, 61.4	`hsl(236.4,92.9%,61.4%)`
HSV (or HSB)	236.4°, 73.8, 97.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.867, 51.878, -86.328
XYZ	21.704, 13.069, 90.18
xyY	0.174, 0.105, 13.069
CIE-LCH	42.867, 100.717, 301.003
CIE-LUV	42.867, -11.165, -126.751
Hunter-Lab	36.151, 43.905, -122.598
Binary	01000001, 01001100, 11111000

#414cf8
```
#414cf8 rgb(65,76,248)
```
#f8ed41
```
#f8ed41 rgb(248,237,65)
```

Complementary Color

#41a8f8
```
#41a8f8 rgb(65,168,248)
```
#414cf8
```
#414cf8 rgb(65,76,248)
```
#9241f8
```
#9241f8 rgb(146,65,248)
```

Analogous Color

#a8f841
```
#a8f841 rgb(168,248,65)
```
#414cf8
```
#414cf8 rgb(65,76,248)
```
#f89241
```
#f89241 rgb(248,146,65)
```

Split Complementary Color

#4cf841
```
#4cf841 rgb(76,248,65)
```
#414cf8
```
#414cf8 rgb(65,76,248)
```
#f8414c
```
#f8414c rgb(248,65,76)
```

Triadic Color

#41f8ed
```
#41f8ed rgb(65,248,237)
```
#414cf8
```
#414cf8 rgb(65,76,248)
```
#f8414c
```
#f8414c rgb(248,65,76)
```
#f8ed41
```
#f8ed41 rgb(248,237,65)
```

Tetradic Color

#0816e4
```
#0816e4 rgb(8,22,228)
```
#101ef6
```
#101ef6 rgb(16,30,246)
```
#2835f7
```
#2835f7 rgb(40,53,247)
```
#414cf8
```
#414cf8 rgb(65,76,248)
```
#5a63f9
```
#5a63f9 rgb(90,99,249)
```
#727afa
```
#727afa rgb(114,122,250)
```
#8b92fb
```
#8b92fb rgb(139,146,251)
```

Monochromatic Color

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

#417af8
```
#417af8 rgb(65,122,248)
```
#416bf8
```
#416bf8 rgb(65,107,248)
```
#415bf8
```
#415bf8 rgb(65,91,248)
```
#414cf8
```
#414cf8 rgb(65,76,248)
```
#4541f8
```
#4541f8 rgb(69,65,248)
```
#5441f8
```
#5441f8 rgb(84,65,248)
```
#6441f8
```
#6441f8 rgb(100,65,248)
```

Similar Colors

Text with hexadecimal color #414cf8

This text has a font color of #414cf8.

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

#414cf8 background color

This paragraph has a background color of #414cf8.

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

#414cf8 border color

This element has a border color of #414cf8.

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

CSS codes

.text {color:#414cf8;}

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

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

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

#010212
```
#010212 rgb(1,2,18)
```
#010425
```
#010425 rgb(1,4,37)
```
#020538
```
#020538 rgb(2,5,56)
```
#03074b
```
#03074b rgb(3,7,75)
```
#03095e
```
#03095e rgb(3,9,94)
```
#040b71
```
#040b71 rgb(4,11,113)
```
#050c84
```
#050c84 rgb(5,12,132)
```
#060e97
```
#060e97 rgb(6,14,151)
```
#0610a9
```
#0610a9 rgb(6,16,169)
```
#0712bc
```
#0712bc rgb(7,18,188)
```
#0814cf
```
#0814cf rgb(8,20,207)
```
#0815e2
```
#0815e2 rgb(8,21,226)
```
#0917f5
```
#0917f5 rgb(9,23,245)
```

Shade Color Variation

#1b28f7
```
#1b28f7 rgb(27,40,247)
```
#2e3af7
```
#2e3af7 rgb(46,58,247)
```
#414cf8
```
#414cf8 rgb(65,76,248)
```
#545ef9
```
#545ef9 rgb(84,94,249)
```
#6770f9
```
#6770f9 rgb(103,112,249)
```
#7a81fa
```
#7a81fa rgb(122,129,250)
```
#8d93fb
```
#8d93fb rgb(141,147,251)
```
#a0a5fb
```
#a0a5fb rgb(160,165,251)
```
#b3b7fc
```
#b3b7fc rgb(179,183,252)
```
#c5c9fd
```
#c5c9fd rgb(197,201,253)
```
#d8dbfe
```
#d8dbfe rgb(216,219,254)
```
#ebecfe
```
#ebecfe rgb(235,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9c9d is the less saturated color, while #414cf8 is the most saturated one.

#9c9c9d
```
#9c9c9d rgb(156,156,157)
```
#9495a5
```
#9495a5 rgb(148,149,165)
```
#8d8fac
```
#8d8fac rgb(141,143,172)
```
#8588b4
```
#8588b4 rgb(133,136,180)
```
#7e81bb
```
#7e81bb rgb(126,129,187)
```
#767bc3
```
#767bc3 rgb(118,123,195)
```
#6e74cb
```
#6e74cb rgb(110,116,203)
```
#676dd2
```
#676dd2 rgb(103,109,210)
```
#5f67da
```
#5f67da rgb(95,103,218)
```
#5860e1
```
#5860e1 rgb(88,96,225)
```
#5059e9
```
#5059e9 rgb(80,89,233)
```
#4953f0
```
#4953f0 rgb(73,83,240)
```
#414cf8
```
#414cf8 rgb(65,76,248)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#57597b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ace Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#175fdd Protanomaly 1% of men, 0.01% of women
#1763cc Deuteranomaly 6% of men, 0.4% of women
#1768aa Tritanomaly 0.01% of the population

#414cf8 hex color

#414cf8 Color Information

#414cf8 Color Conversion

Color Schemes with #414cf8

Alternatives to #414cf8

#414cf8 Preview

Shades and Tints of #414cf8

Tones of #414cf8

Color Blindness Simulator