#414450 hex color

In a RGB color space, hex #414450 is composed of 25.5% red, 26.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 15% magenta, 0% yellow and 68.6% black. It has a hue angle of 228 degrees, a saturation of 10.3% and a lightness of 28.4%. #414450 color hex could be obtained by blending #8288a0 with #000000. Closest websafe color is: #333366.

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

● #414450 color description : Very dark grayish blue.

The hexadecimal color #414450 has RGB values of R:65, G:68, B:80 and CMYK values of C:0.19, M:0.15, Y:0, K:0.69. Its decimal value is 4277328.

Hex triplet	414450	`#414450`
RGB Decimal	65, 68, 80	`rgb(65,68,80)`
RGB Percent	25.5, 26.7, 31.4	`rgb(25.5%,26.7%,31.4%)`
CMYK	19, 15, 0, 69
HSL	228°, 10.3, 28.4	`hsl(228,10.3%,28.4%)`
HSV (or HSB)	228°, 18.8, 31.4
Web Safe	333366	`#333366`

CIE-LAB	28.998, 1.695, -7.611
XYZ	5.695, 5.837, 8.416
xyY	0.285, 0.293, 5.837
CIE-LCH	28.998, 7.797, 282.554
CIE-LUV	28.998, -2.115, -9.426
Hunter-Lab	24.16, -0.207, -3.74
Binary	01000001, 01000100, 01010000

#414450
```
#414450 rgb(65,68,80)
```
#504d41
```
#504d41 rgb(80,77,65)
```

Complementary Color

#414c50
```
#414c50 rgb(65,76,80)
```
#414450
```
#414450 rgb(65,68,80)
```
#464150
```
#464150 rgb(70,65,80)
```

Analogous Color

#4c5041
```
#4c5041 rgb(76,80,65)
```
#414450
```
#414450 rgb(65,68,80)
```
#504641
```
#504641 rgb(80,70,65)
```

Split Complementary Color

#445041
```
#445041 rgb(68,80,65)
```
#414450
```
#414450 rgb(65,68,80)
```
#504144
```
#504144 rgb(80,65,68)
```

Triadic Color

#41504d
```
#41504d rgb(65,80,77)
```
#414450
```
#414450 rgb(65,68,80)
```
#504144
```
#504144 rgb(80,65,68)
```
#504d41
```
#504d41 rgb(80,77,65)
```

Tetradic Color

#1f2026
```
#1f2026 rgb(31,32,38)
```
#2a2c34
```
#2a2c34 rgb(42,44,52)
```
#363842
```
#363842 rgb(54,56,66)
```
#414450
```
#414450 rgb(65,68,80)
```
#4c505e
```
#4c505e rgb(76,80,94)
```
#585c6c
```
#585c6c rgb(88,92,108)
```
#63687a
```
#63687a rgb(99,104,122)
```

Monochromatic Color

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

#414850
```
#414850 rgb(65,72,80)
```
#414750
```
#414750 rgb(65,71,80)
```
#414550
```
#414550 rgb(65,69,80)
```
#414450
```
#414450 rgb(65,68,80)
```
#414350
```
#414350 rgb(65,67,80)
```
#414250
```
#414250 rgb(65,66,80)
```
#424150
```
#424150 rgb(66,65,80)
```

Similar Colors

Text with hexadecimal color #414450

This text has a font color of #414450.

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

#414450 background color

This paragraph has a background color of #414450.

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

#414450 border color

This element has a border color of #414450.

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

CSS codes

.text {color:#414450;}

.background {background-color:#414450;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0c0d0f
```
#0c0d0f rgb(12,13,15)
```
#15161a
```
#15161a rgb(21,22,26)
```
#1e1f25
```
#1e1f25 rgb(30,31,37)
```
#272830
```
#272830 rgb(39,40,48)
```
#2f323a
```
#2f323a rgb(47,50,58)
```
#383b45
```
#383b45 rgb(56,59,69)
```
#414450
```
#414450 rgb(65,68,80)
```
#4a4d5b
```
#4a4d5b rgb(74,77,91)
```
#535666
```
#535666 rgb(83,86,102)
```
#5b6070
```
#5b6070 rgb(91,96,112)
```
#64697b
```
#64697b rgb(100,105,123)
```
#6d7286
```
#6d7286 rgb(109,114,134)
```

Shade Color Variation

#777c90
```
#777c90 rgb(119,124,144)
```
#818699
```
#818699 rgb(129,134,153)
```
#8c91a2
```
#8c91a2 rgb(140,145,162)
```
#979bab
```
#979bab rgb(151,155,171)
```
#a2a5b3
```
#a2a5b3 rgb(162,165,179)
```
#adb0bc
```
#adb0bc rgb(173,176,188)
```
#b7bac5
```
#b7bac5 rgb(183,186,197)
```
#c2c5ce
```
#c2c5ce rgb(194,197,206)
```
#cdcfd6
```
#cdcfd6 rgb(205,207,214)
```
#d8d9df
```
#d8d9df rgb(216,217,223)
```
#e3e4e8
```
#e3e4e8 rgb(227,228,232)
```
#eeeef1
```
#eeeef1 rgb(238,238,241)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#47474a
```
#47474a rgb(71,71,74)
```
#414450
```
#414450 rgb(65,68,80)
```
#3b4156
```
#3b4156 rgb(59,65,86)
```
#363d5b
```
#363d5b rgb(54,61,91)
```
#303a61
```
#303a61 rgb(48,58,97)
```
#2b3766
```
#2b3766 rgb(43,55,102)
```
#25336c
```
#25336c rgb(37,51,108)
```
#203071
```
#203071 rgb(32,48,113)
```
#1a2d77
```
#1a2d77 rgb(26,45,119)
```
#14297d
```
#14297d rgb(20,41,125)
```
#0f2682
```
#0f2682 rgb(15,38,130)
```
#092388
```
#092388 rgb(9,35,136)
```
#041f8d
```
#041f8d rgb(4,31,141)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#434446 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4d58 Protanopia 1% of men
#4f4c59 Deuteranopia 1% of men
#494e54 Tritanopia 0.001% of the population

Trichromacy

#474a55 Protanomaly 1% of men, 0.01% of women
#4a4956 Deuteranomaly 6% of men, 0.4% of women
#464a52 Tritanomaly 0.01% of the population

#414450 hex color

#414450 Color Information

#414450 Color Conversion

Color Schemes with #414450

Alternatives to #414450

#414450 Preview

Shades and Tints of #414450

Tones of #414450

Color Blindness Simulator