#407ab3 hex color

In a RGB color space, hex #407ab3 is composed of 25.1% red, 47.8% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 31.8% magenta, 0% yellow and 29.8% black. It has a hue angle of 209.7 degrees, a saturation of 47.3% and a lightness of 47.6%. #407ab3 color hex could be obtained by blending #80f4ff with #000067. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 48
- B 70
RGB color chart
- C 64
- M 32
- Y 0
- K 30
CMYK color chart

● #407ab3 color description : Moderate blue.

The hexadecimal color #407ab3 has RGB values of R:64, G:122, B:179 and CMYK values of C:0.64, M:0.32, Y:0, K:0.3. Its decimal value is 4225715.

Hex triplet	407ab3	`#407ab3`
RGB Decimal	64, 122, 179	`rgb(64,122,179)`
RGB Percent	25.1, 47.8, 70.2	`rgb(25.1%,47.8%,70.2%)`
CMYK	64, 32, 0, 30
HSL	209.7°, 47.3, 47.6	`hsl(209.7,47.3%,47.6%)`
HSV (or HSB)	209.7°, 64.2, 70.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.813, -0.816, -35.795
XYZ	17.209, 18.263, 45.263
xyY	0.213, 0.226, 18.263
CIE-LCH	49.813, 35.804, 268.694
CIE-LUV	49.813, -23.708, -53.978
Hunter-Lab	42.735, -2.906, -32.884
Binary	01000000, 01111010, 10110011

#407ab3
```
#407ab3 rgb(64,122,179)
```
#b37940
```
#b37940 rgb(179,121,64)
```

Complementary Color

#40b3b3
```
#40b3b3 rgb(64,179,179)
```
#407ab3
```
#407ab3 rgb(64,122,179)
```
#4041b3
```
#4041b3 rgb(64,65,179)
```

Analogous Color

#b3b340
```
#b3b340 rgb(179,179,64)
```
#407ab3
```
#407ab3 rgb(64,122,179)
```
#b34041
```
#b34041 rgb(179,64,65)
```

Split Complementary Color

#7ab340
```
#7ab340 rgb(122,179,64)
```
#407ab3
```
#407ab3 rgb(64,122,179)
```
#b3407a
```
#b3407a rgb(179,64,122)
```

Triadic Color

#40b379
```
#40b379 rgb(64,179,121)
```
#407ab3
```
#407ab3 rgb(64,122,179)
```
#b3407a
```
#b3407a rgb(179,64,122)
```
#b37940
```
#b37940 rgb(179,121,64)
```

Tetradic Color

#2c547b
```
#2c547b rgb(44,84,123)
```
#33608d
```
#33608d rgb(51,96,141)
```
#396da0
```
#396da0 rgb(57,109,160)
```
#407ab3
```
#407ab3 rgb(64,122,179)
```
#4d87bf
```
#4d87bf rgb(77,135,191)
```
#6093c6
```
#6093c6 rgb(96,147,198)
```
#73a0cd
```
#73a0cd rgb(115,160,205)
```

Monochromatic Color

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

#4097b3
```
#4097b3 rgb(64,151,179)
```
#408db3
```
#408db3 rgb(64,141,179)
```
#4084b3
```
#4084b3 rgb(64,132,179)
```
#407ab3
```
#407ab3 rgb(64,122,179)
```
#4070b3
```
#4070b3 rgb(64,112,179)
```
#4067b3
```
#4067b3 rgb(64,103,179)
```
#405db3
```
#405db3 rgb(64,93,179)
```

Similar Colors

Text with hexadecimal color #407ab3

This text has a font color of #407ab3.

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

#407ab3 background color

This paragraph has a background color of #407ab3.

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

#407ab3 border color

This element has a border color of #407ab3.

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

CSS codes

.text {color:#407ab3;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#070e14
```
#070e14 rgb(7,14,20)
```
#0c1823
```
#0c1823 rgb(12,24,35)
```
#122131
```
#122131 rgb(18,33,49)
```
#172b3f
```
#172b3f rgb(23,43,63)
```
#1c354e
```
#1c354e rgb(28,53,78)
```
#213f5c
```
#213f5c rgb(33,63,92)
```
#26496b
```
#26496b rgb(38,73,107)
```
#2b5379
```
#2b5379 rgb(43,83,121)
```
#315c88
```
#315c88 rgb(49,92,136)
```
#366696
```
#366696 rgb(54,102,150)
```
#3b70a5
```
#3b70a5 rgb(59,112,165)
```
#407ab3
```
#407ab3 rgb(64,122,179)
```

Shade Color Variation

#4984be
```
#4984be rgb(73,132,190)
```
#578ec3
```
#578ec3 rgb(87,142,195)
```
#6697c8
```
#6697c8 rgb(102,151,200)
```
#74a1cd
```
#74a1cd rgb(116,161,205)
```
#83abd3
```
#83abd3 rgb(131,171,211)
```
#91b5d8
```
#91b5d8 rgb(145,181,216)
```
#9fbedd
```
#9fbedd rgb(159,190,221)
```
#aec8e2
```
#aec8e2 rgb(174,200,226)
```
#bcd2e7
```
#bcd2e7 rgb(188,210,231)
```
#cbdcec
```
#cbdcec rgb(203,220,236)
```
#d9e5f2
```
#d9e5f2 rgb(217,229,242)
```
#e8eff7
```
#e8eff7 rgb(232,239,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787a7b is the less saturated color, while #087aeb is the most saturated one.

#787a7b
```
#787a7b rgb(120,122,123)
```
#6f7a84
```
#6f7a84 rgb(111,122,132)
```
#657a8e
```
#657a8e rgb(101,122,142)
```
#5c7a97
```
#5c7a97 rgb(92,122,151)
```
#537aa0
```
#537aa0 rgb(83,122,160)
```
#497aaa
```
#497aaa rgb(73,122,170)
```
#407ab3
```
#407ab3 rgb(64,122,179)
```
#377abc
```
#377abc rgb(55,122,188)
```
#2d7ac6
```
#2d7ac6 rgb(45,122,198)
```
#247acf
```
#247acf rgb(36,122,207)
```
#1b7ad8
```
#1b7ad8 rgb(27,122,216)
```
#117ae2
```
#117ae2 rgb(17,122,226)
```
#087aeb
```
#087aeb rgb(8,122,235)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#66717d Atypical Achromatopsia 0.001% of the population

Dichromacy

#697bb3 Protanopia 1% of men
#5e7db8 Deuteranopia 1% of men
#308892 Tritanopia 0.001% of the population

Trichromacy

#5a7bb3 Protanomaly 1% of men, 0.01% of women
#537cb6 Deuteranomaly 6% of men, 0.4% of women
#36839e Tritanomaly 0.01% of the population

#407ab3 hex color

#407ab3 Color Information

#407ab3 Color Conversion

Color Schemes with #407ab3

Alternatives to #407ab3

#407ab3 Preview

Shades and Tints of #407ab3

Tones of #407ab3

Color Blindness Simulator