#404bb3 hex color

In a RGB color space, hex #404bb3 is composed of 25.1% red, 29.4% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 58.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 234.3 degrees, a saturation of 47.3% and a lightness of 47.6%. #404bb3 color hex could be obtained by blending #8096ff with #000067. Closest websafe color is: #3333cc.

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

● #404bb3 color description : Moderate blue.

The hexadecimal color #404bb3 has RGB values of R:64, G:75, B:179 and CMYK values of C:0.64, M:0.58, Y:0, K:0.3. Its decimal value is 4213683.

Hex triplet	404bb3	`#404bb3`
RGB Decimal	64, 75, 179	`rgb(64,75,179)`
RGB Percent	25.1, 29.4, 70.2	`rgb(25.1%,29.4%,70.2%)`
CMYK	64, 58, 0, 30
HSL	234.3°, 47.3, 47.6	`hsl(234.3,47.3%,47.6%)`
HSV (or HSB)	234.3°, 64.2, 70.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.699, 28.907, -56.76
XYZ	12.765, 9.376, 43.782
xyY	0.194, 0.142, 9.376
CIE-LCH	36.699, 63.697, 296.989
CIE-LUV	36.699, -8.836, -82.055
Hunter-Lab	30.621, 20.829, -63.341
Binary	01000000, 01001011, 10110011

#404bb3
```
#404bb3 rgb(64,75,179)
```
#b3a840
```
#b3a840 rgb(179,168,64)
```

Complementary Color

#4085b3
```
#4085b3 rgb(64,133,179)
```
#404bb3
```
#404bb3 rgb(64,75,179)
```
#6f40b3
```
#6f40b3 rgb(111,64,179)
```

Analogous Color

#85b340
```
#85b340 rgb(133,179,64)
```
#404bb3
```
#404bb3 rgb(64,75,179)
```
#b36f40
```
#b36f40 rgb(179,111,64)
```

Split Complementary Color

#4bb340
```
#4bb340 rgb(75,179,64)
```
#404bb3
```
#404bb3 rgb(64,75,179)
```
#b3404b
```
#b3404b rgb(179,64,75)
```

Triadic Color

#40b3a8
```
#40b3a8 rgb(64,179,168)
```
#404bb3
```
#404bb3 rgb(64,75,179)
```
#b3404b
```
#b3404b rgb(179,64,75)
```
#b3a840
```
#b3a840 rgb(179,168,64)
```

Tetradic Color

#2c337b
```
#2c337b rgb(44,51,123)
```
#333b8d
```
#333b8d rgb(51,59,141)
```
#3943a0
```
#3943a0 rgb(57,67,160)
```
#404bb3
```
#404bb3 rgb(64,75,179)
```
#4d58bf
```
#4d58bf rgb(77,88,191)
```
#606ac6
```
#606ac6 rgb(96,106,198)
```
#737bcd
```
#737bcd rgb(115,123,205)
```

Monochromatic Color

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

#4068b3
```
#4068b3 rgb(64,104,179)
```
#405eb3
```
#405eb3 rgb(64,94,179)
```
#4055b3
```
#4055b3 rgb(64,85,179)
```
#404bb3
```
#404bb3 rgb(64,75,179)
```
#4041b3
```
#4041b3 rgb(64,65,179)
```
#4840b3
```
#4840b3 rgb(72,64,179)
```
#5240b3
```
#5240b3 rgb(82,64,179)
```

Similar Colors

Text with hexadecimal color #404bb3

This text has a font color of #404bb3.

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

#404bb3 background color

This paragraph has a background color of #404bb3.

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

#404bb3 border color

This element has a border color of #404bb3.

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

CSS codes

.text {color:#404bb3;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#070814
```
#070814 rgb(7,8,20)
```
#0c0e23
```
#0c0e23 rgb(12,14,35)
```
#121531
```
#121531 rgb(18,21,49)
```
#171b3f
```
#171b3f rgb(23,27,63)
```
#1c214e
```
#1c214e rgb(28,33,78)
```
#21275c
```
#21275c rgb(33,39,92)
```
#262d6b
```
#262d6b rgb(38,45,107)
```
#2b3379
```
#2b3379 rgb(43,51,121)
```
#313988
```
#313988 rgb(49,57,136)
```
#363f96
```
#363f96 rgb(54,63,150)
```
#3b45a5
```
#3b45a5 rgb(59,69,165)
```
#404bb3
```
#404bb3 rgb(64,75,179)
```

Shade Color Variation

#4954be
```
#4954be rgb(73,84,190)
```
#5762c3
```
#5762c3 rgb(87,98,195)
```
#666fc8
```
#666fc8 rgb(102,111,200)
```
#747dcd
```
#747dcd rgb(116,125,205)
```
#838ad3
```
#838ad3 rgb(131,138,211)
```
#9198d8
```
#9198d8 rgb(145,152,216)
```
#9fa5dd
```
#9fa5dd rgb(159,165,221)
```
#aeb3e2
```
#aeb3e2 rgb(174,179,226)
```
#bcc0e7
```
#bcc0e7 rgb(188,192,231)
```
#cbceec
```
#cbceec rgb(203,206,236)
```
#d9dcf2
```
#d9dcf2 rgb(217,220,242)
```
#e8e9f7
```
#e8e9f7 rgb(232,233,247)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78787b is the less saturated color, while #081eeb is the most saturated one.

#78787b
```
#78787b rgb(120,120,123)
```
#6f7184
```
#6f7184 rgb(111,113,132)
```
#65698e
```
#65698e rgb(101,105,142)
```
#5c6297
```
#5c6297 rgb(92,98,151)
```
#535aa0
```
#535aa0 rgb(83,90,160)
```
#4953aa
```
#4953aa rgb(73,83,170)
```
#404bb3
```
#404bb3 rgb(64,75,179)
```
#3743bc
```
#3743bc rgb(55,67,188)
```
#2d3cc6
```
#2d3cc6 rgb(45,60,198)
```
#2434cf
```
#2434cf rgb(36,52,207)
```
#1b2dd8
```
#1b2dd8 rgb(27,45,216)
```
#1125e2
```
#1125e2 rgb(17,37,226)
```
#081eeb
```
#081eeb rgb(8,30,235)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#505267 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00619e Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#1755b4 Protanomaly 1% of men, 0.01% of women
#1759a6 Deuteranomaly 6% of men, 0.4% of women
#175d88 Tritanomaly 0.01% of the population

#404bb3 hex color

#404bb3 Color Information

#404bb3 Color Conversion

Color Schemes with #404bb3

Alternatives to #404bb3

#404bb3 Preview

Shades and Tints of #404bb3

Tones of #404bb3

Color Blindness Simulator