#407086 hex color

In a RGB color space, hex #407086 is composed of 25.1% red, 43.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 16.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 198.9 degrees, a saturation of 35.4% and a lightness of 38.8%. #407086 color hex could be obtained by blending #80e0ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 44
- B 53
RGB color chart
- C 52
- M 16
- Y 0
- K 47
CMYK color chart

● #407086 color description : Dark moderate blue.

The hexadecimal color #407086 has RGB values of R:64, G:112, B:134 and CMYK values of C:0.52, M:0.16, Y:0, K:0.47. Its decimal value is 4223110.

Hex triplet	407086	`#407086`
RGB Decimal	64, 112, 134	`rgb(64,112,134)`
RGB Percent	25.1, 43.9, 52.5	`rgb(25.1%,43.9%,52.5%)`
CMYK	52, 16, 0, 47
HSL	198.9°, 35.4, 38.8	`hsl(198.9,35.4%,38.8%)`
HSV (or HSB)	198.9°, 52.2, 52.5
Web Safe	336699	`#336699`

CIE-LAB	44.8, -9.776, -17.131
XYZ	12.211, 14.399, 24.689
xyY	0.238, 0.281, 14.399
CIE-LCH	44.8, 19.724, 240.289
CIE-LUV	44.8, -21.112, -23.063
Hunter-Lab	37.946, -8.966, -12.014
Binary	01000000, 01110000, 10000110

#407086
```
#407086 rgb(64,112,134)
```
#865640
```
#865640 rgb(134,86,64)
```

Complementary Color

#408679
```
#408679 rgb(64,134,121)
```
#407086
```
#407086 rgb(64,112,134)
```
#404d86
```
#404d86 rgb(64,77,134)
```

Analogous Color

#867940
```
#867940 rgb(134,121,64)
```
#407086
```
#407086 rgb(64,112,134)
```
#86404d
```
#86404d rgb(134,64,77)
```

Split Complementary Color

#708640
```
#708640 rgb(112,134,64)
```
#407086
```
#407086 rgb(64,112,134)
```
#864070
```
#864070 rgb(134,64,112)
```

Triadic Color

#408656
```
#408656 rgb(64,134,86)
```
#407086
```
#407086 rgb(64,112,134)
```
#864070
```
#864070 rgb(134,64,112)
```
#865640
```
#865640 rgb(134,86,64)
```

Tetradic Color

#274552
```
#274552 rgb(39,69,82)
```
#305363
```
#305363 rgb(48,83,99)
```
#386275
```
#386275 rgb(56,98,117)
```
#407086
```
#407086 rgb(64,112,134)
```
#487e97
```
#487e97 rgb(72,126,151)
```
#508da9
```
#508da9 rgb(80,141,169)
```
#6099b3
```
#6099b3 rgb(96,153,179)
```

Monochromatic Color

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

#408286
```
#408286 rgb(64,130,134)
```
#407c86
```
#407c86 rgb(64,124,134)
```
#407686
```
#407686 rgb(64,118,134)
```
#407086
```
#407086 rgb(64,112,134)
```
#406a86
```
#406a86 rgb(64,106,134)
```
#406486
```
#406486 rgb(64,100,134)
```
#405f86
```
#405f86 rgb(64,95,134)
```

Similar Colors

Text with hexadecimal color #407086

This text has a font color of #407086.

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

#407086 background color

This paragraph has a background color of #407086.

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

#407086 border color

This element has a border color of #407086.

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

CSS codes

.text {color:#407086;}

.background {background-color:#407086;}

.border {border:1px solid #407086;}

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

#010101
```
#010101 rgb(1,1,1)
```
#070c0f
```
#070c0f rgb(7,12,15)
```
#0d171c
```
#0d171c rgb(13,23,28)
```
#142229
```
#142229 rgb(20,34,41)
```
#1a2d36
```
#1a2d36 rgb(26,45,54)
```
#203944
```
#203944 rgb(32,57,68)
```
#274451
```
#274451 rgb(39,68,81)
```
#2d4f5e
```
#2d4f5e rgb(45,79,94)
```
#335a6b
```
#335a6b rgb(51,90,107)
```
#3a6579
```
#3a6579 rgb(58,101,121)
```
#407086
```
#407086 rgb(64,112,134)
```
#467b93
```
#467b93 rgb(70,123,147)
```
#4d86a1
```
#4d86a1 rgb(77,134,161)
```

Shade Color Variation

#5491ad
```
#5491ad rgb(84,145,173)
```
#619ab4
```
#619ab4 rgb(97,154,180)
```
#6ea2ba
```
#6ea2ba rgb(110,162,186)
```
#7babc0
```
#7babc0 rgb(123,171,192)
```
#89b3c7
```
#89b3c7 rgb(137,179,199)
```
#96bccd
```
#96bccd rgb(150,188,205)
```
#a3c4d3
```
#a3c4d3 rgb(163,196,211)
```
#b1cdda
```
#b1cdda rgb(177,205,218)
```
#bed5e0
```
#bed5e0 rgb(190,213,224)
```
#cbdee6
```
#cbdee6 rgb(203,222,230)
```
#d8e6ed
```
#d8e6ed rgb(216,230,237)
```
#e6eff3
```
#e6eff3 rgb(230,239,243)
```
#f3f7f9
```
#f3f7f9 rgb(243,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6568 is the less saturated color, while #0387c3 is the most saturated one.

#5e6568
```
#5e6568 rgb(94,101,104)
```
#57686f
```
#57686f rgb(87,104,111)
```
#4f6a77
```
#4f6a77 rgb(79,106,119)
```
#486d7e
```
#486d7e rgb(72,109,126)
```
#407086
```
#407086 rgb(64,112,134)
```
#38738e
```
#38738e rgb(56,115,142)
```
#317695
```
#317695 rgb(49,118,149)
```
#29789d
```
#29789d rgb(41,120,157)
```
#227ba4
```
#227ba4 rgb(34,123,164)
```
#1a7eac
```
#1a7eac rgb(26,126,172)
```
#1281b4
```
#1281b4 rgb(18,129,180)
```
#0b84bb
```
#0b84bb rgb(11,132,187)
```
#0387c3
```
#0387c3 rgb(3,135,195)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5d666b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7088 Protanopia 1% of men
#6b6f8f Deuteranopia 1% of men
#457982 Tritanopia 0.001% of the population

Trichromacy

#5c7087 Protanomaly 1% of men, 0.01% of women
#5b6f8b Deuteranomaly 6% of men, 0.4% of women
#437583 Tritanomaly 0.01% of the population

#407086 hex color

#407086 Color Information

#407086 Color Conversion

Color Schemes with #407086

Alternatives to #407086

#407086 Preview

Shades and Tints of #407086

Tones of #407086

Color Blindness Simulator