#404ba8 hex color

In a RGB color space, hex #404ba8 is composed of 25.1% red, 29.4% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 55.4% magenta, 0% yellow and 34.1% black. It has a hue angle of 233.7 degrees, a saturation of 44.8% and a lightness of 45.5%. #404ba8 color hex could be obtained by blending #8096ff with #000051. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 29
- B 66
RGB color chart
- C 62
- M 55
- Y 0
- K 34
CMYK color chart

● #404ba8 color description : Dark moderate blue.

The hexadecimal color #404ba8 has RGB values of R:64, G:75, B:168 and CMYK values of C:0.62, M:0.55, Y:0, K:0.34. Its decimal value is 4213672.

Hex triplet	404ba8	`#404ba8`
RGB Decimal	64, 75, 168	`rgb(64,75,168)`
RGB Percent	25.1, 29.4, 65.9	`rgb(25.1%,29.4%,65.9%)`
CMYK	62, 55, 0, 34
HSL	233.7°, 44.8, 45.5	`hsl(233.7,44.8%,45.5%)`
HSV (or HSB)	233.7°, 61.9, 65.9
Web Safe	333399	`#333399`

CIE-LAB	35.885, 25.059, -51.544
XYZ	11.697, 8.949, 38.155
xyY	0.199, 0.152, 8.949
CIE-LCH	35.885, 57.313, 295.927
CIE-LUV	35.885, -8.471, -74.193
Hunter-Lab	29.914, 17.445, -54.682
Binary	01000000, 01001011, 10101000

#404ba8
```
#404ba8 rgb(64,75,168)
```
#a89d40
```
#a89d40 rgb(168,157,64)
```

Complementary Color

#407fa8
```
#407fa8 rgb(64,127,168)
```
#404ba8
```
#404ba8 rgb(64,75,168)
```
#6940a8
```
#6940a8 rgb(105,64,168)
```

Analogous Color

#7fa840
```
#7fa840 rgb(127,168,64)
```
#404ba8
```
#404ba8 rgb(64,75,168)
```
#a86940
```
#a86940 rgb(168,105,64)
```

Split Complementary Color

#4ba840
```
#4ba840 rgb(75,168,64)
```
#404ba8
```
#404ba8 rgb(64,75,168)
```
#a8404b
```
#a8404b rgb(168,64,75)
```

Triadic Color

#40a89d
```
#40a89d rgb(64,168,157)
```
#404ba8
```
#404ba8 rgb(64,75,168)
```
#a8404b
```
#a8404b rgb(168,64,75)
```
#a89d40
```
#a89d40 rgb(168,157,64)
```

Tetradic Color

#2b3271
```
#2b3271 rgb(43,50,113)
```
#323b83
```
#323b83 rgb(50,59,131)
```
#394396
```
#394396 rgb(57,67,150)
```
#404ba8
```
#404ba8 rgb(64,75,168)
```
#4854b9
```
#4854b9 rgb(72,84,185)
```
#5b65c0
```
#5b65c0 rgb(91,101,192)
```
#6d77c7
```
#6d77c7 rgb(109,119,199)
```

Monochromatic Color

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

#4065a8
```
#4065a8 rgb(64,101,168)
```
#405ca8
```
#405ca8 rgb(64,92,168)
```
#4054a8
```
#4054a8 rgb(64,84,168)
```
#404ba8
```
#404ba8 rgb(64,75,168)
```
#4042a8
```
#4042a8 rgb(64,66,168)
```
#4640a8
```
#4640a8 rgb(70,64,168)
```
#4f40a8
```
#4f40a8 rgb(79,64,168)
```

Similar Colors

Text with hexadecimal color #404ba8

This text has a font color of #404ba8.

<span style="color:#404ba8;">Text here</span>

#404ba8 background color

This paragraph has a background color of #404ba8.

<p style="background-color:#404ba8;">Content here</p>

#404ba8 border color

This element has a border color of #404ba8.

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

CSS codes

.text {color:#404ba8;}

.background {background-color:#404ba8;}

.border {border:1px solid #404ba8;}

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, #04050c is the darkest color, while #fdfdfe is the lightest one.

#04050c
```
#04050c rgb(4,5,12)
```
#0a0c1a
```
#0a0c1a rgb(10,12,26)
```
#0f1228
```
#0f1228 rgb(15,18,40)
```
#151836
```
#151836 rgb(21,24,54)
```
#1a1f45
```
#1a1f45 rgb(26,31,69)
```
#202553
```
#202553 rgb(32,37,83)
```
#252b61
```
#252b61 rgb(37,43,97)
```
#2a326f
```
#2a326f rgb(42,50,111)
```
#30387d
```
#30387d rgb(48,56,125)
```
#353e8c
```
#353e8c rgb(53,62,140)
```
#3b459a
```
#3b459a rgb(59,69,154)
```
#404ba8
```
#404ba8 rgb(64,75,168)
```
#4551b6
```
#4551b6 rgb(69,81,182)
```

Shade Color Variation

#525dbd
```
#525dbd rgb(82,93,189)
```
#606bc3
```
#606bc3 rgb(96,107,195)
```
#6f78c8
```
#6f78c8 rgb(111,120,200)
```
#7d85cd
```
#7d85cd rgb(125,133,205)
```
#8b93d3
```
#8b93d3 rgb(139,147,211)
```
#99a0d8
```
#99a0d8 rgb(153,160,216)
```
#a7adde
```
#a7adde rgb(167,173,222)
```
#b6bae3
```
#b6bae3 rgb(182,186,227)
```
#c4c8e8
```
#c4c8e8 rgb(196,200,232)
```
#d2d5ee
```
#d2d5ee rgb(210,213,238)
```
#e0e2f3
```
#e0e2f3 rgb(224,226,243)
```
#eeeff9
```
#eeeff9 rgb(238,239,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#6d6e7b
```
#6d6e7b rgb(109,110,123)
```
#646784
```
#646784 rgb(100,103,132)
```
#5b608d
```
#5b608d rgb(91,96,141)
```
#525996
```
#525996 rgb(82,89,150)
```
#49529f
```
#49529f rgb(73,82,159)
```
#404ba8
```
#404ba8 rgb(64,75,168)
```
#3744b1
```
#3744b1 rgb(55,68,177)
```
#2e3dba
```
#2e3dba rgb(46,61,186)
```
#2536c3
```
#2536c3 rgb(37,54,195)
```
#1c2fcc
```
#1c2fcc rgb(28,47,204)
```
#1328d5
```
#1328d5 rgb(19,40,213)
```
#0a21de
```
#0a21de rgb(10,33,222)
```
#021ae6
```
#021ae6 rgb(2,26,230)
```

Tone Color Variation

Below, you can see how #404ba8 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

#525252 Achromatopsia 0.005% of the population
#4e5163 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab1 Protanopia 1% of men
#005f9c Deuteranopia 1% of men
#1c656d Tritanopia 0.001% of the population

Trichromacy

#1754ae Protanomaly 1% of men, 0.01% of women
#1757a0 Deuteranomaly 6% of men, 0.4% of women
#295c82 Tritanomaly 0.01% of the population

#404ba8 hex color

#404ba8 Color Information

#404ba8 Color Conversion

Color Schemes with #404ba8

Alternatives to #404ba8

#404ba8 Preview

Shades and Tints of #404ba8

Tones of #404ba8

Color Blindness Simulator