#334a95 hex color

In a RGB color space, hex #334a95 is composed of 20% red, 29% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 50.3% magenta, 0% yellow and 41.6% black. It has a hue angle of 225.9 degrees, a saturation of 49% and a lightness of 39.2%. #334a95 color hex could be obtained by blending #6694ff with #00002b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 29
- B 58
RGB color chart
- C 66
- M 50
- Y 0
- K 42
CMYK color chart

● #334a95 color description : Dark moderate blue.

The hexadecimal color #334a95 has RGB values of R:51, G:74, B:149 and CMYK values of C:0.66, M:0.5, Y:0, K:0.42. Its decimal value is 3361429.

Hex triplet	334a95	`#334a95`
RGB Decimal	51, 74, 149	`rgb(51,74,149)`
RGB Percent	20, 29, 58.4	`rgb(20%,29%,58.4%)`
CMYK	66, 50, 0, 42
HSL	225.9°, 49, 39.2	`hsl(225.9,49%,39.2%)`
HSV (or HSB)	225.9°, 65.8, 58.4
Web Safe	333399	`#333399`

CIE-LAB	33.501, 16.52, -43.988
XYZ	9.238, 7.771, 29.445
xyY	0.199, 0.167, 7.771
CIE-LCH	33.501, 46.988, 290.584
CIE-LUV	33.501, -11.01, -61.727
Hunter-Lab	27.876, 10.369, -43.114
Binary	00110011, 01001010, 10010101

#334a95
```
#334a95 rgb(51,74,149)
```
#957e33
```
#957e33 rgb(149,126,51)
```

Complementary Color

#337b95
```
#337b95 rgb(51,123,149)
```
#334a95
```
#334a95 rgb(51,74,149)
```
#4d3395
```
#4d3395 rgb(77,51,149)
```

Analogous Color

#7b9533
```
#7b9533 rgb(123,149,51)
```
#334a95
```
#334a95 rgb(51,74,149)
```
#954d33
```
#954d33 rgb(149,77,51)
```

Split Complementary Color

#4a9533
```
#4a9533 rgb(74,149,51)
```
#334a95
```
#334a95 rgb(51,74,149)
```
#95334a
```
#95334a rgb(149,51,74)
```

Triadic Color

#33957e
```
#33957e rgb(51,149,126)
```
#334a95
```
#334a95 rgb(51,74,149)
```
#95334a
```
#95334a rgb(149,51,74)
```
#957e33
```
#957e33 rgb(149,126,51)
```

Tetradic Color

#1f2e5c
```
#1f2e5c rgb(31,46,92)
```
#26376f
```
#26376f rgb(38,55,111)
```
#2c4182
```
#2c4182 rgb(44,65,130)
```
#334a95
```
#334a95 rgb(51,74,149)
```
#3a53a8
```
#3a53a8 rgb(58,83,168)
```
#405dbb
```
#405dbb rgb(64,93,187)
```
#516cc3
```
#516cc3 rgb(81,108,195)
```

Monochromatic Color

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

#336395
```
#336395 rgb(51,99,149)
```
#335a95
```
#335a95 rgb(51,90,149)
```
#335295
```
#335295 rgb(51,82,149)
```
#334a95
```
#334a95 rgb(51,74,149)
```
#334295
```
#334295 rgb(51,66,149)
```
#333a95
```
#333a95 rgb(51,58,149)
```
#353395
```
#353395 rgb(53,51,149)
```

Similar Colors

Text with hexadecimal color #334a95

This text has a font color of #334a95.

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

#334a95 background color

This paragraph has a background color of #334a95.

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

#334a95 border color

This element has a border color of #334a95.

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

CSS codes

.text {color:#334a95;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060911
```
#060911 rgb(6,9,17)
```
#0b1020
```
#0b1020 rgb(11,16,32)
```
#10172f
```
#10172f rgb(16,23,47)
```
#151e3d
```
#151e3d rgb(21,30,61)
```
#1a264c
```
#1a264c rgb(26,38,76)
```
#1f2d5b
```
#1f2d5b rgb(31,45,91)
```
#243469
```
#243469 rgb(36,52,105)
```
#293b78
```
#293b78 rgb(41,59,120)
```
#2e4386
```
#2e4386 rgb(46,67,134)
```
#334a95
```
#334a95 rgb(51,74,149)
```
#3851a4
```
#3851a4 rgb(56,81,164)
```
#3d59b2
```
#3d59b2 rgb(61,89,178)
```

Shade Color Variation

#4461bf
```
#4461bf rgb(68,97,191)
```
#536dc4
```
#536dc4 rgb(83,109,196)
```
#6179c9
```
#6179c9 rgb(97,121,201)
```
#7086ce
```
#7086ce rgb(112,134,206)
```
#7e92d3
```
#7e92d3 rgb(126,146,211)
```
#8d9fd8
```
#8d9fd8 rgb(141,159,216)
```
#9cabdd
```
#9cabdd rgb(156,171,221)
```
#aab7e2
```
#aab7e2 rgb(170,183,226)
```
#b9c4e7
```
#b9c4e7 rgb(185,196,231)
```
#c7d0ec
```
#c7d0ec rgb(199,208,236)
```
#d6dcf1
```
#d6dcf1 rgb(214,220,241)
```
#e5e9f6
```
#e5e9f6 rgb(229,233,246)
```
#f3f5fb
```
#f3f5fb rgb(243,245,251)
```

Tint Color Variation

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

#616267
```
#616267 rgb(97,98,103)
```
#595e6f
```
#595e6f rgb(89,94,111)
```
#525a76
```
#525a76 rgb(82,90,118)
```
#4a567e
```
#4a567e rgb(74,86,126)
```
#425286
```
#425286 rgb(66,82,134)
```
#3b4e8d
```
#3b4e8d rgb(59,78,141)
```
#334a95
```
#334a95 rgb(51,74,149)
```
#2b469d
```
#2b469d rgb(43,70,157)
```
#2442a4
```
#2442a4 rgb(36,66,164)
```
#1c3eac
```
#1c3eac rgb(28,62,172)
```
#143ab4
```
#143ab4 rgb(20,58,180)
```
#0d36bb
```
#0d36bb rgb(13,54,187)
```
#0532c3
```
#0532c3 rgb(5,50,195)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#474c5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c559c Protanopia 1% of men
#005994 Deuteranopia 1% of men
#0a6067 Tritanopia 0.001% of the population

Trichromacy

#2e5199 Protanomaly 1% of men, 0.01% of women
#125394 Deuteranomaly 6% of men, 0.4% of women
#195878 Tritanomaly 0.01% of the population

#334a95 hex color

#334a95 Color Information

#334a95 Color Conversion

Color Schemes with #334a95

Alternatives to #334a95

#334a95 Preview

Shades and Tints of #334a95

Tones of #334a95

Color Blindness Simulator