#404150 hex color

In a RGB color space, hex #404150 is composed of 25.1% red, 25.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 18.8% magenta, 0% yellow and 68.6% black. It has a hue angle of 236.3 degrees, a saturation of 11.1% and a lightness of 28.2%. #404150 color hex could be obtained by blending #8082a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 25
- B 31
RGB color chart
- C 20
- M 19
- Y 0
- K 69
CMYK color chart

● #404150 color description : Very dark grayish blue.

The hexadecimal color #404150 has RGB values of R:64, G:65, B:80 and CMYK values of C:0.2, M:0.19, Y:0, K:0.69. Its decimal value is 4211024.

Hex triplet	404150	`#404150`
RGB Decimal	64, 65, 80	`rgb(64,65,80)`
RGB Percent	25.1, 25.5, 31.4	`rgb(25.1%,25.5%,31.4%)`
CMYK	20, 19, 0, 69
HSL	236.3°, 11.1, 28.2	`hsl(236.3,11.1%,28.2%)`
HSV (or HSB)	236.3°, 20, 31.4
Web Safe	333366	`#333366`

CIE-LAB	27.979, 3.268, -9.157
XYZ	5.452, 5.45, 8.354
xyY	0.283, 0.283, 5.45
CIE-LCH	27.979, 9.723, 289.642
CIE-LUV	27.979, -1.296, -11.429
Hunter-Lab	23.345, 0.837, -4.875
Binary	01000000, 01000001, 01010000

#404150
```
#404150 rgb(64,65,80)
```
#504f40
```
#504f40 rgb(80,79,64)
```

Complementary Color

#404950
```
#404950 rgb(64,73,80)
```
#404150
```
#404150 rgb(64,65,80)
```
#474050
```
#474050 rgb(71,64,80)
```

Analogous Color

#495040
```
#495040 rgb(73,80,64)
```
#404150
```
#404150 rgb(64,65,80)
```
#504740
```
#504740 rgb(80,71,64)
```

Split Complementary Color

#415040
```
#415040 rgb(65,80,64)
```
#404150
```
#404150 rgb(64,65,80)
```
#504041
```
#504041 rgb(80,64,65)
```

Triadic Color

#40504f
```
#40504f rgb(64,80,79)
```
#404150
```
#404150 rgb(64,65,80)
```
#504041
```
#504041 rgb(80,64,65)
```
#504f40
```
#504f40 rgb(80,79,64)
```

Tetradic Color

#1e1e26
```
#1e1e26 rgb(30,30,38)
```
#292a34
```
#292a34 rgb(41,42,52)
```
#353542
```
#353542 rgb(53,53,66)
```
#404150
```
#404150 rgb(64,65,80)
```
#4b4d5e
```
#4b4d5e rgb(75,77,94)
```
#57586c
```
#57586c rgb(87,88,108)
```
#62647b
```
#62647b rgb(98,100,123)
```

Monochromatic Color

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

#404550
```
#404550 rgb(64,69,80)
```
#404450
```
#404450 rgb(64,68,80)
```
#404250
```
#404250 rgb(64,66,80)
```
#404150
```
#404150 rgb(64,65,80)
```
#404050
```
#404050 rgb(64,64,80)
```
#424050
```
#424050 rgb(66,64,80)
```
#434050
```
#434050 rgb(67,64,80)
```

Similar Colors

Text with hexadecimal color #404150

This text has a font color of #404150.

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

#404150 background color

This paragraph has a background color of #404150.

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

#404150 border color

This element has a border color of #404150.

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

CSS codes

.text {color:#404150;}

.background {background-color:#404150;}

.border {border:1px solid #404150;}

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

#030304
```
#030304 rgb(3,3,4)
```
#0c0c0f
```
#0c0c0f rgb(12,12,15)
```
#14151a
```
#14151a rgb(20,21,26)
```
#1d1e24
```
#1d1e24 rgb(29,30,36)
```
#26262f
```
#26262f rgb(38,38,47)
```
#2f2f3a
```
#2f2f3a rgb(47,47,58)
```
#373845
```
#373845 rgb(55,56,69)
```
#404150
```
#404150 rgb(64,65,80)
```
#494a5b
```
#494a5b rgb(73,74,91)
```
#515366
```
#515366 rgb(81,83,102)
```
#5a5c71
```
#5a5c71 rgb(90,92,113)
```
#63647c
```
#63647c rgb(99,100,124)
```
#6c6d86
```
#6c6d86 rgb(108,109,134)
```

Shade Color Variation

#757791
```
#757791 rgb(117,119,145)
```
#808299
```
#808299 rgb(128,130,153)
```
#8b8ca2
```
#8b8ca2 rgb(139,140,162)
```
#9697ab
```
#9697ab rgb(150,151,171)
```
#a1a2b4
```
#a1a2b4 rgb(161,162,180)
```
#acadbc
```
#acadbc rgb(172,173,188)
```
#b6b7c5
```
#b6b7c5 rgb(182,183,197)
```
#c1c2ce
```
#c1c2ce rgb(193,194,206)
```
#cccdd6
```
#cccdd6 rgb(204,205,214)
```
#d7d8df
```
#d7d8df rgb(215,216,223)
```
#e2e2e8
```
#e2e2e8 rgb(226,226,232)
```
#ededf1
```
#ededf1 rgb(237,237,241)
```
#f8f8f9
```
#f8f8f9 rgb(248,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46464a is the less saturated color, while #030c8d is the most saturated one.

#46464a
```
#46464a rgb(70,70,74)
```
#404150
```
#404150 rgb(64,65,80)
```
#3a3c56
```
#3a3c56 rgb(58,60,86)
```
#35375b
```
#35375b rgb(53,55,91)
```
#2f3261
```
#2f3261 rgb(47,50,97)
```
#2a2e66
```
#2a2e66 rgb(42,46,102)
```
#24296c
```
#24296c rgb(36,41,108)
```
#1f2471
```
#1f2471 rgb(31,36,113)
```
#191f77
```
#191f77 rgb(25,31,119)
```
#141a7c
```
#141a7c rgb(20,26,124)
```
#0e1582
```
#0e1582 rgb(14,21,130)
```
#091187
```
#091187 rgb(9,17,135)
```
#030c8d
```
#030c8d rgb(3,12,141)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#424245 Atypical Achromatopsia 0.001% of the population

Dichromacy

#484b59 Protanopia 1% of men
#4b4a59 Deuteranopia 1% of men
#484c51 Tritanopia 0.001% of the population

Trichromacy

#454755 Protanomaly 1% of men, 0.01% of women
#474655 Deuteranomaly 6% of men, 0.4% of women
#454851 Tritanomaly 0.01% of the population

#404150 hex color

#404150 Color Information

#404150 Color Conversion

Color Schemes with #404150

Alternatives to #404150

#404150 Preview

Shades and Tints of #404150

Tones of #404150

Color Blindness Simulator