#406dfb hex color

In a RGB color space, hex #406dfb is composed of 25.1% red, 42.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 56.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 225.6 degrees, a saturation of 95.9% and a lightness of 61.8%. #406dfb color hex could be obtained by blending #80daff with #0000f7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 43
- B 98
RGB color chart
- C 75
- M 57
- Y 0
- K 2
CMYK color chart

● #406dfb color description : Bright blue.

The hexadecimal color #406dfb has RGB values of R:64, G:109, B:251 and CMYK values of C:0.75, M:0.57, Y:0, K:0.02. Its decimal value is 4222459.

Hex triplet	406dfb	`#406dfb`
RGB Decimal	64, 109, 251	`rgb(64,109,251)`
RGB Percent	25.1, 42.7, 98.4	`rgb(25.1%,42.7%,98.4%)`
CMYK	75, 57, 0, 2
HSL	225.6°, 95.9, 61.8	`hsl(225.6,95.9%,61.8%)`
HSV (or HSB)	225.6°, 74.5, 98.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.676, 32.927, -75.215
XYZ	24.992, 18.991, 93.61
xyY	0.182, 0.138, 18.991
CIE-LCH	50.676, 82.107, 293.643
CIE-LUV	50.676, -18.84, -117.912
Hunter-Lab	43.578, 26.107, -96.856
Binary	01000000, 01101101, 11111011

#406dfb
```
#406dfb rgb(64,109,251)
```
#fbce40
```
#fbce40 rgb(251,206,64)
```

Complementary Color

#40cbfb
```
#40cbfb rgb(64,203,251)
```
#406dfb
```
#406dfb rgb(64,109,251)
```
#7140fb
```
#7140fb rgb(113,64,251)
```

Analogous Color

#cbfb40
```
#cbfb40 rgb(203,251,64)
```
#406dfb
```
#406dfb rgb(64,109,251)
```
#fb7140
```
#fb7140 rgb(251,113,64)
```

Split Complementary Color

#6dfb40
```
#6dfb40 rgb(109,251,64)
```
#406dfb
```
#406dfb rgb(64,109,251)
```
#fb406d
```
#fb406d rgb(251,64,109)
```

Triadic Color

#40fbce
```
#40fbce rgb(64,251,206)
```
#406dfb
```
#406dfb rgb(64,109,251)
```
#fb406d
```
#fb406d rgb(251,64,109)
```
#fbce40
```
#fbce40 rgb(251,206,64)
```

Tetradic Color

#053cea
```
#053cea rgb(5,60,234)
```
#0e47fa
```
#0e47fa rgb(14,71,250)
```
#275afa
```
#275afa rgb(39,90,250)
```
#406dfb
```
#406dfb rgb(64,109,251)
```
#5980fc
```
#5980fc rgb(89,128,252)
```
#7293fc
```
#7293fc rgb(114,147,252)
```
#8ba6fd
```
#8ba6fd rgb(139,166,253)
```

Monochromatic Color

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

#409cfb
```
#409cfb rgb(64,156,251)
```
#408cfb
```
#408cfb rgb(64,140,251)
```
#407dfb
```
#407dfb rgb(64,125,251)
```
#406dfb
```
#406dfb rgb(64,109,251)
```
#405dfb
```
#405dfb rgb(64,93,251)
```
#404efb
```
#404efb rgb(64,78,251)
```
#4240fb
```
#4240fb rgb(66,64,251)
```

Similar Colors

Text with hexadecimal color #406dfb

This text has a font color of #406dfb.

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

#406dfb background color

This paragraph has a background color of #406dfb.

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

#406dfb border color

This element has a border color of #406dfb.

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

CSS codes

.text {color:#406dfb;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000514
```
#000514 rgb(0,5,20)
```
#010a28
```
#010a28 rgb(1,10,40)
```
#010f3b
```
#010f3b rgb(1,15,59)
```
#02144e
```
#02144e rgb(2,20,78)
```
#021961
```
#021961 rgb(2,25,97)
```
#021e74
```
#021e74 rgb(2,30,116)
```
#032388
```
#032388 rgb(3,35,136)
```
#03289b
```
#03289b rgb(3,40,155)
```
#042dae
```
#042dae rgb(4,45,174)
```
#0432c1
```
#0432c1 rgb(4,50,193)
```
#0437d4
```
#0437d4 rgb(4,55,212)
```
#053be8
```
#053be8 rgb(5,59,232)
```

Shade Color Variation

#0641fa
```
#0641fa rgb(6,65,250)
```
#1a50fa
```
#1a50fa rgb(26,80,250)
```
#2d5efb
```
#2d5efb rgb(45,94,251)
```
#406dfb
```
#406dfb rgb(64,109,251)
```
#537cfb
```
#537cfb rgb(83,124,251)
```
#668afc
```
#668afc rgb(102,138,252)
```
#7a99fc
```
#7a99fc rgb(122,153,252)
```
#8da8fd
```
#8da8fd rgb(141,168,253)
```
#a0b6fd
```
#a0b6fd rgb(160,182,253)
```
#b3c5fd
```
#b3c5fd rgb(179,197,253)
```
#c6d4fe
```
#c6d4fe rgb(198,212,254)
```
#dae2fe
```
#dae2fe rgb(218,226,254)
```
#edf1ff
```
#edf1ff rgb(237,241,255)
```

Tint Color Variation

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

#9a9ca1
```
#9a9ca1 rgb(154,156,161)
```
#9398a9
```
#9398a9 rgb(147,152,169)
```
#8b94b0
```
#8b94b0 rgb(139,148,176)
```
#8490b8
```
#8490b8 rgb(132,144,184)
```
#7c8cbf
```
#7c8cbf rgb(124,140,191)
```
#7588c7
```
#7588c7 rgb(117,136,199)
```
#6d84ce
```
#6d84ce rgb(109,132,206)
```
#6680d6
```
#6680d6 rgb(102,128,214)
```
#5e7ddd
```
#5e7ddd rgb(94,125,221)
```
#5779e5
```
#5779e5 rgb(87,121,229)
```
#4f75ec
```
#4f75ec rgb(79,117,236)
```
#4871f4
```
#4871f4 rgb(72,113,244)
```
#406dfb
```
#406dfb rgb(64,109,251)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#666f8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#0082d4 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#1776f5 Protanomaly 1% of men, 0.01% of women
#177ae2 Deuteranomaly 6% of men, 0.4% of women
#1780b9 Tritanomaly 0.01% of the population

#406dfb hex color

#406dfb Color Information

#406dfb Color Conversion

Color Schemes with #406dfb

Alternatives to #406dfb

#406dfb Preview

Shades and Tints of #406dfb

Tones of #406dfb

Color Blindness Simulator