#407d8b hex color

In a RGB color space, hex #407d8b is composed of 25.1% red, 49% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 10.1% magenta, 0% yellow and 45.5% black. It has a hue angle of 191.2 degrees, a saturation of 36.9% and a lightness of 39.8%. #407d8b color hex could be obtained by blending #80faff with #000017. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 49
- B 55
RGB color chart
- C 54
- M 10
- Y 0
- K 45
CMYK color chart

● #407d8b color description : Dark moderate cyan.

The hexadecimal color #407d8b has RGB values of R:64, G:125, B:139 and CMYK values of C:0.54, M:0.1, Y:0, K:0.45. Its decimal value is 4226443.

Hex triplet	407d8b	`#407d8b`
RGB Decimal	64, 125, 139	`rgb(64,125,139)`
RGB Percent	25.1, 49, 54.5	`rgb(25.1%,49%,54.5%)`
CMYK	54, 10, 0, 45
HSL	191.2°, 36.9, 39.8	`hsl(191.2,36.9%,39.8%)`
HSV (or HSB)	191.2°, 54, 54.5
Web Safe	336699	`#336699`

CIE-LAB	49.032, -15.583, -13.653
XYZ	14.107, 17.62, 27.082
xyY	0.24, 0.3, 17.62
CIE-LCH	49.032, 20.718, 221.224
CIE-LUV	49.032, -26.101, -17.472
Hunter-Lab	41.977, -13.471, -8.869
Binary	01000000, 01111101, 10001011

#407d8b
```
#407d8b rgb(64,125,139)
```
#8b4e40
```
#8b4e40 rgb(139,78,64)
```

Complementary Color

#408b74
```
#408b74 rgb(64,139,116)
```
#407d8b
```
#407d8b rgb(64,125,139)
```
#40588b
```
#40588b rgb(64,88,139)
```

Analogous Color

#8b7440
```
#8b7440 rgb(139,116,64)
```
#407d8b
```
#407d8b rgb(64,125,139)
```
#8b4058
```
#8b4058 rgb(139,64,88)
```

Split Complementary Color

#7d8b40
```
#7d8b40 rgb(125,139,64)
```
#407d8b
```
#407d8b rgb(64,125,139)
```
#8b407d
```
#8b407d rgb(139,64,125)
```

Triadic Color

#408b4e
```
#408b4e rgb(64,139,78)
```
#407d8b
```
#407d8b rgb(64,125,139)
```
#8b407d
```
#8b407d rgb(139,64,125)
```
#8b4e40
```
#8b4e40 rgb(139,78,64)
```

Tetradic Color

#284e57
```
#284e57 rgb(40,78,87)
```
#305e68
```
#305e68 rgb(48,94,104)
```
#386d7a
```
#386d7a rgb(56,109,122)
```
#407d8b
```
#407d8b rgb(64,125,139)
```
#488d9c
```
#488d9c rgb(72,141,156)
```
#509cae
```
#509cae rgb(80,156,174)
```
#61a6b6
```
#61a6b6 rgb(97,166,182)
```

Monochromatic Color

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

#408b86
```
#408b86 rgb(64,139,134)
```
#408a8b
```
#408a8b rgb(64,138,139)
```
#40838b
```
#40838b rgb(64,131,139)
```
#407d8b
```
#407d8b rgb(64,125,139)
```
#40778b
```
#40778b rgb(64,119,139)
```
#40718b
```
#40718b rgb(64,113,139)
```
#406a8b
```
#406a8b rgb(64,106,139)
```

Similar Colors

Text with hexadecimal color #407d8b

This text has a font color of #407d8b.

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

#407d8b background color

This paragraph has a background color of #407d8b.

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

#407d8b border color

This element has a border color of #407d8b.

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

CSS codes

.text {color:#407d8b;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#081012
```
#081012 rgb(8,16,18)
```
#0f1c20
```
#0f1c20 rgb(15,28,32)
```
#15282d
```
#15282d rgb(21,40,45)
```
#1b353a
```
#1b353a rgb(27,53,58)
```
#214148
```
#214148 rgb(33,65,72)
```
#274d55
```
#274d55 rgb(39,77,85)
```
#2d5963
```
#2d5963 rgb(45,89,99)
```
#346570
```
#346570 rgb(52,101,112)
```
#3a717e
```
#3a717e rgb(58,113,126)
```
#407d8b
```
#407d8b rgb(64,125,139)
```
#468998
```
#468998 rgb(70,137,152)
```
#4c95a6
```
#4c95a6 rgb(76,149,166)
```

Shade Color Variation

#55a0b1
```
#55a0b1 rgb(85,160,177)
```
#63a7b7
```
#63a7b7 rgb(99,167,183)
```
#70afbd
```
#70afbd rgb(112,175,189)
```
#7db6c3
```
#7db6c3 rgb(125,182,195)
```
#8bbeca
```
#8bbeca rgb(139,190,202)
```
#98c5d0
```
#98c5d0 rgb(152,197,208)
```
#a6cdd6
```
#a6cdd6 rgb(166,205,214)
```
#b3d4dc
```
#b3d4dc rgb(179,212,220)
```
#c1dce2
```
#c1dce2 rgb(193,220,226)
```
#cee3e8
```
#cee3e8 rgb(206,227,232)
```
#dbebef
```
#dbebef rgb(219,235,239)
```
#e9f3f5
```
#e9f3f5 rgb(233,243,245)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#5f696c
```
#5f696c rgb(95,105,108)
```
#576e74
```
#576e74 rgb(87,110,116)
```
#50737b
```
#50737b rgb(80,115,123)
```
#487883
```
#487883 rgb(72,120,131)
```
#407d8b
```
#407d8b rgb(64,125,139)
```
#388293
```
#388293 rgb(56,130,147)
```
#30879b
```
#30879b rgb(48,135,155)
```
#298ca2
```
#298ca2 rgb(41,140,162)
```
#2191aa
```
#2191aa rgb(33,145,170)
```
#1995b2
```
#1995b2 rgb(25,149,178)
```
#119aba
```
#119aba rgb(17,154,186)
```
#099fc2
```
#099fc2 rgb(9,159,194)
```
#02a4c9
```
#02a4c9 rgb(2,164,201)
```

Tone Color Variation

Below, you can see how #407d8b 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
#636f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787a8b Protanopia 1% of men
#797994 Deuteranopia 1% of men
#48848d Tritanopia 0.001% of the population

Trichromacy

#647b8b Protanomaly 1% of men, 0.01% of women
#647a91 Deuteranomaly 6% of men, 0.4% of women
#45818c Tritanomaly 0.01% of the population

#407d8b hex color

#407d8b Color Information

#407d8b Color Conversion

Color Schemes with #407d8b

Alternatives to #407d8b

#407d8b Preview

Shades and Tints of #407d8b

Tones of #407d8b

Color Blindness Simulator