#418aff hex color

In a RGB color space, hex #418aff is composed of 25.5% red, 54.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 45.9% magenta, 0% yellow and 0% black. It has a hue angle of 216.9 degrees, a saturation of 100% and a lightness of 62.7%. #418aff color hex could be obtained by blending #82ffff with #0015ff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 25
- G 54
- B 100
RGB color chart
- C 75
- M 46
- Y 0
- K 0
CMYK color chart

● #418aff color description : Light blue.

The hexadecimal color #418aff has RGB values of R:65, G:138, B:255 and CMYK values of C:0.75, M:0.46, Y:0, K:0. Its decimal value is 4295423.

Hex triplet	418aff	`#418aff`
RGB Decimal	65, 138, 255	`rgb(65,138,255)`
RGB Percent	25.5, 54.1, 100	`rgb(25.5%,54.1%,100%)`
CMYK	75, 46, 0, 0
HSL	216.9°, 100, 62.7	`hsl(216.9,100%,62.7%)`
HSV (or HSB)	216.9°, 74.5, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.526, 16.586, -64.724
XYZ	29.314, 26.519, 98.176
xyY	0.19, 0.172, 26.519
CIE-LCH	58.526, 66.815, 284.374
CIE-LUV	58.526, -26.894, -104.69
Hunter-Lab	51.496, 11.494, -76.987
Binary	01000001, 10001010, 11111111

#418aff
```
#418aff rgb(65,138,255)
```
#ffb641
```
#ffb641 rgb(255,182,65)
```

Complementary Color

#41e9ff
```
#41e9ff rgb(65,233,255)
```
#418aff
```
#418aff rgb(65,138,255)
```
#5741ff
```
#5741ff rgb(87,65,255)
```

Analogous Color

#e9ff41
```
#e9ff41 rgb(233,255,65)
```
#418aff
```
#418aff rgb(65,138,255)
```
#ff5741
```
#ff5741 rgb(255,87,65)
```

Split Complementary Color

#8aff41
```
#8aff41 rgb(138,255,65)
```
#418aff
```
#418aff rgb(65,138,255)
```
#ff418a
```
#ff418a rgb(255,65,138)
```

Triadic Color

#41ffb6
```
#41ffb6 rgb(65,255,182)
```
#418aff
```
#418aff rgb(65,138,255)
```
#ff418a
```
#ff418a rgb(255,65,138)
```
#ffb641
```
#ffb641 rgb(255,182,65)
```

Tetradic Color

#005ef4
```
#005ef4 rgb(0,94,244)
```
#0e6bff
```
#0e6bff rgb(14,107,255)
```
#287aff
```
#287aff rgb(40,122,255)
```
#418aff
```
#418aff rgb(65,138,255)
```
#5b9aff
```
#5b9aff rgb(91,154,255)
```
#74a9ff
```
#74a9ff rgb(116,169,255)
```
#8eb9ff
```
#8eb9ff rgb(142,185,255)
```

Monochromatic Color

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

#41baff
```
#41baff rgb(65,186,255)
```
#41aaff
```
#41aaff rgb(65,170,255)
```
#419aff
```
#419aff rgb(65,154,255)
```
#418aff
```
#418aff rgb(65,138,255)
```
#417aff
```
#417aff rgb(65,122,255)
```
#416aff
```
#416aff rgb(65,106,255)
```
#415bff
```
#415bff rgb(65,91,255)
```

Similar Colors

Text with hexadecimal color #418aff

This text has a font color of #418aff.

<span style="color:#418aff;">Text here</span>

#418aff background color

This paragraph has a background color of #418aff.

<p style="background-color:#418aff;">Content here</p>

#418aff border color

This element has a border color of #418aff.

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

CSS codes

.text {color:#418aff;}

.background {background-color:#418aff;}

.border {border:1px solid #418aff;}

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

#000206
```
#000206 rgb(0,2,6)
```
#000a1a
```
#000a1a rgb(0,10,26)
```
#00112d
```
#00112d rgb(0,17,45)
```
#001941
```
#001941 rgb(0,25,65)
```
#002155
```
#002155 rgb(0,33,85)
```
#002868
```
#002868 rgb(0,40,104)
```
#00307c
```
#00307c rgb(0,48,124)
```
#00378f
```
#00378f rgb(0,55,143)
```
#003fa3
```
#003fa3 rgb(0,63,163)
```
#0046b7
```
#0046b7 rgb(0,70,183)
```
#004eca
```
#004eca rgb(0,78,202)
```
#0055de
```
#0055de rgb(0,85,222)
```
#005df2
```
#005df2 rgb(0,93,242)
```

Shade Color Variation

#0666ff
```
#0666ff rgb(6,102,255)
```
#1a72ff
```
#1a72ff rgb(26,114,255)
```
#2d7eff
```
#2d7eff rgb(45,126,255)
```
#418aff
```
#418aff rgb(65,138,255)
```
#5596ff
```
#5596ff rgb(85,150,255)
```
#68a2ff
```
#68a2ff rgb(104,162,255)
```
#7caeff
```
#7caeff rgb(124,174,255)
```
#8fbaff
```
#8fbaff rgb(143,186,255)
```
#a3c6ff
```
#a3c6ff rgb(163,198,255)
```
#b7d2ff
```
#b7d2ff rgb(183,210,255)
```
#cadfff
```
#cadfff rgb(202,223,255)
```
#deebff
```
#deebff rgb(222,235,255)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999ea7 is the less saturated color, while #418aff is the most saturated one.

#999ea7
```
#999ea7 rgb(153,158,167)
```
#919daf
```
#919daf rgb(145,157,175)
```
#8a9bb6
```
#8a9bb6 rgb(138,155,182)
```
#8399bd
```
#8399bd rgb(131,153,189)
```
#7b98c5
```
#7b98c5 rgb(123,152,197)
```
#7496cc
```
#7496cc rgb(116,150,204)
```
#6d94d3
```
#6d94d3 rgb(109,148,211)
```
#6692da
```
#6692da rgb(102,146,218)
```
#5e91e2
```
#5e91e2 rgb(94,145,226)
```
#578fe9
```
#578fe9 rgb(87,143,233)
```
#508df0
```
#508df0 rgb(80,141,240)
```
#488cf8
```
#488cf8 rgb(72,140,248)
```
#418aff
```
#418aff rgb(65,138,255)
```

Tone Color Variation

Below, you can see how #418aff 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

#828282 Achromatopsia 0.005% of the population
#75849b Atypical Achromatopsia 0.001% of the population

Dichromacy

#548ffe Protanopia 1% of men
#0095f8 Deuteranopia 1% of men
#00a1ab Tritanopia 0.001% of the population

Trichromacy

#4d8dfe Protanomaly 1% of men, 0.01% of women
#1791fa Deuteranomaly 6% of men, 0.4% of women
#1798c9 Tritanomaly 0.01% of the population

#418aff hex color

#418aff Color Information

#418aff Color Conversion

Color Schemes with #418aff

Alternatives to #418aff

#418aff Preview

Shades and Tints of #418aff

Tones of #418aff

Color Blindness Simulator