#407ab8 hex color

In a RGB color space, hex #407ab8 is composed of 25.1% red, 47.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 33.7% magenta, 0% yellow and 27.8% black. It has a hue angle of 211 degrees, a saturation of 48.4% and a lightness of 48.6%. #407ab8 color hex could be obtained by blending #80f4ff with #000071. Closest websafe color is: #3366cc.

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

● #407ab8 color description : Moderate blue.

The hexadecimal color #407ab8 has RGB values of R:64, G:122, B:184 and CMYK values of C:0.65, M:0.34, Y:0, K:0.28. Its decimal value is 4225720.

Hex triplet	407ab8	`#407ab8`
RGB Decimal	64, 122, 184	`rgb(64,122,184)`
RGB Percent	25.1, 47.8, 72.2	`rgb(25.1%,47.8%,72.2%)`
CMYK	65, 34, 0, 28
HSL	211°, 48.4, 48.6	`hsl(211,48.4%,48.6%)`
HSV (or HSB)	211°, 65.2, 72.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.06, 0.915, -38.293
XYZ	17.724, 18.469, 47.976
xyY	0.211, 0.219, 18.469
CIE-LCH	50.06, 38.304, 271.369
CIE-LUV	50.06, -23.578, -58.2
Hunter-Lab	42.975, -1.59, -36.106
Binary	01000000, 01111010, 10111000

#407ab8
```
#407ab8 rgb(64,122,184)
```
#b87e40
```
#b87e40 rgb(184,126,64)
```

Complementary Color

#40b6b8
```
#40b6b8 rgb(64,182,184)
```
#407ab8
```
#407ab8 rgb(64,122,184)
```
#4240b8
```
#4240b8 rgb(66,64,184)
```

Analogous Color

#b6b840
```
#b6b840 rgb(182,184,64)
```
#407ab8
```
#407ab8 rgb(64,122,184)
```
#b84240
```
#b84240 rgb(184,66,64)
```

Split Complementary Color

#7ab840
```
#7ab840 rgb(122,184,64)
```
#407ab8
```
#407ab8 rgb(64,122,184)
```
#b8407a
```
#b8407a rgb(184,64,122)
```

Triadic Color

#40b87e
```
#40b87e rgb(64,184,126)
```
#407ab8
```
#407ab8 rgb(64,122,184)
```
#b8407a
```
#b8407a rgb(184,64,122)
```
#b87e40
```
#b87e40 rgb(184,126,64)
```

Tetradic Color

#2c547f
```
#2c547f rgb(44,84,127)
```
#336192
```
#336192 rgb(51,97,146)
```
#396da5
```
#396da5 rgb(57,109,165)
```
#407ab8
```
#407ab8 rgb(64,122,184)
```
#5087c2
```
#5087c2 rgb(80,135,194)
```
#6294c9
```
#6294c9 rgb(98,148,201)
```
#75a1cf
```
#75a1cf rgb(117,161,207)
```

Monochromatic Color

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

#4098b8
```
#4098b8 rgb(64,152,184)
```
#408eb8
```
#408eb8 rgb(64,142,184)
```
#4084b8
```
#4084b8 rgb(64,132,184)
```
#407ab8
```
#407ab8 rgb(64,122,184)
```
#4070b8
```
#4070b8 rgb(64,112,184)
```
#4066b8
```
#4066b8 rgb(64,102,184)
```
#405cb8
```
#405cb8 rgb(64,92,184)
```

Similar Colors

Text with hexadecimal color #407ab8

This text has a font color of #407ab8.

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

#407ab8 background color

This paragraph has a background color of #407ab8.

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

#407ab8 border color

This element has a border color of #407ab8.

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

CSS codes

.text {color:#407ab8;}

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

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

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 #fafbfd is the lightest one.

#030609
```
#030609 rgb(3,6,9)
```
#081018
```
#081018 rgb(8,16,24)
```
#0d1a26
```
#0d1a26 rgb(13,26,38)
```
#122335
```
#122335 rgb(18,35,53)
```
#182d44
```
#182d44 rgb(24,45,68)
```
#1d3652
```
#1d3652 rgb(29,54,82)
```
#224061
```
#224061 rgb(34,64,97)
```
#274a6f
```
#274a6f rgb(39,74,111)
```
#2c537e
```
#2c537e rgb(44,83,126)
```
#315d8c
```
#315d8c rgb(49,93,140)
```
#36679b
```
#36679b rgb(54,103,155)
```
#3b70a9
```
#3b70a9 rgb(59,112,169)
```
#407ab8
```
#407ab8 rgb(64,122,184)
```

Shade Color Variation

#4b84c0
```
#4b84c0 rgb(75,132,192)
```
#5a8ec6
```
#5a8ec6 rgb(90,142,198)
```
#6898cb
```
#6898cb rgb(104,152,203)
```
#77a2d0
```
#77a2d0 rgb(119,162,208)
```
#85acd5
```
#85acd5 rgb(133,172,213)
```
#94b6da
```
#94b6da rgb(148,182,218)
```
#a2c0df
```
#a2c0df rgb(162,192,223)
```
#b1cae4
```
#b1cae4 rgb(177,202,228)
```
#c0d4e9
```
#c0d4e9 rgb(192,212,233)
```
#cedeee
```
#cedeee rgb(206,222,238)
```
#dde8f3
```
#dde8f3 rgb(221,232,243)
```
#ebf1f8
```
#ebf1f8 rgb(235,241,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#797c7f
```
#797c7f rgb(121,124,127)
```
#707c88
```
#707c88 rgb(112,124,136)
```
#667b92
```
#667b92 rgb(102,123,146)
```
#5d7b9b
```
#5d7b9b rgb(93,123,155)
```
#537ba5
```
#537ba5 rgb(83,123,165)
```
#4a7aae
```
#4a7aae rgb(74,122,174)
```
#407ab8
```
#407ab8 rgb(64,122,184)
```
#367ac2
```
#367ac2 rgb(54,122,194)
```
#2d79cb
```
#2d79cb rgb(45,121,203)
```
#2379d5
```
#2379d5 rgb(35,121,213)
```
#1a79de
```
#1a79de rgb(26,121,222)
```
#1078e8
```
#1078e8 rgb(16,120,232)
```
#0778f1
```
#0778f1 rgb(7,120,241)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#66727e Atypical Achromatopsia 0.001% of the population

Dichromacy

#677cb8 Protanopia 1% of men
#5a7ebc Deuteranopia 1% of men
#2b8993 Tritanopia 0.001% of the population

Trichromacy

#597bb8 Protanomaly 1% of men, 0.01% of women
#507cbb Deuteranomaly 6% of men, 0.4% of women
#3283a0 Tritanomaly 0.01% of the population

#407ab8 hex color

#407ab8 Color Information

#407ab8 Color Conversion

Color Schemes with #407ab8

Alternatives to #407ab8

#407ab8 Preview

Shades and Tints of #407ab8

Tones of #407ab8

Color Blindness Simulator