#334150 hex color

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

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

● #334150 color description : Very dark desaturated blue.

The hexadecimal color #334150 has RGB values of R:51, G:65, B:80 and CMYK values of C:0.36, M:0.19, Y:0, K:0.69. Its decimal value is 3359056.

Hex triplet	334150	`#334150`
RGB Decimal	51, 65, 80	`rgb(51,65,80)`
RGB Percent	20, 25.5, 31.4	`rgb(20%,25.5%,31.4%)`
CMYK	36, 19, 0, 69
HSL	211°, 22.1, 25.7	`hsl(211,22.1%,25.7%)`
HSV (or HSB)	211°, 36.3, 31.4
Web Safe	333366	`#333366`

CIE-LAB	26.915, -1.413, -10.873
XYZ	4.703, 5.063, 8.319
xyY	0.26, 0.28, 5.063
CIE-LCH	26.915, 10.965, 262.595
CIE-LUV	26.915, -6.895, -12.888
Hunter-Lab	22.502, -2.07, -6.167
Binary	00110011, 01000001, 01010000

#334150
```
#334150 rgb(51,65,80)
```
#504233
```
#504233 rgb(80,66,51)
```

Complementary Color

#335050
```
#335050 rgb(51,80,80)
```
#334150
```
#334150 rgb(51,65,80)
```
#343350
```
#343350 rgb(52,51,80)
```

Analogous Color

#505033
```
#505033 rgb(80,80,51)
```
#334150
```
#334150 rgb(51,65,80)
```
#503433
```
#503433 rgb(80,52,51)
```

Split Complementary Color

#415033
```
#415033 rgb(65,80,51)
```
#334150
```
#334150 rgb(51,65,80)
```
#503341
```
#503341 rgb(80,51,65)
```

Triadic Color

#335042
```
#335042 rgb(51,80,66)
```
#334150
```
#334150 rgb(51,65,80)
```
#503341
```
#503341 rgb(80,51,65)
```
#504233
```
#504233 rgb(80,66,51)
```

Tetradic Color

#151b21
```
#151b21 rgb(21,27,33)
```
#1f2831
```
#1f2831 rgb(31,40,49)
```
#293440
```
#293440 rgb(41,52,64)
```
#334150
```
#334150 rgb(51,65,80)
```
#3d4e60
```
#3d4e60 rgb(61,78,96)
```
#475a6f
```
#475a6f rgb(71,90,111)
```
#51677f
```
#51677f rgb(81,103,127)
```

Monochromatic Color

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

#334850
```
#334850 rgb(51,72,80)
```
#334650
```
#334650 rgb(51,70,80)
```
#334350
```
#334350 rgb(51,67,80)
```
#334150
```
#334150 rgb(51,65,80)
```
#333f50
```
#333f50 rgb(51,63,80)
```
#333c50
```
#333c50 rgb(51,60,80)
```
#333a50
```
#333a50 rgb(51,58,80)
```

Similar Colors

Text with hexadecimal color #334150

This text has a font color of #334150.

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

#334150 background color

This paragraph has a background color of #334150.

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

#334150 border color

This element has a border color of #334150.

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

CSS codes

.text {color:#334150;}

.background {background-color:#334150;}

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0d1014
```
#0d1014 rgb(13,16,20)
```
#141a20
```
#141a20 rgb(20,26,32)
```
#1c242c
```
#1c242c rgb(28,36,44)
```
#242e38
```
#242e38 rgb(36,46,56)
```
#2b3744
```
#2b3744 rgb(43,55,68)
```
#334150
```
#334150 rgb(51,65,80)
```
#3b4b5c
```
#3b4b5c rgb(59,75,92)
```
#425468
```
#425468 rgb(66,84,104)
```
#4a5e74
```
#4a5e74 rgb(74,94,116)
```
#526880
```
#526880 rgb(82,104,128)
```
#59728c
```
#59728c rgb(89,114,140)
```
#617b98
```
#617b98 rgb(97,123,152)
```

Shade Color Variation

#6b85a1
```
#6b85a1 rgb(107,133,161)
```
#778fa9
```
#778fa9 rgb(119,143,169)
```
#8399b0
```
#8399b0 rgb(131,153,176)
```
#8fa3b8
```
#8fa3b8 rgb(143,163,184)
```
#9badbf
```
#9badbf rgb(155,173,191)
```
#a7b7c7
```
#a7b7c7 rgb(167,183,199)
```
#b3c1cf
```
#b3c1cf rgb(179,193,207)
```
#bfcad6
```
#bfcad6 rgb(191,202,214)
```
#cbd4de
```
#cbd4de rgb(203,212,222)
```
#d7dee6
```
#d7dee6 rgb(215,222,230)
```
#e3e8ed
```
#e3e8ed rgb(227,232,237)
```
#eff2f5
```
#eff2f5 rgb(239,242,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3d4146 is the less saturated color, while #013f82 is the most saturated one.

#3d4146
```
#3d4146 rgb(61,65,70)
```
#38414b
```
#38414b rgb(56,65,75)
```
#334150
```
#334150 rgb(51,65,80)
```
#2e4155
```
#2e4155 rgb(46,65,85)
```
#29415a
```
#29415a rgb(41,65,90)
```
#24405f
```
#24405f rgb(36,64,95)
```
#1f4064
```
#1f4064 rgb(31,64,100)
```
#1a4069
```
#1a4069 rgb(26,64,105)
```
#15406e
```
#15406e rgb(21,64,110)
```
#104073
```
#104073 rgb(16,64,115)
```
#0b4078
```
#0b4078 rgb(11,64,120)
```
#063f7d
```
#063f7d rgb(6,63,125)
```
#013f82
```
#013f82 rgb(1,63,130)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3d3f42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#464857 Protanopia 1% of men
#47485a Deuteranopia 1% of men
#3b4c51 Tritanopia 0.001% of the population

Trichromacy

#3f4655 Protanomaly 1% of men, 0.01% of women
#404556 Deuteranomaly 6% of men, 0.4% of women
#384851 Tritanomaly 0.01% of the population

#334150 hex color

#334150 Color Information

#334150 Color Conversion

Color Schemes with #334150

Alternatives to #334150

#334150 Preview

Shades and Tints of #334150

Tones of #334150

Color Blindness Simulator