#406bdf hex color

In a RGB color space, hex #406bdf is composed of 25.1% red, 42% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 52% magenta, 0% yellow and 12.5% black. It has a hue angle of 223.8 degrees, a saturation of 71.3% and a lightness of 56.3%. #406bdf color hex could be obtained by blending #80d6ff with #0000bf. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 42
- B 87
RGB color chart
- C 71
- M 52
- Y 0
- K 13
CMYK color chart

● #406bdf color description : Bright blue.

The hexadecimal color #406bdf has RGB values of R:64, G:107, B:223 and CMYK values of C:0.71, M:0.52, Y:0, K:0.13. Its decimal value is 4221919.

Hex triplet	406bdf	`#406bdf`
RGB Decimal	64, 107, 223	`rgb(64,107,223)`
RGB Percent	25.1, 42, 87.5	`rgb(25.1%,42%,87.5%)`
CMYK	71, 52, 0, 13
HSL	223.8°, 71.3, 56.3	`hsl(223.8,71.3%,56.3%)`
HSV (or HSB)	223.8°, 71.3, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.174, 24.158, -63.586
XYZ	20.688, 16.932, 71.986
xyY	0.189, 0.154, 16.932
CIE-LCH	48.174, 68.021, 290.803
CIE-LUV	48.174, -18.267, -98.786
Hunter-Lab	41.148, 17.737, -74.92
Binary	01000000, 01101011, 11011111

#406bdf
```
#406bdf rgb(64,107,223)
```
#dfb440
```
#dfb440 rgb(223,180,64)
```

Complementary Color

#40bbdf
```
#40bbdf rgb(64,187,223)
```
#406bdf
```
#406bdf rgb(64,107,223)
```
#6540df
```
#6540df rgb(101,64,223)
```

Analogous Color

#bbdf40
```
#bbdf40 rgb(187,223,64)
```
#406bdf
```
#406bdf rgb(64,107,223)
```
#df6540
```
#df6540 rgb(223,101,64)
```

Split Complementary Color

#6bdf40
```
#6bdf40 rgb(107,223,64)
```
#406bdf
```
#406bdf rgb(64,107,223)
```
#df406b
```
#df406b rgb(223,64,107)
```

Triadic Color

#40dfb4
```
#40dfb4 rgb(64,223,180)
```
#406bdf
```
#406bdf rgb(64,107,223)
```
#df406b
```
#df406b rgb(223,64,107)
```
#dfb440
```
#dfb440 rgb(223,180,64)
```

Tetradic Color

#1e47b4
```
#1e47b4 rgb(30,71,180)
```
#224fca
```
#224fca rgb(34,79,202)
```
#2a5adb
```
#2a5adb rgb(42,90,219)
```
#406bdf
```
#406bdf rgb(64,107,223)
```
#567ce3
```
#567ce3 rgb(86,124,227)
```
#6c8de6
```
#6c8de6 rgb(108,141,230)
```
#829eea
```
#829eea rgb(130,158,234)
```

Monochromatic Color

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

#4093df
```
#4093df rgb(64,147,223)
```
#4086df
```
#4086df rgb(64,134,223)
```
#4078df
```
#4078df rgb(64,120,223)
```
#406bdf
```
#406bdf rgb(64,107,223)
```
#405edf
```
#405edf rgb(64,94,223)
```
#4051df
```
#4051df rgb(64,81,223)
```
#4043df
```
#4043df rgb(64,67,223)
```

Similar Colors

Text with hexadecimal color #406bdf

This text has a font color of #406bdf.

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

#406bdf background color

This paragraph has a background color of #406bdf.

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

#406bdf border color

This element has a border color of #406bdf.

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

CSS codes

.text {color:#406bdf;}

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

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

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, #02040b is the darkest color, while #f9fafe is the lightest one.

#02040b
```
#02040b rgb(2,4,11)
```
#050b1b
```
#050b1b rgb(5,11,27)
```
#07112c
```
#07112c rgb(7,17,44)
```
#0a183d
```
#0a183d rgb(10,24,61)
```
#0d1f4e
```
#0d1f4e rgb(13,31,78)
```
#10255f
```
#10255f rgb(16,37,95)
```
#132c6f
```
#132c6f rgb(19,44,111)
```
#153280
```
#153280 rgb(21,50,128)
```
#183991
```
#183991 rgb(24,57,145)
```
#1b40a2
```
#1b40a2 rgb(27,64,162)
```
#1e46b3
```
#1e46b3 rgb(30,70,179)
```
#214dc3
```
#214dc3 rgb(33,77,195)
```
#2453d4
```
#2453d4 rgb(36,83,212)
```

Shade Color Variation

#2f5edc
```
#2f5edc rgb(47,94,220)
```
#406bdf
```
#406bdf rgb(64,107,223)
```
#5178e2
```
#5178e2 rgb(81,120,226)
```
#6285e5
```
#6285e5 rgb(98,133,229)
```
#7292e7
```
#7292e7 rgb(114,146,231)
```
#839fea
```
#839fea rgb(131,159,234)
```
#94aced
```
#94aced rgb(148,172,237)
```
#a5b9f0
```
#a5b9f0 rgb(165,185,240)
```
#b6c6f3
```
#b6c6f3 rgb(182,198,243)
```
#c6d3f6
```
#c6d3f6 rgb(198,211,246)
```
#d7e0f8
```
#d7e0f8 rgb(215,224,248)
```
#e8edfb
```
#e8edfb rgb(232,237,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8e92 is the less saturated color, while #265ff9 is the most saturated one.

#8d8e92
```
#8d8e92 rgb(141,142,146)
```
#858b9a
```
#858b9a rgb(133,139,154)
```
#7c87a3
```
#7c87a3 rgb(124,135,163)
```
#7383ac
```
#7383ac rgb(115,131,172)
```
#6b7fb4
```
#6b7fb4 rgb(107,127,180)
```
#627bbd
```
#627bbd rgb(98,123,189)
```
#5a77c5
```
#5a77c5 rgb(90,119,197)
```
#5173ce
```
#5173ce rgb(81,115,206)
```
#496fd6
```
#496fd6 rgb(73,111,214)
```
#406bdf
```
#406bdf rgb(64,107,223)
```
#3767e8
```
#3767e8 rgb(55,103,232)
```
#2f63f0
```
#2f63f0 rgb(47,99,240)
```
#265ff9
```
#265ff9 rgb(38,95,249)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#626b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2375e3 Protanopia 1% of men
#007ccb Deuteranopia 1% of men
#00858e Tritanopia 0.001% of the population

Trichromacy

#2d71e2 Protanomaly 1% of men, 0.01% of women
#1775d2 Deuteranomaly 6% of men, 0.4% of women
#177bab Tritanomaly 0.01% of the population

#406bdf hex color

#406bdf Color Information

#406bdf Color Conversion

Color Schemes with #406bdf

Alternatives to #406bdf

#406bdf Preview

Shades and Tints of #406bdf

Tones of #406bdf

Color Blindness Simulator