#334550 hex color

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

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

● #334550 color description : Very dark desaturated blue.

The hexadecimal color #334550 has RGB values of R:51, G:69, B:80 and CMYK values of C:0.36, M:0.14, Y:0, K:0.69. Its decimal value is 3360080.

Hex triplet	334550	`#334550`
RGB Decimal	51, 69, 80	`rgb(51,69,80)`
RGB Percent	20, 27.1, 31.4	`rgb(20%,27.1%,31.4%)`
CMYK	36, 14, 0, 69
HSL	202.8°, 22.1, 25.7	`hsl(202.8,22.1%,25.7%)`
HSV (or HSB)	202.8°, 36.3, 31.4
Web Safe	333366	`#333366`

CIE-LAB	28.218, -3.989, -8.894
XYZ	4.941, 5.539, 8.398
xyY	0.262, 0.293, 5.539
CIE-LCH	28.218, 9.748, 245.843
CIE-LUV	28.218, -8.539, -10.283
Hunter-Lab	23.535, -3.712, -4.681
Binary	00110011, 01000101, 01010000

#334550
```
#334550 rgb(51,69,80)
```
#503e33
```
#503e33 rgb(80,62,51)
```

Complementary Color

#33504d
```
#33504d rgb(51,80,77)
```
#334550
```
#334550 rgb(51,69,80)
```
#333750
```
#333750 rgb(51,55,80)
```

Analogous Color

#504d33
```
#504d33 rgb(80,77,51)
```
#334550
```
#334550 rgb(51,69,80)
```
#503337
```
#503337 rgb(80,51,55)
```

Split Complementary Color

#455033
```
#455033 rgb(69,80,51)
```
#334550
```
#334550 rgb(51,69,80)
```
#503345
```
#503345 rgb(80,51,69)
```

Triadic Color

#33503e
```
#33503e rgb(51,80,62)
```
#334550
```
#334550 rgb(51,69,80)
```
#503345
```
#503345 rgb(80,51,69)
```
#503e33
```
#503e33 rgb(80,62,51)
```

Tetradic Color

#151d21
```
#151d21 rgb(21,29,33)
```
#1f2a31
```
#1f2a31 rgb(31,42,49)
```
#293840
```
#293840 rgb(41,56,64)
```
#334550
```
#334550 rgb(51,69,80)
```
#3d5260
```
#3d5260 rgb(61,82,96)
```
#47606f
```
#47606f rgb(71,96,111)
```
#516d7f
```
#516d7f rgb(81,109,127)
```

Monochromatic Color

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

#334c50
```
#334c50 rgb(51,76,80)
```
#334a50
```
#334a50 rgb(51,74,80)
```
#334750
```
#334750 rgb(51,71,80)
```
#334550
```
#334550 rgb(51,69,80)
```
#334350
```
#334350 rgb(51,67,80)
```
#334050
```
#334050 rgb(51,64,80)
```
#333e50
```
#333e50 rgb(51,62,80)
```

Similar Colors

Text with hexadecimal color #334550

This text has a font color of #334550.

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

#334550 background color

This paragraph has a background color of #334550.

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

#334550 border color

This element has a border color of #334550.

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

CSS codes

.text {color:#334550;}

.background {background-color:#334550;}

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

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)
```
#0d1114
```
#0d1114 rgb(13,17,20)
```
#141c20
```
#141c20 rgb(20,28,32)
```
#1c262c
```
#1c262c rgb(28,38,44)
```
#243038
```
#243038 rgb(36,48,56)
```
#2b3b44
```
#2b3b44 rgb(43,59,68)
```
#334550
```
#334550 rgb(51,69,80)
```
#3b4f5c
```
#3b4f5c rgb(59,79,92)
```
#425a68
```
#425a68 rgb(66,90,104)
```
#4a6474
```
#4a6474 rgb(74,100,116)
```
#526e80
```
#526e80 rgb(82,110,128)
```
#59798c
```
#59798c rgb(89,121,140)
```
#618398
```
#618398 rgb(97,131,152)
```

Shade Color Variation

#6b8da1
```
#6b8da1 rgb(107,141,161)
```
#7796a9
```
#7796a9 rgb(119,150,169)
```
#839fb0
```
#839fb0 rgb(131,159,176)
```
#8fa8b8
```
#8fa8b8 rgb(143,168,184)
```
#9bb2bf
```
#9bb2bf rgb(155,178,191)
```
#a7bbc7
```
#a7bbc7 rgb(167,187,199)
```
#b3c4cf
```
#b3c4cf rgb(179,196,207)
```
#bfced6
```
#bfced6 rgb(191,206,214)
```
#cbd7de
```
#cbd7de rgb(203,215,222)
```
#d7e0e6
```
#d7e0e6 rgb(215,224,230)
```
#e3e9ed
```
#e3e9ed rgb(227,233,237)
```
#eff3f5
```
#eff3f5 rgb(239,243,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#3d4346
```
#3d4346 rgb(61,67,70)
```
#38444b
```
#38444b rgb(56,68,75)
```
#334550
```
#334550 rgb(51,69,80)
```
#2e4655
```
#2e4655 rgb(46,70,85)
```
#29475a
```
#29475a rgb(41,71,90)
```
#24495f
```
#24495f rgb(36,73,95)
```
#1f4a64
```
#1f4a64 rgb(31,74,100)
```
#1a4b69
```
#1a4b69 rgb(26,75,105)
```
#154c6e
```
#154c6e rgb(21,76,110)
```
#104e73
```
#104e73 rgb(16,78,115)
```
#0b4f78
```
#0b4f78 rgb(11,79,120)
```
#06507d
```
#06507d rgb(6,80,125)
```
#015182
```
#015182 rgb(1,81,130)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e4244 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4b57 Protanopia 1% of men
#4c4a5a Deuteranopia 1% of men
#3c4f55 Tritanopia 0.001% of the population

Trichromacy

#414954 Protanomaly 1% of men, 0.01% of women
#424856 Deuteranomaly 6% of men, 0.4% of women
#394b53 Tritanomaly 0.01% of the population

#334550 hex color

#334550 Color Information

#334550 Color Conversion

Color Schemes with #334550

Alternatives to #334550

#334550 Preview

Shades and Tints of #334550

Tones of #334550

Color Blindness Simulator