#406fdc hex color

In a RGB color space, hex #406fdc is composed of 25.1% red, 43.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 49.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 221.9 degrees, a saturation of 69% and a lightness of 55.7%. #406fdc color hex could be obtained by blending #80deff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 44
- B 86
RGB color chart
- C 71
- M 50
- Y 0
- K 14
CMYK color chart

● #406fdc color description : Bright blue.

The hexadecimal color #406fdc has RGB values of R:64, G:111, B:220 and CMYK values of C:0.71, M:0.5, Y:0, K:0.14. Its decimal value is 4222940.

Hex triplet	406fdc	`#406fdc`
RGB Decimal	64, 111, 220	`rgb(64,111,220)`
RGB Percent	25.1, 43.5, 86.3	`rgb(25.1%,43.5%,86.3%)`
CMYK	71, 50, 0, 14
HSL	221.9°, 69, 55.7	`hsl(221.9,69%,55.7%)`
HSV (or HSB)	221.9°, 70.9, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.038, 20.559, -60.493
XYZ	20.714, 17.625, 70.016
xyY	0.191, 0.163, 17.625
CIE-LCH	49.038, 63.891, 288.77
CIE-LUV	49.038, -19.442, -94.332
Hunter-Lab	41.982, 14.605, -69.495
Binary	01000000, 01101111, 11011100

#406fdc
```
#406fdc rgb(64,111,220)
```
#dcad40
```
#dcad40 rgb(220,173,64)
```

Complementary Color

#40bddc
```
#40bddc rgb(64,189,220)
```
#406fdc
```
#406fdc rgb(64,111,220)
```
#5f40dc
```
#5f40dc rgb(95,64,220)
```

Analogous Color

#bddc40
```
#bddc40 rgb(189,220,64)
```
#406fdc
```
#406fdc rgb(64,111,220)
```
#dc5f40
```
#dc5f40 rgb(220,95,64)
```

Split Complementary Color

#6fdc40
```
#6fdc40 rgb(111,220,64)
```
#406fdc
```
#406fdc rgb(64,111,220)
```
#dc406f
```
#dc406f rgb(220,64,111)
```

Triadic Color

#40dcad
```
#40dcad rgb(64,220,173)
```
#406fdc
```
#406fdc rgb(64,111,220)
```
#dc406f
```
#dc406f rgb(220,64,111)
```
#dcad40
```
#dcad40 rgb(220,173,64)
```

Tetradic Color

#204baf
```
#204baf rgb(32,75,175)
```
#2455c5
```
#2455c5 rgb(36,85,197)
```
#2a5fd8
```
#2a5fd8 rgb(42,95,216)
```
#406fdc
```
#406fdc rgb(64,111,220)
```
#567fe0
```
#567fe0 rgb(86,127,224)
```
#6b8fe4
```
#6b8fe4 rgb(107,143,228)
```
#81a0e8
```
#81a0e8 rgb(129,160,232)
```

Monochromatic Color

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

#4096dc
```
#4096dc rgb(64,150,220)
```
#4089dc
```
#4089dc rgb(64,137,220)
```
#407cdc
```
#407cdc rgb(64,124,220)
```
#406fdc
```
#406fdc rgb(64,111,220)
```
#4062dc
```
#4062dc rgb(64,98,220)
```
#4055dc
```
#4055dc rgb(64,85,220)
```
#4048dc
```
#4048dc rgb(64,72,220)
```

Similar Colors

Text with hexadecimal color #406fdc

This text has a font color of #406fdc.

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

#406fdc background color

This paragraph has a background color of #406fdc.

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

#406fdc border color

This element has a border color of #406fdc.

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

CSS codes

.text {color:#406fdc;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#040b19
```
#040b19 rgb(4,11,25)
```
#081229
```
#081229 rgb(8,18,41)
```
#0b193a
```
#0b193a rgb(11,25,58)
```
#0e204a
```
#0e204a rgb(14,32,74)
```
#11275b
```
#11275b rgb(17,39,91)
```
#142e6b
```
#142e6b rgb(20,46,107)
```
#17357c
```
#17357c rgb(23,53,124)
```
#1a3c8d
```
#1a3c8d rgb(26,60,141)
```
#1d439d
```
#1d439d rgb(29,67,157)
```
#204bae
```
#204bae rgb(32,75,174)
```
#2352be
```
#2352be rgb(35,82,190)
```
#2659cf
```
#2659cf rgb(38,89,207)
```

Shade Color Variation

#2f63d9
```
#2f63d9 rgb(47,99,217)
```
#406fdc
```
#406fdc rgb(64,111,220)
```
#517bdf
```
#517bdf rgb(81,123,223)
```
#6188e2
```
#6188e2 rgb(97,136,226)
```
#7294e5
```
#7294e5 rgb(114,148,229)
```
#82a1e8
```
#82a1e8 rgb(130,161,232)
```
#93adeb
```
#93adeb rgb(147,173,235)
```
#a3baee
```
#a3baee rgb(163,186,238)
```
#b4c6f1
```
#b4c6f1 rgb(180,198,241)
```
#c5d3f4
```
#c5d3f4 rgb(197,211,244)
```
#d5dff7
```
#d5dff7 rgb(213,223,247)
```
#e6ecfa
```
#e6ecfa rgb(230,236,250)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868b96 is the less saturated color, while #1d61ff is the most saturated one.

#868b96
```
#868b96 rgb(134,139,150)
```
#7d879f
```
#7d879f rgb(125,135,159)
```
#7484a8
```
#7484a8 rgb(116,132,168)
```
#6b80b1
```
#6b80b1 rgb(107,128,177)
```
#637db9
```
#637db9 rgb(99,125,185)
```
#5a79c2
```
#5a79c2 rgb(90,121,194)
```
#5176cb
```
#5176cb rgb(81,118,203)
```
#4972d3
```
#4972d3 rgb(73,114,211)
```
#406fdc
```
#406fdc rgb(64,111,220)
```
#376ce5
```
#376ce5 rgb(55,108,229)
```
#2f68ed
```
#2f68ed rgb(47,104,237)
```
#2665f6
```
#2665f6 rgb(38,101,246)
```
#1d61ff
```
#1d61ff rgb(29,97,255)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#646d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3878df Protanopia 1% of men
#007ed0 Deuteranopia 1% of men
#008790 Tritanopia 0.001% of the population

Trichromacy

#3b74de Protanomaly 1% of men, 0.01% of women
#1778d4 Deuteranomaly 6% of men, 0.4% of women
#177eac Tritanomaly 0.01% of the population

#406fdc hex color

#406fdc Color Information

#406fdc Color Conversion

Color Schemes with #406fdc

Alternatives to #406fdc

#406fdc Preview

Shades and Tints of #406fdc

Tones of #406fdc

Color Blindness Simulator