#407b99 hex color

In a RGB color space, hex #407b99 is composed of 25.1% red, 48.2% green and 60% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 19.6% magenta, 0% yellow and 40% black. It has a hue angle of 200.2 degrees, a saturation of 41% and a lightness of 42.5%. #407b99 color hex could be obtained by blending #80f6ff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 48
- B 60
RGB color chart
- C 58
- M 20
- Y 0
- K 40
CMYK color chart

● #407b99 color description : Dark moderate blue.

The hexadecimal color #407b99 has RGB values of R:64, G:123, B:153 and CMYK values of C:0.58, M:0.2, Y:0, K:0.4. Its decimal value is 4225945.

Hex triplet	407b99	`#407b99`
RGB Decimal	64, 123, 153	`rgb(64,123,153)`
RGB Percent	25.1, 48.2, 60	`rgb(25.1%,48.2%,60%)`
CMYK	58, 20, 0, 40
HSL	200.2°, 41, 42.5	`hsl(200.2,41%,42.5%)`
HSV (or HSB)	200.2°, 58.2, 60
Web Safe	336699	`#336699`

CIE-LAB	48.952, -10.089, -21.998
XYZ	14.946, 17.555, 32.736
xyY	0.229, 0.269, 17.555
CIE-LCH	48.952, 24.202, 245.362
CIE-LUV	48.952, -24.847, -30.974
Hunter-Lab	41.898, -9.649, -16.995
Binary	01000000, 01111011, 10011001

#407b99
```
#407b99 rgb(64,123,153)
```
#995e40
```
#995e40 rgb(153,94,64)
```

Complementary Color

#40998b
```
#40998b rgb(64,153,139)
```
#407b99
```
#407b99 rgb(64,123,153)
```
#404f99
```
#404f99 rgb(64,79,153)
```

Analogous Color

#998b40
```
#998b40 rgb(153,139,64)
```
#407b99
```
#407b99 rgb(64,123,153)
```
#99404e
```
#99404e rgb(153,64,78)
```

Split Complementary Color

#7b9940
```
#7b9940 rgb(123,153,64)
```
#407b99
```
#407b99 rgb(64,123,153)
```
#99407b
```
#99407b rgb(153,64,123)
```

Triadic Color

#40995e
```
#40995e rgb(64,153,94)
```
#407b99
```
#407b99 rgb(64,123,153)
```
#99407b
```
#99407b rgb(153,64,123)
```
#995e40
```
#995e40 rgb(153,94,64)
```

Tetradic Color

#295063
```
#295063 rgb(41,80,99)
```
#315e75
```
#315e75 rgb(49,94,117)
```
#386d87
```
#386d87 rgb(56,109,135)
```
#407b99
```
#407b99 rgb(64,123,153)
```
#4889ab
```
#4889ab rgb(72,137,171)
```
#5496b8
```
#5496b8 rgb(84,150,184)
```
#66a1bf
```
#66a1bf rgb(102,161,191)
```

Monochromatic Color

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

#409199
```
#409199 rgb(64,145,153)
```
#408a99
```
#408a99 rgb(64,138,153)
```
#408299
```
#408299 rgb(64,130,153)
```
#407b99
```
#407b99 rgb(64,123,153)
```
#407499
```
#407499 rgb(64,116,153)
```
#406c99
```
#406c99 rgb(64,108,153)
```
#406599
```
#406599 rgb(64,101,153)
```

Similar Colors

Text with hexadecimal color #407b99

This text has a font color of #407b99.

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

#407b99 background color

This paragraph has a background color of #407b99.

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

#407b99 border color

This element has a border color of #407b99.

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

CSS codes

.text {color:#407b99;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060c0f
```
#060c0f rgb(6,12,15)
```
#0c171d
```
#0c171d rgb(12,23,29)
```
#12222a
```
#12222a rgb(18,34,42)
```
#182d38
```
#182d38 rgb(24,45,56)
```
#1d3846
```
#1d3846 rgb(29,56,70)
```
#234354
```
#234354 rgb(35,67,84)
```
#294f62
```
#294f62 rgb(41,79,98)
```
#2f5a70
```
#2f5a70 rgb(47,90,112)
```
#34657d
```
#34657d rgb(52,101,125)
```
#3a708b
```
#3a708b rgb(58,112,139)
```
#407b99
```
#407b99 rgb(64,123,153)
```
#4686a7
```
#4686a7 rgb(70,134,167)
```

Shade Color Variation

#4c91b4
```
#4c91b4 rgb(76,145,180)
```
#5a9aba
```
#5a9aba rgb(90,154,186)
```
#68a2c0
```
#68a2c0 rgb(104,162,192)
```
#76abc6
```
#76abc6 rgb(118,171,198)
```
#83b3cb
```
#83b3cb rgb(131,179,203)
```
#91bcd1
```
#91bcd1 rgb(145,188,209)
```
#9fc4d7
```
#9fc4d7 rgb(159,196,215)
```
#adcddd
```
#adcddd rgb(173,205,221)
```
#bbd5e2
```
#bbd5e2 rgb(187,213,226)
```
#c9dee8
```
#c9dee8 rgb(201,222,232)
```
#d6e6ee
```
#d6e6ee rgb(214,230,238)
```
#e4eff4
```
#e4eff4 rgb(228,239,244)
```
#f2f7fa
```
#f2f7fa rgb(242,247,250)
```

Tint Color Variation

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

#6a6d6f
```
#6a6d6f rgb(106,109,111)
```
#617078
```
#617078 rgb(97,112,120)
```
#597380
```
#597380 rgb(89,115,128)
```
#517688
```
#517688 rgb(81,118,136)
```
#487891
```
#487891 rgb(72,120,145)
```
#407b99
```
#407b99 rgb(64,123,153)
```
#387ea1
```
#387ea1 rgb(56,126,161)
```
#2f80aa
```
#2f80aa rgb(47,128,170)
```
#2783b2
```
#2783b2 rgb(39,131,178)
```
#1f86ba
```
#1f86ba rgb(31,134,186)
```
#1689c3
```
#1689c3 rgb(22,137,195)
```
#0e8bcb
```
#0e8bcb rgb(14,139,203)
```
#068ed3
```
#068ed3 rgb(6,142,211)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#647076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#737a99 Protanopia 1% of men
#7079a1 Deuteranopia 1% of men
#41848e Tritanopia 0.001% of the population

Trichromacy

#607a99 Protanomaly 1% of men, 0.01% of women
#5e7a9e Deuteranomaly 6% of men, 0.4% of women
#418192 Tritanomaly 0.01% of the population

#407b99 hex color

#407b99 Color Information

#407b99 Color Conversion

Color Schemes with #407b99

Alternatives to #407b99

#407b99 Preview

Shades and Tints of #407b99

Tones of #407b99

Color Blindness Simulator