#407da6 hex color

In a RGB color space, hex #407da6 is composed of 25.1% red, 49% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 24.7% magenta, 0% yellow and 34.9% black. It has a hue angle of 204.1 degrees, a saturation of 44.3% and a lightness of 45.1%. #407da6 color hex could be obtained by blending #80faff with #00004d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 49
- B 65
RGB color chart
- C 61
- M 25
- Y 0
- K 35
CMYK color chart

● #407da6 color description : Dark moderate blue.

The hexadecimal color #407da6 has RGB values of R:64, G:125, B:166 and CMYK values of C:0.61, M:0.25, Y:0, K:0.35. Its decimal value is 4226470.

Hex triplet	407da6	`#407da6`
RGB Decimal	64, 125, 166	`rgb(64,125,166)`
RGB Percent	25.1, 49, 65.1	`rgb(25.1%,49%,65.1%)`
CMYK	61, 25, 0, 35
HSL	204.1°, 44.3, 45.1	`hsl(204.1,44.3%,45.1%)`
HSV (or HSB)	204.1°, 61.4, 65.1
Web Safe	336699	`#336699`

CIE-LAB	50.108, -6.991, -27.797
XYZ	16.329, 18.509, 38.786
xyY	0.222, 0.251, 18.509
CIE-LCH	50.108, 28.662, 255.883
CIE-LUV	50.108, -25.182, -40.621
Hunter-Lab	43.022, -7.539, -23.337
Binary	01000000, 01111101, 10100110

#407da6
```
#407da6 rgb(64,125,166)
```
#a66940
```
#a66940 rgb(166,105,64)
```

Complementary Color

#40a69c
```
#40a69c rgb(64,166,156)
```
#407da6
```
#407da6 rgb(64,125,166)
```
#404aa6
```
#404aa6 rgb(64,74,166)
```

Analogous Color

#a69c40
```
#a69c40 rgb(166,156,64)
```
#407da6
```
#407da6 rgb(64,125,166)
```
#a6404a
```
#a6404a rgb(166,64,74)
```

Split Complementary Color

#7da640
```
#7da640 rgb(125,166,64)
```
#407da6
```
#407da6 rgb(64,125,166)
```
#a6407d
```
#a6407d rgb(166,64,125)
```

Triadic Color

#40a669
```
#40a669 rgb(64,166,105)
```
#407da6
```
#407da6 rgb(64,125,166)
```
#a6407d
```
#a6407d rgb(166,64,125)
```
#a66940
```
#a66940 rgb(166,105,64)
```

Tetradic Color

#2b536f
```
#2b536f rgb(43,83,111)
```
#326181
```
#326181 rgb(50,97,129)
```
#396f94
```
#396f94 rgb(57,111,148)
```
#407da6
```
#407da6 rgb(64,125,166)
```
#478bb8
```
#478bb8 rgb(71,139,184)
```
#5a96bf
```
#5a96bf rgb(90,150,191)
```
#6ca2c6
```
#6ca2c6 rgb(108,162,198)
```

Monochromatic Color

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

#4097a6
```
#4097a6 rgb(64,151,166)
```
#408ea6
```
#408ea6 rgb(64,142,166)
```
#4086a6
```
#4086a6 rgb(64,134,166)
```
#407da6
```
#407da6 rgb(64,125,166)
```
#4075a6
```
#4075a6 rgb(64,117,166)
```
#406ca6
```
#406ca6 rgb(64,108,166)
```
#4064a6
```
#4064a6 rgb(64,100,166)
```

Similar Colors

Text with hexadecimal color #407da6

This text has a font color of #407da6.

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

#407da6 background color

This paragraph has a background color of #407da6.

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

#407da6 border color

This element has a border color of #407da6.

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

CSS codes

.text {color:#407da6;}

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

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

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, #04080a is the darkest color, while #fbfdfe is the lightest one.

#04080a
```
#04080a rgb(4,8,10)
```
#091218
```
#091218 rgb(9,18,24)
```
#0f1d27
```
#0f1d27 rgb(15,29,39)
```
#142835
```
#142835 rgb(20,40,53)
```
#1a3243
```
#1a3243 rgb(26,50,67)
```
#1f3d51
```
#1f3d51 rgb(31,61,81)
```
#25485f
```
#25485f rgb(37,72,95)
```
#2a526d
```
#2a526d rgb(42,82,109)
```
#305d7c
```
#305d7c rgb(48,93,124)
```
#35688a
```
#35688a rgb(53,104,138)
```
#3b7298
```
#3b7298 rgb(59,114,152)
```
#407da6
```
#407da6 rgb(64,125,166)
```
#4588b4
```
#4588b4 rgb(69,136,180)
```

Shade Color Variation

#5191bc
```
#5191bc rgb(81,145,188)
```
#5f9ac1
```
#5f9ac1 rgb(95,154,193)
```
#6ea3c7
```
#6ea3c7 rgb(110,163,199)
```
#7caccc
```
#7caccc rgb(124,172,204)
```
#8ab5d2
```
#8ab5d2 rgb(138,181,210)
```
#98bed7
```
#98bed7 rgb(152,190,215)
```
#a6c7dd
```
#a6c7dd rgb(166,199,221)
```
#b4d0e2
```
#b4d0e2 rgb(180,208,226)
```
#c2d9e8
```
#c2d9e8 rgb(194,217,232)
```
#d1e2ed
```
#d1e2ed rgb(209,226,237)
```
#dfebf3
```
#dfebf3 rgb(223,235,243)
```
#edf4f8
```
#edf4f8 rgb(237,244,248)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c747a is the less saturated color, while #0289e4 is the most saturated one.

#6c747a
```
#6c747a rgb(108,116,122)
```
#637683
```
#637683 rgb(99,118,131)
```
#5b788b
```
#5b788b rgb(91,120,139)
```
#527a94
```
#527a94 rgb(82,122,148)
```
#497b9d
```
#497b9d rgb(73,123,157)
```
#407da6
```
#407da6 rgb(64,125,166)
```
#377faf
```
#377faf rgb(55,127,175)
```
#2e80b8
```
#2e80b8 rgb(46,128,184)
```
#2582c1
```
#2582c1 rgb(37,130,193)
```
#1d84c9
```
#1d84c9 rgb(29,132,201)
```
#1486d2
```
#1486d2 rgb(20,134,210)
```
#0b87db
```
#0b87db rgb(11,135,219)
```
#0289e4
```
#0289e4 rgb(2,137,228)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#66727a Atypical Achromatopsia 0.001% of the population

Dichromacy

#717ca5 Protanopia 1% of men
#6b7dad Deuteranopia 1% of men
#3b8892 Tritanopia 0.001% of the population

Trichromacy

#5f7ca5 Protanomaly 1% of men, 0.01% of women
#5b7daa Deuteranomaly 6% of men, 0.4% of women
#3d8499 Tritanomaly 0.01% of the population

#407da6 hex color

#407da6 Color Information

#407da6 Color Conversion

Color Schemes with #407da6

Alternatives to #407da6

#407da6 Preview

Shades and Tints of #407da6

Tones of #407da6

Color Blindness Simulator