#407fb7 hex color

In a RGB color space, hex #407fb7 is composed of 25.1% red, 49.8% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 30.6% magenta, 0% yellow and 28.2% black. It has a hue angle of 208.2 degrees, a saturation of 48.2% and a lightness of 48.4%. #407fb7 color hex could be obtained by blending #80feff with #00006f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 50
- B 72
RGB color chart
- C 65
- M 31
- Y 0
- K 28
CMYK color chart

● #407fb7 color description : Moderate blue.

The hexadecimal color #407fb7 has RGB values of R:64, G:127, B:183 and CMYK values of C:0.65, M:0.31, Y:0, K:0.28. Its decimal value is 4226999.

Hex triplet	407fb7	`#407fb7`
RGB Decimal	64, 127, 183	`rgb(64,127,183)`
RGB Percent	25.1, 49.8, 71.8	`rgb(25.1%,49.8%,71.8%)`
CMYK	65, 31, 0, 28
HSL	208.2°, 48.2, 48.4	`hsl(208.2,48.2%,48.4%)`
HSV (or HSB)	208.2°, 65, 71.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.481, -2.416, -35.482
XYZ	18.249, 19.686, 47.635
xyY	0.213, 0.23, 19.686
CIE-LCH	51.481, 35.564, 266.105
CIE-LUV	51.481, -25.377, -53.656
Hunter-Lab	44.369, -4.23, -32.596
Binary	01000000, 01111111, 10110111

#407fb7
```
#407fb7 rgb(64,127,183)
```
#b77840
```
#b77840 rgb(183,120,64)
```

Complementary Color

#40b7b4
```
#40b7b4 rgb(64,183,180)
```
#407fb7
```
#407fb7 rgb(64,127,183)
```
#4044b7
```
#4044b7 rgb(64,68,183)
```

Analogous Color

#b7b440
```
#b7b440 rgb(183,180,64)
```
#407fb7
```
#407fb7 rgb(64,127,183)
```
#b74044
```
#b74044 rgb(183,64,68)
```

Split Complementary Color

#7fb740
```
#7fb740 rgb(127,183,64)
```
#407fb7
```
#407fb7 rgb(64,127,183)
```
#b7407f
```
#b7407f rgb(183,64,127)
```

Triadic Color

#40b778
```
#40b778 rgb(64,183,120)
```
#407fb7
```
#407fb7 rgb(64,127,183)
```
#b7407f
```
#b7407f rgb(183,64,127)
```
#b77840
```
#b77840 rgb(183,120,64)
```

Tetradic Color

#2c587e
```
#2c587e rgb(44,88,126)
```
#336591
```
#336591 rgb(51,101,145)
```
#3972a4
```
#3972a4 rgb(57,114,164)
```
#407fb7
```
#407fb7 rgb(64,127,183)
```
#4f8cc1
```
#4f8cc1 rgb(79,140,193)
```
#6298c8
```
#6298c8 rgb(98,152,200)
```
#75a4cf
```
#75a4cf rgb(117,164,207)
```

Monochromatic Color

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

#409db7
```
#409db7 rgb(64,157,183)
```
#4093b7
```
#4093b7 rgb(64,147,183)
```
#4089b7
```
#4089b7 rgb(64,137,183)
```
#407fb7
```
#407fb7 rgb(64,127,183)
```
#4075b7
```
#4075b7 rgb(64,117,183)
```
#406bb7
```
#406bb7 rgb(64,107,183)
```
#4061b7
```
#4061b7 rgb(64,97,183)
```

Similar Colors

Text with hexadecimal color #407fb7

This text has a font color of #407fb7.

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

#407fb7 background color

This paragraph has a background color of #407fb7.

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

#407fb7 border color

This element has a border color of #407fb7.

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

CSS codes

.text {color:#407fb7;}

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

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

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

#030609
```
#030609 rgb(3,6,9)
```
#081017
```
#081017 rgb(8,16,23)
```
#0d1a26
```
#0d1a26 rgb(13,26,38)
```
#122434
```
#122434 rgb(18,36,52)
```
#172e43
```
#172e43 rgb(23,46,67)
```
#1c3851
```
#1c3851 rgb(28,56,81)
```
#224260
```
#224260 rgb(34,66,96)
```
#274d6e
```
#274d6e rgb(39,77,110)
```
#2c577d
```
#2c577d rgb(44,87,125)
```
#31618b
```
#31618b rgb(49,97,139)
```
#366b9a
```
#366b9a rgb(54,107,154)
```
#3b75a8
```
#3b75a8 rgb(59,117,168)
```
#407fb7
```
#407fb7 rgb(64,127,183)
```

Shade Color Variation

#4b89c0
```
#4b89c0 rgb(75,137,192)
```
#5992c5
```
#5992c5 rgb(89,146,197)
```
#689cca
```
#689cca rgb(104,156,202)
```
#76a5cf
```
#76a5cf rgb(118,165,207)
```
#85afd4
```
#85afd4 rgb(133,175,212)
```
#93b8d9
```
#93b8d9 rgb(147,184,217)
```
#a2c2de
```
#a2c2de rgb(162,194,222)
```
#b0cbe4
```
#b0cbe4 rgb(176,203,228)
```
#bfd5e9
```
#bfd5e9 rgb(191,213,233)
```
#cddfee
```
#cddfee rgb(205,223,238)
```
#dce8f3
```
#dce8f3 rgb(220,232,243)
```
#ebf2f8
```
#ebf2f8 rgb(235,242,248)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c7e is the less saturated color, while #0782f0 is the most saturated one.

#797c7e
```
#797c7e rgb(121,124,126)
```
#707c88
```
#707c88 rgb(112,124,136)
```
#667d91
```
#667d91 rgb(102,125,145)
```
#5d7d9b
```
#5d7d9b rgb(93,125,155)
```
#537ea4
```
#537ea4 rgb(83,126,164)
```
#4a7eae
```
#4a7eae rgb(74,126,174)
```
#407fb7
```
#407fb7 rgb(64,127,183)
```
#3780c1
```
#3780c1 rgb(55,128,193)
```
#2d80ca
```
#2d80ca rgb(45,128,202)
```
#2481d4
```
#2481d4 rgb(36,129,212)
```
#1a81dd
```
#1a81dd rgb(26,129,221)
```
#1182e7
```
#1182e7 rgb(17,130,231)
```
#0782f0
```
#0782f0 rgb(7,130,240)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#697581 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7fb6 Protanopia 1% of men
#6381bc Deuteranopia 1% of men
#308c97 Tritanopia 0.001% of the population

Trichromacy

#5d7fb6 Protanomaly 1% of men, 0.01% of women
#5680ba Deuteranomaly 6% of men, 0.4% of women
#3587a2 Tritanomaly 0.01% of the population

#407fb7 hex color

#407fb7 Color Information

#407fb7 Color Conversion

Color Schemes with #407fb7

Alternatives to #407fb7

#407fb7 Preview

Shades and Tints of #407fb7

Tones of #407fb7

Color Blindness Simulator