#407dc6 hex color

In a RGB color space, hex #407dc6 is composed of 25.1% red, 49% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 36.9% magenta, 0% yellow and 22.4% black. It has a hue angle of 212.7 degrees, a saturation of 54% and a lightness of 51.4%. #407dc6 color hex could be obtained by blending #80faff with #00008d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 49
- B 78
RGB color chart
- C 68
- M 37
- Y 0
- K 22
CMYK color chart

● #407dc6 color description : Moderate blue.

The hexadecimal color #407dc6 has RGB values of R:64, G:125, B:198 and CMYK values of C:0.68, M:0.37, Y:0, K:0.22. Its decimal value is 4226502.

Hex triplet	407dc6	`#407dc6`
RGB Decimal	64, 125, 198	`rgb(64,125,198)`
RGB Percent	25.1, 49, 77.6	`rgb(25.1%,49%,77.6%)`
CMYK	68, 37, 0, 22
HSL	212.7°, 54, 51.4	`hsl(212.7,54%,51.4%)`
HSV (or HSB)	212.7°, 67.7, 77.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.648, 4.007, -43.812
XYZ	19.639, 19.833, 56.216
xyY	0.205, 0.207, 19.833
CIE-LCH	51.648, 43.995, 275.226
CIE-LUV	51.648, -24.26, -67.742
Hunter-Lab	44.534, 0.78, -43.668
Binary	01000000, 01111101, 11000110

#407dc6
```
#407dc6 rgb(64,125,198)
```
#c68940
```
#c68940 rgb(198,137,64)
```

Complementary Color

#40c0c6
```
#40c0c6 rgb(64,192,198)
```
#407dc6
```
#407dc6 rgb(64,125,198)
```
#4640c6
```
#4640c6 rgb(70,64,198)
```

Analogous Color

#c0c640
```
#c0c640 rgb(192,198,64)
```
#407dc6
```
#407dc6 rgb(64,125,198)
```
#c64640
```
#c64640 rgb(198,70,64)
```

Split Complementary Color

#7dc640
```
#7dc640 rgb(125,198,64)
```
#407dc6
```
#407dc6 rgb(64,125,198)
```
#c6407d
```
#c6407d rgb(198,64,125)
```

Triadic Color

#40c689
```
#40c689 rgb(64,198,137)
```
#407dc6
```
#407dc6 rgb(64,125,198)
```
#c6407d
```
#c6407d rgb(198,64,125)
```
#c68940
```
#c68940 rgb(198,137,64)
```

Tetradic Color

#2b588f
```
#2b588f rgb(43,88,143)
```
#3064a3
```
#3064a3 rgb(48,100,163)
```
#3671b6
```
#3671b6 rgb(54,113,182)
```
#407dc6
```
#407dc6 rgb(64,125,198)
```
#548acc
```
#548acc rgb(84,138,204)
```
#6798d2
```
#6798d2 rgb(103,152,210)
```
#7ba5d8
```
#7ba5d8 rgb(123,165,216)
```

Monochromatic Color

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

#409fc6
```
#409fc6 rgb(64,159,198)
```
#4093c6
```
#4093c6 rgb(64,147,198)
```
#4088c6
```
#4088c6 rgb(64,136,198)
```
#407dc6
```
#407dc6 rgb(64,125,198)
```
#4072c6
```
#4072c6 rgb(64,114,198)
```
#4067c6
```
#4067c6 rgb(64,103,198)
```
#405cc6
```
#405cc6 rgb(64,92,198)
```

Similar Colors

Text with hexadecimal color #407dc6

This text has a font color of #407dc6.

<span style="color:#407dc6;">Text here</span>

#407dc6 background color

This paragraph has a background color of #407dc6.

<p style="background-color:#407dc6;">Content here</p>

#407dc6 border color

This element has a border color of #407dc6.

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

CSS codes

.text {color:#407dc6;}

.background {background-color:#407dc6;}

.border {border:1px solid #407dc6;}

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

#020305
```
#020305 rgb(2,3,5)
```
#060d14
```
#060d14 rgb(6,13,20)
```
#0b1624
```
#0b1624 rgb(11,22,36)
```
#0f1f33
```
#0f1f33 rgb(15,31,51)
```
#142942
```
#142942 rgb(20,41,66)
```
#183251
```
#183251 rgb(24,50,81)
```
#1d3b60
```
#1d3b60 rgb(29,59,96)
```
#21456f
```
#21456f rgb(33,69,111)
```
#264e7e
```
#264e7e rgb(38,78,126)
```
#2a578d
```
#2a578d rgb(42,87,141)
```
#2f619c
```
#2f619c rgb(47,97,156)
```
#336aac
```
#336aac rgb(51,106,172)
```
#3873bb
```
#3873bb rgb(56,115,187)
```

Shade Color Variation

#407dc6
```
#407dc6 rgb(64,125,198)
```
#4f87cb
```
#4f87cb rgb(79,135,203)
```
#5e92cf
```
#5e92cf rgb(94,146,207)
```
#6d9cd4
```
#6d9cd4 rgb(109,156,212)
```
#7ca6d8
```
#7ca6d8 rgb(124,166,216)
```
#8cb0dd
```
#8cb0dd rgb(140,176,221)
```
#9bbbe1
```
#9bbbe1 rgb(155,187,225)
```
#aac5e6
```
#aac5e6 rgb(170,197,230)
```
#b9cfea
```
#b9cfea rgb(185,207,234)
```
#c8daef
```
#c8daef rgb(200,218,239)
```
#d7e4f3
```
#d7e4f3 rgb(215,228,243)
```
#e6eef8
```
#e6eef8 rgb(230,238,248)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838383 is the less saturated color, while #1079f6 is the most saturated one.

#838383
```
#838383 rgb(131,131,131)
```
#79828d
```
#79828d rgb(121,130,141)
```
#708196
```
#708196 rgb(112,129,150)
```
#6680a0
```
#6680a0 rgb(102,128,160)
```
#5d80a9
```
#5d80a9 rgb(93,128,169)
```
#537fb3
```
#537fb3 rgb(83,127,179)
```
#4a7ebc
```
#4a7ebc rgb(74,126,188)
```
#407dc6
```
#407dc6 rgb(64,125,198)
```
#367cd0
```
#367cd0 rgb(54,124,208)
```
#2d7bd9
```
#2d7bd9 rgb(45,123,217)
```
#237ae3
```
#237ae3 rgb(35,122,227)
```
#1a7aec
```
#1a7aec rgb(26,122,236)
```
#1079f6
```
#1079f6 rgb(16,121,246)
```

Tone Color Variation

Below, you can see how #407dc6 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

#737373 Achromatopsia 0.005% of the population
#697584 Atypical Achromatopsia 0.001% of the population

Dichromacy

#657fc5 Protanopia 1% of men
#5282c9 Deuteranopia 1% of men
#178e98 Tritanopia 0.001% of the population

Trichromacy

#577ec5 Protanomaly 1% of men, 0.01% of women
#4b80c8 Deuteranomaly 6% of men, 0.4% of women
#2688a9 Tritanomaly 0.01% of the population

#407dc6 hex color

#407dc6 Color Information

#407dc6 Color Conversion

Color Schemes with #407dc6

Alternatives to #407dc6

#407dc6 Preview

Shades and Tints of #407dc6

Tones of #407dc6

Color Blindness Simulator