#406bfd hex color

In a RGB color space, hex #406bfd is composed of 25.1% red, 42% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 57.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 226.3 degrees, a saturation of 97.9% and a lightness of 62.2%. #406bfd color hex could be obtained by blending #80d6ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 42
- B 99
RGB color chart
- C 75
- M 58
- Y 0
- K 1
CMYK color chart

● #406bfd color description : Bright blue.

The hexadecimal color #406bfd has RGB values of R:64, G:107, B:253 and CMYK values of C:0.75, M:0.58, Y:0, K:0.01. Its decimal value is 4221949.

Hex triplet	406bfd	`#406bfd`
RGB Decimal	64, 107, 253	`rgb(64,107,253)`
RGB Percent	25.1, 42, 99.2	`rgb(25.1%,42%,99.2%)`
CMYK	75, 58, 0, 1
HSL	226.3°, 97.9, 62.2	`hsl(226.3,97.9%,62.2%)`
HSV (or HSB)	226.3°, 74.7, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.329, 34.876, -76.89
XYZ	25.098, 18.695, 95.209
xyY	0.181, 0.134, 18.695
CIE-LCH	50.329, 84.43, 294.398
CIE-LUV	50.329, -18.331, -120.197
Hunter-Lab	43.238, 27.945, -100.287
Binary	01000000, 01101011, 11111101

#406bfd
```
#406bfd rgb(64,107,253)
```
#fdd240
```
#fdd240 rgb(253,210,64)
```

Complementary Color

#40cafd
```
#40cafd rgb(64,202,253)
```
#406bfd
```
#406bfd rgb(64,107,253)
```
#7440fd
```
#7440fd rgb(116,64,253)
```

Analogous Color

#cafd40
```
#cafd40 rgb(202,253,64)
```
#406bfd
```
#406bfd rgb(64,107,253)
```
#fd7440
```
#fd7440 rgb(253,116,64)
```

Split Complementary Color

#6bfd40
```
#6bfd40 rgb(107,253,64)
```
#406bfd
```
#406bfd rgb(64,107,253)
```
#fd406b
```
#fd406b rgb(253,64,107)
```

Triadic Color

#40fdd2
```
#40fdd2 rgb(64,253,210)
```
#406bfd
```
#406bfd rgb(64,107,253)
```
#fd406b
```
#fd406b rgb(253,64,107)
```
#fdd240
```
#fdd240 rgb(253,210,64)
```

Tetradic Color

#0238ee
```
#0238ee rgb(2,56,238)
```
#0e44fc
```
#0e44fc rgb(14,68,252)
```
#2757fd
```
#2757fd rgb(39,87,253)
```
#406bfd
```
#406bfd rgb(64,107,253)
```
#597ffd
```
#597ffd rgb(89,127,253)
```
#7292fe
```
#7292fe rgb(114,146,254)
```
#8ca6fe
```
#8ca6fe rgb(140,166,254)
```

Monochromatic Color

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

#409afd
```
#409afd rgb(64,154,253)
```
#408bfd
```
#408bfd rgb(64,139,253)
```
#407bfd
```
#407bfd rgb(64,123,253)
```
#406bfd
```
#406bfd rgb(64,107,253)
```
#405bfd
```
#405bfd rgb(64,91,253)
```
#404cfd
```
#404cfd rgb(64,76,253)
```
#4440fd
```
#4440fd rgb(68,64,253)
```

Similar Colors

Text with hexadecimal color #406bfd

This text has a font color of #406bfd.

<span style="color:#406bfd;">Text here</span>

#406bfd background color

This paragraph has a background color of #406bfd.

<p style="background-color:#406bfd;">Content here</p>

#406bfd border color

This element has a border color of #406bfd.

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

CSS codes

.text {color:#406bfd;}

.background {background-color:#406bfd;}

.border {border:1px solid #406bfd;}

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

#000103
```
#000103 rgb(0,1,3)
```
#000517
```
#000517 rgb(0,5,23)
```
#000a2a
```
#000a2a rgb(0,10,42)
```
#010e3d
```
#010e3d rgb(1,14,61)
```
#011351
```
#011351 rgb(1,19,81)
```
#011864
```
#011864 rgb(1,24,100)
```
#011c78
```
#011c78 rgb(1,28,120)
```
#01218b
```
#01218b rgb(1,33,139)
```
#02259e
```
#02259e rgb(2,37,158)
```
#022ab2
```
#022ab2 rgb(2,42,178)
```
#022ec5
```
#022ec5 rgb(2,46,197)
```
#0233d9
```
#0233d9 rgb(2,51,217)
```
#0238ec
```
#0238ec rgb(2,56,236)
```

Shade Color Variation

#063efc
```
#063efc rgb(6,62,252)
```
#194dfd
```
#194dfd rgb(25,77,253)
```
#2d5cfd
```
#2d5cfd rgb(45,92,253)
```
#406bfd
```
#406bfd rgb(64,107,253)
```
#537afd
```
#537afd rgb(83,122,253)
```
#6789fd
```
#6789fd rgb(103,137,253)
```
#7a98fe
```
#7a98fe rgb(122,152,254)
```
#8ea7fe
```
#8ea7fe rgb(142,167,254)
```
#a1b6fe
```
#a1b6fe rgb(161,182,254)
```
#b4c5fe
```
#b4c5fe rgb(180,197,254)
```
#c8d4fe
```
#c8d4fe rgb(200,212,254)
```
#dbe3ff
```
#dbe3ff rgb(219,227,255)
```
#eff2ff
```
#eff2ff rgb(239,242,255)
```

Tint Color Variation

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

#999ca4
```
#999ca4 rgb(153,156,164)
```
#9297ab
```
#9297ab rgb(146,151,171)
```
#8a93b3
```
#8a93b3 rgb(138,147,179)
```
#838fba
```
#838fba rgb(131,143,186)
```
#7b8bc2
```
#7b8bc2 rgb(123,139,194)
```
#7487c9
```
#7487c9 rgb(116,135,201)
```
#6d83d0
```
#6d83d0 rgb(109,131,208)
```
#657fd8
```
#657fd8 rgb(101,127,216)
```
#5e7bdf
```
#5e7bdf rgb(94,123,223)
```
#5677e7
```
#5677e7 rgb(86,119,231)
```
#4f73ee
```
#4f73ee rgb(79,115,238)
```
#476ff6
```
#476ff6 rgb(71,111,246)
```
#406bfd
```
#406bfd rgb(64,107,253)
```

Tone Color Variation

Below, you can see how #406bfd 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

#6f6f6f Achromatopsia 0.005% of the population
#666e8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d2 Deuteranopia 1% of men
#008b93 Tritanopia 0.001% of the population

Trichromacy

#1775f5 Protanomaly 1% of men, 0.01% of women
#1779e1 Deuteranomaly 6% of men, 0.4% of women
#177fb9 Tritanomaly 0.01% of the population

#406bfd hex color

#406bfd Color Information

#406bfd Color Conversion

Color Schemes with #406bfd

Alternatives to #406bfd

#406bfd Preview

Shades and Tints of #406bfd

Tones of #406bfd

Color Blindness Simulator