#407baa hex color

In a RGB color space, hex #407baa is composed of 25.1% red, 48.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 27.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 206.6 degrees, a saturation of 45.3% and a lightness of 45.9%. #407baa color hex could be obtained by blending #80f6ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 48
- B 67
RGB color chart
- C 62
- M 28
- Y 0
- K 33
CMYK color chart

● #407baa color description : Dark moderate blue.

The hexadecimal color #407baa has RGB values of R:64, G:123, B:170 and CMYK values of C:0.62, M:0.28, Y:0, K:0.33. Its decimal value is 4225962.

Hex triplet	407baa	`#407baa`
RGB Decimal	64, 123, 170	`rgb(64,123,170)`
RGB Percent	25.1, 48.2, 66.7	`rgb(25.1%,48.2%,66.7%)`
CMYK	62, 28, 0, 33
HSL	206.6°, 45.3, 45.9	`hsl(206.6,45.3%,45.9%)`
HSV (or HSB)	206.6°, 62.4, 66.7
Web Safe	336699	`#336699`

CIE-LAB	49.686, -4.481, -30.778
XYZ	16.451, 18.157, 40.666
xyY	0.219, 0.241, 18.157
CIE-LCH	49.686, 31.103, 261.717
CIE-LUV	49.686, -24.321, -45.568
Hunter-Lab	42.611, -5.654, -26.755
Binary	01000000, 01111011, 10101010

#407baa
```
#407baa rgb(64,123,170)
```
#aa6f40
```
#aa6f40 rgb(170,111,64)
```

Complementary Color

#40aaa4
```
#40aaa4 rgb(64,170,164)
```
#407baa
```
#407baa rgb(64,123,170)
```
#4046aa
```
#4046aa rgb(64,70,170)
```

Analogous Color

#aaa440
```
#aaa440 rgb(170,164,64)
```
#407baa
```
#407baa rgb(64,123,170)
```
#aa4046
```
#aa4046 rgb(170,64,70)
```

Split Complementary Color

#7baa40
```
#7baa40 rgb(123,170,64)
```
#407baa
```
#407baa rgb(64,123,170)
```
#aa407b
```
#aa407b rgb(170,64,123)
```

Triadic Color

#40aa6f
```
#40aa6f rgb(64,170,111)
```
#407baa
```
#407baa rgb(64,123,170)
```
#aa407b
```
#aa407b rgb(170,64,123)
```
#aa6f40
```
#aa6f40 rgb(170,111,64)
```

Tetradic Color

#2b5372
```
#2b5372 rgb(43,83,114)
```
#326085
```
#326085 rgb(50,96,133)
```
#396e97
```
#396e97 rgb(57,110,151)
```
#407baa
```
#407baa rgb(64,123,170)
```
#4988ba
```
#4988ba rgb(73,136,186)
```
#5c94c1
```
#5c94c1 rgb(92,148,193)
```
#6ea0c8
```
#6ea0c8 rgb(110,160,200)
```

Monochromatic Color

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

#4096aa
```
#4096aa rgb(64,150,170)
```
#408daa
```
#408daa rgb(64,141,170)
```
#4084aa
```
#4084aa rgb(64,132,170)
```
#407baa
```
#407baa rgb(64,123,170)
```
#4072aa
```
#4072aa rgb(64,114,170)
```
#4069aa
```
#4069aa rgb(64,105,170)
```
#4061aa
```
#4061aa rgb(64,97,170)
```

Similar Colors

Text with hexadecimal color #407baa

This text has a font color of #407baa.

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

#407baa background color

This paragraph has a background color of #407baa.

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

#407baa border color

This element has a border color of #407baa.

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

CSS codes

.text {color:#407baa;}

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

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

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, #050a0d is the darkest color, while #fefeff is the lightest one.

#050a0d
```
#050a0d rgb(5,10,13)
```
#0a141b
```
#0a141b rgb(10,20,27)
```
#101e2a
```
#101e2a rgb(16,30,42)
```
#152938
```
#152938 rgb(21,41,56)
```
#1a3346
```
#1a3346 rgb(26,51,70)
```
#203d54
```
#203d54 rgb(32,61,84)
```
#254763
```
#254763 rgb(37,71,99)
```
#2b5271
```
#2b5271 rgb(43,82,113)
```
#305c7f
```
#305c7f rgb(48,92,127)
```
#35668d
```
#35668d rgb(53,102,141)
```
#3b719c
```
#3b719c rgb(59,113,156)
```
#407baa
```
#407baa rgb(64,123,170)
```
#4585b8
```
#4585b8 rgb(69,133,184)
```

Shade Color Variation

#538fbe
```
#538fbe rgb(83,143,190)
```
#6198c4
```
#6198c4 rgb(97,152,196)
```
#6fa1c9
```
#6fa1c9 rgb(111,161,201)
```
#7eabce
```
#7eabce rgb(126,171,206)
```
#8cb4d4
```
#8cb4d4 rgb(140,180,212)
```
#9abdd9
```
#9abdd9 rgb(154,189,217)
```
#a8c7de
```
#a8c7de rgb(168,199,222)
```
#b7d0e4
```
#b7d0e4 rgb(183,208,228)
```
#c5d9e9
```
#c5d9e9 rgb(197,217,233)
```
#d3e2ef
```
#d3e2ef rgb(211,226,239)
```
#e1ecf4
```
#e1ecf4 rgb(225,236,244)
```
#f0f5f9
```
#f0f5f9 rgb(240,245,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#6d767d
```
#6d767d rgb(109,118,125)
```
#647786
```
#647786 rgb(100,119,134)
```
#5b788f
```
#5b788f rgb(91,120,143)
```
#527998
```
#527998 rgb(82,121,152)
```
#497aa1
```
#497aa1 rgb(73,122,161)
```
#407baa
```
#407baa rgb(64,123,170)
```
#377cb3
```
#377cb3 rgb(55,124,179)
```
#2e7dbc
```
#2e7dbc rgb(46,125,188)
```
#257ec5
```
#257ec5 rgb(37,126,197)
```
#1c7fce
```
#1c7fce rgb(28,127,206)
```
#1380d7
```
#1380d7 rgb(19,128,215)
```
#0a81e0
```
#0a81e0 rgb(10,129,224)
```
#0182e9
```
#0182e9 rgb(1,130,233)
```

Tone Color Variation

Below, you can see how #407baa 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
#66717b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7baa Protanopia 1% of men
#667cb0 Deuteranopia 1% of men
#388791 Tritanopia 0.001% of the population

Trichromacy

#5d7baa Protanomaly 1% of men, 0.01% of women
#587bae Deuteranomaly 6% of men, 0.4% of women
#3a839a Tritanomaly 0.01% of the population

#407baa hex color

#407baa Color Information

#407baa Color Conversion

Color Schemes with #407baa

Alternatives to #407baa

#407baa Preview

Shades and Tints of #407baa

Tones of #407baa

Color Blindness Simulator