#418bdd Color Information
In a RGB color space, hex #418bdd is composed of 25.5% red, 54.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 37.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 211.5 degrees, a saturation of 69.6% and a lightness of 56.1%. #418bdd color hex could be obtained by blending #82ffff with #0017bb. Closest websafe color is: #3399cc.
-
- R 25
- G 55
- B 87
-
- C 71
- M 37
- Y 0
- K 13
● #418bdd color description : Bright blue.
#418bdd Color Conversion
The hexadecimal color #418bdd has RGB values of R:65, G:139, B:221 and CMYK values of C:0.71, M:0.37, Y:0, K:0.13. Its decimal value is 4295645.
Hex triplet | 418bdd | #418bdd |
---|---|---|
RGB Decimal | 65, 139, 221 | rgb(65,139,221) |
RGB Percent | 25.5, 54.5, 86.7 | rgb(25.5%,54.5%,86.7%) |
CMYK | 71, 37, 0, 13 | |
HSL | 211.5°, 69.6, 56.1 | hsl(211.5,69.6%,56.1%) |
HSV (or HSB) | 211.5°, 70.6, 86.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 56.888, 3.868, -48.495 |
---|---|
XYZ | 24.461, 24.808, 71.902 |
xyY | 0.202, 0.205, 24.808 |
CIE-LCH | 56.888, 48.649, 274.561 |
CIE-LUV | 56.888, -28.132, -76.679 |
Hunter-Lab | 49.807, 0.5, -50.726 |
Binary | 01000001, 10001011, 11011101 |
Color Schemes with #418bdd
Alternatives to #418bdd
Below, you can see some colors close to #418bdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#418bdd Preview
This text has a font color of #418bdd.
<span style="color:#418bdd;">Text here</span>
This paragraph has a background color of #418bdd.
<p style="background-color:#418bdd;">Content here</p>
This element has a border color of #418bdd.
<div style="border:1px solid #418bdd;">Content here</div>
.text {color:#418bdd;}
.background {background-color:#418bdd;}
.border {border:1px solid #418bdd;}
Shades and Tints of #418bdd
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, #02050a is the darkest color, while #f8fbfe is the lightest one.
-
#02050a
#02050a
rgb(2,5,10)
-
#050f1a
#050f1a
rgb(5,15,26)
-
#08182b
#08182b
rgb(8,24,43)
-
#0b223c
#0b223c
rgb(11,34,60)
-
#0e2b4c
#0e2b4c
rgb(14,43,76)
-
#11355d
#11355d
rgb(17,53,93)
-
#143e6d
#143e6d
rgb(20,62,109)
-
#17487e
#17487e
rgb(23,72,126)
-
#1a518f
#1a518f
rgb(26,81,143)
-
#1d5b9f
#1d5b9f
rgb(29,91,159)
-
#2064b0
#2064b0
rgb(32,100,176)
-
#226ec1
#226ec1
rgb(34,110,193)
-
#2577d1
#2577d1
rgb(37,119,209)
-
#3081da
#3081da
rgb(48,129,218)
-
#418bdd
#418bdd
rgb(65,139,221)
-
#5295e0
#5295e0
rgb(82,149,224)
-
#629fe3
#629fe3
rgb(98,159,227)
-
#73a9e6
#73a9e6
rgb(115,169,230)
-
#84b4e9
#84b4e9
rgb(132,180,233)
-
#94beec
#94beec
rgb(148,190,236)
-
#a5c8ef
#a5c8ef
rgb(165,200,239)
-
#b5d2f2
#b5d2f2
rgb(181,210,242)
-
#c6dcf5
#c6dcf5
rgb(198,220,245)
-
#d7e6f8
#d7e6f8
rgb(215,230,248)
-
#e7f1fb
#e7f1fb
rgb(231,241,251)
-
#f8fbfe
#f8fbfe
rgb(248,251,254)
Tones of #418bdd
A tone is produced by adding gray to any pure hue. In this case, #8f8f8f is the less saturated color, while #278af7 is the most saturated one.
-
#8f8f8f
#8f8f8f
rgb(143,143,143)
-
#868f98
#868f98
rgb(134,143,152)
-
#7d8ea1
#7d8ea1
rgb(125,142,161)
-
#758ea9
#758ea9
rgb(117,142,169)
-
#6c8db2
#6c8db2
rgb(108,141,178)
-
#638dbb
#638dbb
rgb(99,141,187)
-
#5b8cc3
#5b8cc3
rgb(91,140,195)
-
#528ccc
#528ccc
rgb(82,140,204)
-
#4a8bd4
#4a8bd4
rgb(74,139,212)
-
#418bdd
#418bdd
rgb(65,139,221)
-
#388be6
#388be6
rgb(56,139,230)
-
#308aee
#308aee
rgb(48,138,238)
-
#278af7
#278af7
rgb(39,138,247)
Color Blindness Simulator
Below, you can see how #418bdd 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.