#334055 hex color

In a RGB color space, hex #334055 is composed of 20% red, 25.1% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 24.7% magenta, 0% yellow and 66.7% black. It has a hue angle of 217.1 degrees, a saturation of 25% and a lightness of 26.7%. #334055 color hex could be obtained by blending #6680aa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 25
- B 33
RGB color chart
- C 40
- M 25
- Y 0
- K 67
CMYK color chart

● #334055 color description : Very dark desaturated blue.

The hexadecimal color #334055 has RGB values of R:51, G:64, B:85 and CMYK values of C:0.4, M:0.25, Y:0, K:0.67. Its decimal value is 3358805.

Hex triplet	334055	`#334055`
RGB Decimal	51, 64, 85	`rgb(51,64,85)`
RGB Percent	20, 25.1, 33.3	`rgb(20%,25.1%,33.3%)`
CMYK	40, 25, 0, 67
HSL	217.1°, 25, 26.7	`hsl(217.1,25%,26.7%)`
HSV (or HSB)	217.1°, 40, 33.3
Web Safe	333366	`#333366`

CIE-LAB	26.81, 0.777, -14.298
XYZ	4.838, 5.026, 9.309
xyY	0.252, 0.262, 5.026
CIE-LCH	26.81, 14.319, 273.111
CIE-LUV	26.81, -6.594, -17.46
Hunter-Lab	22.419, -0.715, -8.925
Binary	00110011, 01000000, 01010101

#334055
```
#334055 rgb(51,64,85)
```
#554833
```
#554833 rgb(85,72,51)
```

Complementary Color

#335155
```
#335155 rgb(51,81,85)
```
#334055
```
#334055 rgb(51,64,85)
```
#373355
```
#373355 rgb(55,51,85)
```

Analogous Color

#515533
```
#515533 rgb(81,85,51)
```
#334055
```
#334055 rgb(51,64,85)
```
#553733
```
#553733 rgb(85,55,51)
```

Split Complementary Color

#405533
```
#405533 rgb(64,85,51)
```
#334055
```
#334055 rgb(51,64,85)
```
#553340
```
#553340 rgb(85,51,64)
```

Triadic Color

#335548
```
#335548 rgb(51,85,72)
```
#334055
```
#334055 rgb(51,64,85)
```
#553340
```
#553340 rgb(85,51,64)
```
#554833
```
#554833 rgb(85,72,51)
```

Tetradic Color

#161c25
```
#161c25 rgb(22,28,37)
```
#202835
```
#202835 rgb(32,40,53)
```
#293445
```
#293445 rgb(41,52,69)
```
#334055
```
#334055 rgb(51,64,85)
```
#3d4c65
```
#3d4c65 rgb(61,76,101)
```
#465875
```
#465875 rgb(70,88,117)
```
#506485
```
#506485 rgb(80,100,133)
```

Monochromatic Color

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

#334955
```
#334955 rgb(51,73,85)
```
#334655
```
#334655 rgb(51,70,85)
```
#334355
```
#334355 rgb(51,67,85)
```
#334055
```
#334055 rgb(51,64,85)
```
#333d55
```
#333d55 rgb(51,61,85)
```
#333a55
```
#333a55 rgb(51,58,85)
```
#333855
```
#333855 rgb(51,56,85)
```

Similar Colors

Text with hexadecimal color #334055

This text has a font color of #334055.

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

#334055 background color

This paragraph has a background color of #334055.

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

#334055 border color

This element has a border color of #334055.

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

CSS codes

.text {color:#334055;}

.background {background-color:#334055;}

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

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, #07090b is the darkest color, while #fefeff is the lightest one.

#07090b
```
#07090b rgb(7,9,11)
```
#0e1218
```
#0e1218 rgb(14,18,24)
```
#161b24
```
#161b24 rgb(22,27,36)
```
#1d2430
```
#1d2430 rgb(29,36,48)
```
#242e3c
```
#242e3c rgb(36,46,60)
```
#2c3749
```
#2c3749 rgb(44,55,73)
```
#334055
```
#334055 rgb(51,64,85)
```
#3a4961
```
#3a4961 rgb(58,73,97)
```
#42526e
```
#42526e rgb(66,82,110)
```
#495c7a
```
#495c7a rgb(73,92,122)
```
#506586
```
#506586 rgb(80,101,134)
```
#586e92
```
#586e92 rgb(88,110,146)
```
#5f779f
```
#5f779f rgb(95,119,159)
```

Shade Color Variation

#6b82a6
```
#6b82a6 rgb(107,130,166)
```
#778cae
```
#778cae rgb(119,140,174)
```
#8496b5
```
#8496b5 rgb(132,150,181)
```
#90a1bc
```
#90a1bc rgb(144,161,188)
```
#9cabc4
```
#9cabc4 rgb(156,171,196)
```
#a8b6cb
```
#a8b6cb rgb(168,182,203)
```
#b5c0d2
```
#b5c0d2 rgb(181,192,210)
```
#c1cada
```
#c1cada rgb(193,202,218)
```
#cdd5e1
```
#cdd5e1 rgb(205,213,225)
```
#d9dfe8
```
#d9dfe8 rgb(217,223,232)
```
#e6eaf0
```
#e6eaf0 rgb(230,234,240)
```
#f2f4f7
```
#f2f4f7 rgb(242,244,247)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#434445
```
#434445 rgb(67,68,69)
```
#3d424b
```
#3d424b rgb(61,66,75)
```
#384150
```
#384150 rgb(56,65,80)
```
#334055
```
#334055 rgb(51,64,85)
```
#2e3f5a
```
#2e3f5a rgb(46,63,90)
```
#293e5f
```
#293e5f rgb(41,62,95)
```
#233c65
```
#233c65 rgb(35,60,101)
```
#1e3b6a
```
#1e3b6a rgb(30,59,106)
```
#193a6f
```
#193a6f rgb(25,58,111)
```
#143974
```
#143974 rgb(20,57,116)
```
#0e377a
```
#0e377a rgb(14,55,122)
```
#09367f
```
#09367f rgb(9,54,127)
```
#043584
```
#043584 rgb(4,53,132)
```

Tone Color Variation

Below, you can see how #334055 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
#3d3f43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#43485c Protanopia 1% of men
#43485e Deuteranopia 1% of men
#394c51 Tritanopia 0.001% of the population

Trichromacy

#3d455a Protanomaly 1% of men, 0.01% of women
#3d455b Deuteranomaly 6% of men, 0.4% of women
#374752 Tritanomaly 0.01% of the population

#334055 hex color

#334055 Color Information

#334055 Color Conversion

Color Schemes with #334055

Alternatives to #334055

#334055 Preview

Shades and Tints of #334055

Tones of #334055

Color Blindness Simulator