#406bcf hex color

In a RGB color space, hex #406bcf is composed of 25.1% red, 42% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 48.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 222 degrees, a saturation of 59.8% and a lightness of 53.1%. #406bcf color hex could be obtained by blending #80d6ff with #00009f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 42
- B 81
RGB color chart
- C 69
- M 48
- Y 0
- K 19
CMYK color chart

● #406bcf color description : Moderate blue.

The hexadecimal color #406bcf has RGB values of R:64, G:107, B:207 and CMYK values of C:0.69, M:0.48, Y:0, K:0.19. Its decimal value is 4221903.

Hex triplet	406bcf	`#406bcf`
RGB Decimal	64, 107, 207	`rgb(64,107,207)`
RGB Percent	25.1, 42, 81.2	`rgb(25.1%,42%,81.2%)`
CMYK	69, 48, 0, 19
HSL	222°, 59.8, 53.1	`hsl(222,59.8%,53.1%)`
HSV (or HSB)	222°, 69.1, 81.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.117, 18.397, -56.191
XYZ	18.632, 16.109, 61.156
xyY	0.194, 0.168, 16.109
CIE-LCH	47.117, 59.126, 288.128
CIE-LUV	47.117, -18.304, -86.737
Hunter-Lab	40.136, 12.625, -62.245
Binary	01000000, 01101011, 11001111

#406bcf
```
#406bcf rgb(64,107,207)
```
#cfa440
```
#cfa440 rgb(207,164,64)
```

Complementary Color

#40b3cf
```
#40b3cf rgb(64,179,207)
```
#406bcf
```
#406bcf rgb(64,107,207)
```
#5d40cf
```
#5d40cf rgb(93,64,207)
```

Analogous Color

#b3cf40
```
#b3cf40 rgb(179,207,64)
```
#406bcf
```
#406bcf rgb(64,107,207)
```
#cf5d40
```
#cf5d40 rgb(207,93,64)
```

Split Complementary Color

#6bcf40
```
#6bcf40 rgb(107,207,64)
```
#406bcf
```
#406bcf rgb(64,107,207)
```
#cf406b
```
#cf406b rgb(207,64,107)
```

Triadic Color

#40cfa4
```
#40cfa4 rgb(64,207,164)
```
#406bcf
```
#406bcf rgb(64,107,207)
```
#cf406b
```
#cf406b rgb(207,64,107)
```
#cfa440
```
#cfa440 rgb(207,164,64)
```

Tetradic Color

#274a9b
```
#274a9b rgb(39,74,155)
```
#2c54b0
```
#2c54b0 rgb(44,84,176)
```
#315dc4
```
#315dc4 rgb(49,93,196)
```
#406bcf
```
#406bcf rgb(64,107,207)
```
#547bd4
```
#547bd4 rgb(84,123,212)
```
#698bd9
```
#698bd9 rgb(105,139,217)
```
#7d9ade
```
#7d9ade rgb(125,154,222)
```

Monochromatic Color

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

#408fcf
```
#408fcf rgb(64,143,207)
```
#4083cf
```
#4083cf rgb(64,131,207)
```
#4077cf
```
#4077cf rgb(64,119,207)
```
#406bcf
```
#406bcf rgb(64,107,207)
```
#405fcf
```
#405fcf rgb(64,95,207)
```
#4053cf
```
#4053cf rgb(64,83,207)
```
#4047cf
```
#4047cf rgb(64,71,207)
```

Similar Colors

Text with hexadecimal color #406bcf

This text has a font color of #406bcf.

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

#406bcf background color

This paragraph has a background color of #406bcf.

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

#406bcf border color

This element has a border color of #406bcf.

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

CSS codes

.text {color:#406bcf;}

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

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

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, #03060d is the darkest color, while #fcfdfe is the lightest one.

#03060d
```
#03060d rgb(3,6,13)
```
#070e1c
```
#070e1c rgb(7,14,28)
```
#0b152c
```
#0b152c rgb(11,21,44)
```
#0f1c3c
```
#0f1c3c rgb(15,28,60)
```
#13244b
```
#13244b rgb(19,36,75)
```
#172b5b
```
#172b5b rgb(23,43,91)
```
#1b336b
```
#1b336b rgb(27,51,107)
```
#1f3a7b
```
#1f3a7b rgb(31,58,123)
```
#23428a
```
#23428a rgb(35,66,138)
```
#27499a
```
#27499a rgb(39,73,154)
```
#2b51aa
```
#2b51aa rgb(43,81,170)
```
#2f58b9
```
#2f58b9 rgb(47,88,185)
```
#3260c9
```
#3260c9 rgb(50,96,201)
```

Shade Color Variation

#406bcf
```
#406bcf rgb(64,107,207)
```
#5077d3
```
#5077d3 rgb(80,119,211)
```
#5f83d7
```
#5f83d7 rgb(95,131,215)
```
#6f8fdb
```
#6f8fdb rgb(111,143,219)
```
#7f9cdf
```
#7f9cdf rgb(127,156,223)
```
#8ea8e3
```
#8ea8e3 rgb(142,168,227)
```
#9eb4e7
```
#9eb4e7 rgb(158,180,231)
```
#aec0eb
```
#aec0eb rgb(174,192,235)
```
#bdccef
```
#bdccef rgb(189,204,239)
```
#cdd8f2
```
#cdd8f2 rgb(205,216,242)
```
#dde4f6
```
#dde4f6 rgb(221,228,246)
```
#ecf1fa
```
#ecf1fa rgb(236,241,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80858f is the less saturated color, while #1259fd is the most saturated one.

#80858f
```
#80858f rgb(128,133,143)
```
#778198
```
#778198 rgb(119,129,152)
```
#6e7da1
```
#6e7da1 rgb(110,125,161)
```
#657aaa
```
#657aaa rgb(101,122,170)
```
#5c76b3
```
#5c76b3 rgb(92,118,179)
```
#5272bd
```
#5272bd rgb(82,114,189)
```
#496fc6
```
#496fc6 rgb(73,111,198)
```
#406bcf
```
#406bcf rgb(64,107,207)
```
#3767d8
```
#3767d8 rgb(55,103,216)
```
#2e64e1
```
#2e64e1 rgb(46,100,225)
```
#2460eb
```
#2460eb rgb(36,96,235)
```
#1b5cf4
```
#1b5cf4 rgb(27,92,244)
```
#1259fd
```
#1259fd rgb(18,89,253)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#626a7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e74d2 Protanopia 1% of men
#0079c9 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#3f70d1 Protanomaly 1% of men, 0.01% of women
#1774cb Deuteranomaly 6% of men, 0.4% of women
#177aa4 Tritanomaly 0.01% of the population

#406bcf hex color

#406bcf Color Information

#406bcf Color Conversion

Color Schemes with #406bcf

Alternatives to #406bcf

#406bcf Preview

Shades and Tints of #406bcf

Tones of #406bcf

Color Blindness Simulator