#407b8f hex color

In a RGB color space, hex #407b8f is composed of 25.1% red, 48.2% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 14% magenta, 0% yellow and 43.9% black. It has a hue angle of 195.2 degrees, a saturation of 38.2% and a lightness of 40.6%. #407b8f color hex could be obtained by blending #80f6ff with #00001f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 48
- B 56
RGB color chart
- C 55
- M 14
- Y 0
- K 44
CMYK color chart

● #407b8f color description : Dark moderate blue.

The hexadecimal color #407b8f has RGB values of R:64, G:123, B:143 and CMYK values of C:0.55, M:0.14, Y:0, K:0.44. Its decimal value is 4225935.

Hex triplet	407b8f	`#407b8f`
RGB Decimal	64, 123, 143	`rgb(64,123,143)`
RGB Percent	25.1, 48.2, 56.1	`rgb(25.1%,48.2%,56.1%)`
CMYK	55, 14, 0, 44
HSL	195.2°, 38.2, 40.6	`hsl(195.2,38.2%,40.6%)`
HSV (or HSB)	195.2°, 55.2, 56.1
Web Safe	336699	`#336699`

CIE-LAB	48.559, -13.248, -16.727
XYZ	14.154, 17.238, 28.567
xyY	0.236, 0.288, 17.238
CIE-LCH	48.559, 21.337, 231.621
CIE-LUV	48.559, -25.177, -22.403
Hunter-Lab	41.519, -11.807, -11.731
Binary	01000000, 01111011, 10001111

#407b8f
```
#407b8f rgb(64,123,143)
```
#8f5440
```
#8f5440 rgb(143,84,64)
```

Complementary Color

#408f7c
```
#408f7c rgb(64,143,124)
```
#407b8f
```
#407b8f rgb(64,123,143)
```
#40548f
```
#40548f rgb(64,84,143)
```

Analogous Color

#8f7c40
```
#8f7c40 rgb(143,124,64)
```
#407b8f
```
#407b8f rgb(64,123,143)
```
#8f4054
```
#8f4054 rgb(143,64,84)
```

Split Complementary Color

#7b8f40
```
#7b8f40 rgb(123,143,64)
```
#407b8f
```
#407b8f rgb(64,123,143)
```
#8f407b
```
#8f407b rgb(143,64,123)
```

Triadic Color

#408f54
```
#408f54 rgb(64,143,84)
```
#407b8f
```
#407b8f rgb(64,123,143)
```
#8f407b
```
#8f407b rgb(143,64,123)
```
#8f5440
```
#8f5440 rgb(143,84,64)
```

Tetradic Color

#284e5a
```
#284e5a rgb(40,78,90)
```
#305d6c
```
#305d6c rgb(48,93,108)
```
#386c7d
```
#386c7d rgb(56,108,125)
```
#407b8f
```
#407b8f rgb(64,123,143)
```
#488aa1
```
#488aa1 rgb(72,138,161)
```
#5199b1
```
#5199b1 rgb(81,153,177)
```
#63a3b9
```
#63a3b9 rgb(99,163,185)
```

Monochromatic Color

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

#408f8f
```
#408f8f rgb(64,143,143)
```
#40888f
```
#40888f rgb(64,136,143)
```
#40828f
```
#40828f rgb(64,130,143)
```
#407b8f
```
#407b8f rgb(64,123,143)
```
#40748f
```
#40748f rgb(64,116,143)
```
#406e8f
```
#406e8f rgb(64,110,143)
```
#40678f
```
#40678f rgb(64,103,143)
```

Similar Colors

Text with hexadecimal color #407b8f

This text has a font color of #407b8f.

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

#407b8f background color

This paragraph has a background color of #407b8f.

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

#407b8f border color

This element has a border color of #407b8f.

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

CSS codes

.text {color:#407b8f;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#091215
```
#091215 rgb(9,18,21)
```
#0f1e23
```
#0f1e23 rgb(15,30,35)
```
#162930
```
#162930 rgb(22,41,48)
```
#1c353e
```
#1c353e rgb(28,53,62)
```
#22414b
```
#22414b rgb(34,65,75)
```
#284c59
```
#284c59 rgb(40,76,89)
```
#2e5866
```
#2e5866 rgb(46,88,102)
```
#346474
```
#346474 rgb(52,100,116)
```
#3a6f81
```
#3a6f81 rgb(58,111,129)
```
#407b8f
```
#407b8f rgb(64,123,143)
```
#46879d
```
#46879d rgb(70,135,157)
```
#4c92aa
```
#4c92aa rgb(76,146,170)
```

Shade Color Variation

#569cb4
```
#569cb4 rgb(86,156,180)
```
#64a4ba
```
#64a4ba rgb(100,164,186)
```
#71acc0
```
#71acc0 rgb(113,172,192)
```
#7fb4c6
```
#7fb4c6 rgb(127,180,198)
```
#8dbccc
```
#8dbccc rgb(141,188,204)
```
#9ac4d2
```
#9ac4d2 rgb(154,196,210)
```
#a8ccd8
```
#a8ccd8 rgb(168,204,216)
```
#b5d4de
```
#b5d4de rgb(181,212,222)
```
#c3dce4
```
#c3dce4 rgb(195,220,228)
```
#d0e4ea
```
#d0e4ea rgb(208,228,234)
```
#deecf0
```
#deecf0 rgb(222,236,240)
```
#ebf3f6
```
#ebf3f6 rgb(235,243,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606b6f is the less saturated color, while #009acf is the most saturated one.

#606b6f
```
#606b6f rgb(96,107,111)
```
#586f77
```
#586f77 rgb(88,111,119)
```
#50737f
```
#50737f rgb(80,115,127)
```
#487787
```
#487787 rgb(72,119,135)
```
#407b8f
```
#407b8f rgb(64,123,143)
```
#387f97
```
#387f97 rgb(56,127,151)
```
#30839f
```
#30839f rgb(48,131,159)
```
#2887a7
```
#2887a7 rgb(40,135,167)
```
#208baf
```
#208baf rgb(32,139,175)
```
#188fb7
```
#188fb7 rgb(24,143,183)
```
#1093bf
```
#1093bf rgb(16,147,191)
```
#0897c7
```
#0897c7 rgb(8,151,199)
```
#009acf
```
#009acf rgb(0,154,207)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#636f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#75798f Protanopia 1% of men
#757898 Deuteranopia 1% of men
#46838c Tritanopia 0.001% of the population

Trichromacy

#627a8f Protanomaly 1% of men, 0.01% of women
#627994 Deuteranomaly 6% of men, 0.4% of women
#43808d Tritanomaly 0.01% of the population

#407b8f hex color

#407b8f Color Information

#407b8f Color Conversion

Color Schemes with #407b8f

Alternatives to #407b8f

#407b8f Preview

Shades and Tints of #407b8f

Tones of #407b8f

Color Blindness Simulator