colorhexa.com

#406cc5 hex color

In a RGB color space, hex #406cc5 is composed of 25.1% red, 42.4% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 45.2% magenta, 0% yellow and 22.7% black. It has a hue angle of 220.2 degrees, a saturation of 53.4% and a lightness of 51.2%. #406cc5 color hex could be obtained by blending #80d8ff with #00008b. Closest websafe color is: #3366cc.

- R 25
- G 42
- B 77
RGB color chart
- C 68
- M 45
- Y 0
- K 23
CMYK color chart

● #406cc5 color description : Moderate blue.

The hexadecimal color #406cc5 has RGB values of R:64, G:108, B:197 and CMYK values of C:0.68, M:0.45, Y:0, K:0.23. Its decimal value is 4222149.

Hex triplet	406cc5	`#406cc5`
RGB Decimal	64, 108, 197	`rgb(64,108,197)`
RGB Percent	25.1, 42.4, 77.3	`rgb(25.1%,42.4%,77.3%)`
CMYK	68, 45, 0, 23
HSL	220.2°, 53.4, 51.2	`hsl(220.2,53.4%,51.2%)`
HSV (or HSB)	220.2°, 67.5, 77.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.771, 14.17, -51.011
XYZ	17.553, 15.845, 54.954
xyY	0.199, 0.179, 15.845
CIE-LCH	46.771, 52.943, 285.525
CIE-LUV	46.771, -18.671, -78.356
Hunter-Lab	39.806, 9.05, -53.988
Binary	01000000, 01101100, 11000101

#406cc5
```
#406cc5 rgb(64,108,197)
```
#c59940
```
#c59940 rgb(197,153,64)
```

Complementary Color

#40afc5
```
#40afc5 rgb(64,175,197)
```
#406cc5
```
#406cc5 rgb(64,108,197)
```
#5740c5
```
#5740c5 rgb(87,64,197)
```

Analogous Color

#afc540
```
#afc540 rgb(175,197,64)
```
#406cc5
```
#406cc5 rgb(64,108,197)
```
#c55740
```
#c55740 rgb(197,87,64)
```

Split Complementary Color

#6cc540
```
#6cc540 rgb(108,197,64)
```
#406cc5
```
#406cc5 rgb(64,108,197)
```
#c5406c
```
#c5406c rgb(197,64,108)
```

Triadic Color

#40c599
```
#40c599 rgb(64,197,153)
```
#406cc5
```
#406cc5 rgb(64,108,197)
```
#c5406c
```
#c5406c rgb(197,64,108)
```
#c59940
```
#c59940 rgb(197,153,64)
```

Tetradic Color

#2b4c8e
```
#2b4c8e rgb(43,76,142)
```
#3156a1
```
#3156a1 rgb(49,86,161)
```
#3760b5
```
#3760b5 rgb(55,96,181)
```
#406cc5
```
#406cc5 rgb(64,108,197)
```
#547bcb
```
#547bcb rgb(84,123,203)
```
#678ad1
```
#678ad1 rgb(103,138,209)
```
#7b99d7
```
#7b99d7 rgb(123,153,215)
```

Monochromatic Color

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

#408dc5
```
#408dc5 rgb(64,141,197)
```
#4082c5
```
#4082c5 rgb(64,130,197)
```
#4077c5
```
#4077c5 rgb(64,119,197)
```
#406cc5
```
#406cc5 rgb(64,108,197)
```
#4061c5
```
#4061c5 rgb(64,97,197)
```
#4056c5
```
#4056c5 rgb(64,86,197)
```
#404bc5
```
#404bc5 rgb(64,75,197)
```

Similar Colors

Text with hexadecimal color #406cc5

This text has a font color of #406cc5.

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

#406cc5 background color

This paragraph has a background color of #406cc5.

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

#406cc5 border color

This element has a border color of #406cc5.

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

CSS codes

.text {color:#406cc5;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#060a14
```
#060a14 rgb(6,10,20)
```
#0b1323
```
#0b1323 rgb(11,19,35)
```
#0f1b32
```
#0f1b32 rgb(15,27,50)
```
#142341
```
#142341 rgb(20,35,65)
```
#182b50
```
#182b50 rgb(24,43,80)
```
#1d335f
```
#1d335f rgb(29,51,95)
```
#213b6e
```
#213b6e rgb(33,59,110)
```
#26437d
```
#26437d rgb(38,67,125)
```
#2b4b8c
```
#2b4b8c rgb(43,75,140)
```
#2f539b
```
#2f539b rgb(47,83,155)
```
#345baa
```
#345baa rgb(52,91,170)
```
#3863b9
```
#3863b9 rgb(56,99,185)
```

Shade Color Variation

#406cc5
```
#406cc5 rgb(64,108,197)
```
#4f78ca
```
#4f78ca rgb(79,120,202)
```
#5e83ce
```
#5e83ce rgb(94,131,206)
```
#6d8fd3
```
#6d8fd3 rgb(109,143,211)
```
#7c9ad7
```
#7c9ad7 rgb(124,154,215)
```
#8ba6dc
```
#8ba6dc rgb(139,166,220)
```
#9ab1e0
```
#9ab1e0 rgb(154,177,224)
```
#a9bde5
```
#a9bde5 rgb(169,189,229)
```
#b8c9ea
```
#b8c9ea rgb(184,201,234)
```
#c7d4ee
```
#c7d4ee rgb(199,212,238)
```
#d6e0f3
```
#d6e0f3 rgb(214,224,243)
```
#e6ebf7
```
#e6ebf7 rgb(230,235,247)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797f8c is the less saturated color, while #0759fe is the most saturated one.

#797f8c
```
#797f8c rgb(121,127,140)
```
#707c95
```
#707c95 rgb(112,124,149)
```
#66799f
```
#66799f rgb(102,121,159)
```
#5d76a8
```
#5d76a8 rgb(93,118,168)
```
#5372b2
```
#5372b2 rgb(83,114,178)
```
#4a6fbb
```
#4a6fbb rgb(74,111,187)
```
#406cc5
```
#406cc5 rgb(64,108,197)
```
#3669cf
```
#3669cf rgb(54,105,207)
```
#2d66d8
```
#2d66d8 rgb(45,102,216)
```
#2362e2
```
#2362e2 rgb(35,98,226)
```
#1a5feb
```
#1a5feb rgb(26,95,235)
```
#105cf5
```
#105cf5 rgb(16,92,245)
```
#0759fe
```
#0759fe rgb(7,89,254)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#616a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a73c7 Protanopia 1% of men
#2378c6 Deuteranopia 1% of men
#00818b Tritanopia 0.001% of the population

Trichromacy

#4670c6 Protanomaly 1% of men, 0.01% of women
#2d73c5 Deuteranomaly 6% of men, 0.4% of women
#1779a0 Tritanomaly 0.01% of the population