#334a71 hex color

In a RGB color space, hex #334a71 is composed of 20% red, 29% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 34.5% magenta, 0% yellow and 55.7% black. It has a hue angle of 217.7 degrees, a saturation of 37.8% and a lightness of 32.2%. #334a71 color hex could be obtained by blending #6694e2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 29
- B 44
RGB color chart
- C 55
- M 35
- Y 0
- K 56
CMYK color chart

● #334a71 color description : Very dark desaturated blue.

The hexadecimal color #334a71 has RGB values of R:51, G:74, B:113 and CMYK values of C:0.55, M:0.35, Y:0, K:0.56. Its decimal value is 3361393.

Hex triplet	334a71	`#334a71`
RGB Decimal	51, 74, 113	`rgb(51,74,113)`
RGB Percent	20, 29, 44.3	`rgb(20%,29%,44.3%)`
CMYK	55, 35, 0, 56
HSL	217.7°, 37.8, 32.2	`hsl(217.7,37.8%,32.2%)`
HSV (or HSB)	217.7°, 54.9, 44.3
Web Safe	333366	`#333366`

CIE-LAB	31.332, 3.491, -25.183
XYZ	6.794, 6.793, 16.575
xyY	0.225, 0.225, 6.793
CIE-LCH	31.332, 25.424, 277.893
CIE-LUV	31.332, -10.71, -33.562
Hunter-Lab	26.064, 0.917, -19.46
Binary	00110011, 01001010, 01110001

#334a71
```
#334a71 rgb(51,74,113)
```
#715a33
```
#715a33 rgb(113,90,51)
```

Complementary Color

#336971
```
#336971 rgb(51,105,113)
```
#334a71
```
#334a71 rgb(51,74,113)
```
#3b3371
```
#3b3371 rgb(59,51,113)
```

Analogous Color

#697133
```
#697133 rgb(105,113,51)
```
#334a71
```
#334a71 rgb(51,74,113)
```
#713b33
```
#713b33 rgb(113,59,51)
```

Split Complementary Color

#4a7133
```
#4a7133 rgb(74,113,51)
```
#334a71
```
#334a71 rgb(51,74,113)
```
#71334a
```
#71334a rgb(113,51,74)
```

Triadic Color

#33715a
```
#33715a rgb(51,113,90)
```
#334a71
```
#334a71 rgb(51,74,113)
```
#71334a
```
#71334a rgb(113,51,74)
```
#715a33
```
#715a33 rgb(113,90,51)
```

Tetradic Color

#1b273c
```
#1b273c rgb(27,39,60)
```
#23334e
```
#23334e rgb(35,51,78)
```
#2b3e5f
```
#2b3e5f rgb(43,62,95)
```
#334a71
```
#334a71 rgb(51,74,113)
```
#3b5683
```
#3b5683 rgb(59,86,131)
```
#436194
```
#436194 rgb(67,97,148)
```
#4b6da6
```
#4b6da6 rgb(75,109,166)
```

Monochromatic Color

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

#335a71
```
#335a71 rgb(51,90,113)
```
#335471
```
#335471 rgb(51,84,113)
```
#334f71
```
#334f71 rgb(51,79,113)
```
#334a71
```
#334a71 rgb(51,74,113)
```
#334571
```
#334571 rgb(51,69,113)
```
#334071
```
#334071 rgb(51,64,113)
```
#333b71
```
#333b71 rgb(51,59,113)
```

Similar Colors

Text with hexadecimal color #334a71

This text has a font color of #334a71.

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

#334a71 background color

This paragraph has a background color of #334a71.

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

#334a71 border color

This element has a border color of #334a71.

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

CSS codes

.text {color:#334a71;}

.background {background-color:#334a71;}

.border {border:1px solid #334a71;}

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

#020305
```
#020305 rgb(2,3,5)
```
#080c12
```
#080c12 rgb(8,12,18)
```
#0e1520
```
#0e1520 rgb(14,21,32)
```
#151e2d
```
#151e2d rgb(21,30,45)
```
#1b273b
```
#1b273b rgb(27,39,59)
```
#212f48
```
#212f48 rgb(33,47,72)
```
#273856
```
#273856 rgb(39,56,86)
```
#2d4163
```
#2d4163 rgb(45,65,99)
```
#334a71
```
#334a71 rgb(51,74,113)
```
#39537f
```
#39537f rgb(57,83,127)
```
#3f5c8c
```
#3f5c8c rgb(63,92,140)
```
#45659a
```
#45659a rgb(69,101,154)
```
#4b6da7
```
#4b6da7 rgb(75,109,167)
```

Shade Color Variation

#5477b2
```
#5477b2 rgb(84,119,178)
```
#6282b8
```
#6282b8 rgb(98,130,184)
```
#6f8cbe
```
#6f8cbe rgb(111,140,190)
```
#7d97c4
```
#7d97c4 rgb(125,151,196)
```
#8aa2ca
```
#8aa2ca rgb(138,162,202)
```
#98add0
```
#98add0 rgb(152,173,208)
```
#a5b8d7
```
#a5b8d7 rgb(165,184,215)
```
#b3c2dd
```
#b3c2dd rgb(179,194,221)
```
#c0cde3
```
#c0cde3 rgb(192,205,227)
```
#ced8e9
```
#ced8e9 rgb(206,216,233)
```
#dbe3ef
```
#dbe3ef rgb(219,227,239)
```
#e9edf5
```
#e9edf5 rgb(233,237,245)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

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

#4c5158
```
#4c5158 rgb(76,81,88)
```
#464f5e
```
#464f5e rgb(70,79,94)
```
#404d64
```
#404d64 rgb(64,77,100)
```
#394c6b
```
#394c6b rgb(57,76,107)
```
#334a71
```
#334a71 rgb(51,74,113)
```
#2d4877
```
#2d4877 rgb(45,72,119)
```
#26477e
```
#26477e rgb(38,71,126)
```
#204584
```
#204584 rgb(32,69,132)
```
#1a438a
```
#1a438a rgb(26,67,138)
```
#134291
```
#134291 rgb(19,66,145)
```
#0d4097
```
#0d4097 rgb(13,64,151)
```
#073f9d
```
#073f9d rgb(7,63,157)
```
#013da3
```
#013da3 rgb(1,61,163)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#444850 Atypical Achromatopsia 0.001% of the population

Dichromacy

#455177 Protanopia 1% of men
#405278 Deuteranopia 1% of men
#32585f Tritanopia 0.001% of the population

Trichromacy

#3e4f75 Protanomaly 1% of men, 0.01% of women
#3b4f75 Deuteranomaly 6% of men, 0.4% of women
#325365 Tritanomaly 0.01% of the population

#334a71 hex color

#334a71 Color Information

#334a71 Color Conversion

Color Schemes with #334a71

Alternatives to #334a71

#334a71 Preview

Shades and Tints of #334a71

Tones of #334a71

Color Blindness Simulator