colorhexa.com

#334c7b hex color

In a RGB color space, hex #334c7b is composed of 20% red, 29.8% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 38.2% magenta, 0% yellow and 51.8% black. It has a hue angle of 219.2 degrees, a saturation of 41.4% and a lightness of 34.1%. #334c7b color hex could be obtained by blending #6698f6 with #000000. Closest websafe color is: #333366.

- R 20
- G 30
- B 48
RGB color chart
- C 59
- M 38
- Y 0
- K 52
CMYK color chart

● #334c7b color description : Dark moderate blue.

The hexadecimal color #334c7b has RGB values of R:51, G:76, B:123 and CMYK values of C:0.59, M:0.38, Y:0, K:0.52. Its decimal value is 3361915.

Hex triplet	334c7b	`#334c7b`
RGB Decimal	51, 76, 123	`rgb(51,76,123)`
RGB Percent	20, 29.8, 48.2	`rgb(20%,29.8%,48.2%)`
CMYK	59, 38, 0, 52
HSL	219.2°, 41.4, 34.1	`hsl(219.2,41.4%,34.1%)`
HSV (or HSB)	219.2°, 58.5, 48.2
Web Safe	333366	`#333366`

CIE-LAB	32.486, 5.699, -29.62
XYZ	7.524, 7.302, 19.751
xyY	0.218, 0.211, 7.302
CIE-LCH	32.486, 30.163, 280.89
CIE-LUV	32.486, -11.462, -40.365
Hunter-Lab	27.023, 2.41, -24.419
Binary	00110011, 01001100, 01111011

#334c7b
```
#334c7b rgb(51,76,123)
```
#7b6233
```
#7b6233 rgb(123,98,51)
```

Complementary Color

#33707b
```
#33707b rgb(51,112,123)
```
#334c7b
```
#334c7b rgb(51,76,123)
```
#3e337b
```
#3e337b rgb(62,51,123)
```

Analogous Color

#707b33
```
#707b33 rgb(112,123,51)
```
#334c7b
```
#334c7b rgb(51,76,123)
```
#7b3e33
```
#7b3e33 rgb(123,62,51)
```

Split Complementary Color

#4c7b33
```
#4c7b33 rgb(76,123,51)
```
#334c7b
```
#334c7b rgb(51,76,123)
```
#7b334c
```
#7b334c rgb(123,51,76)
```

Triadic Color

#1d2b45
```
#1d2b45 rgb(29,43,69)
```
#243657
```
#243657 rgb(36,54,87)
```
#2c4169
```
#2c4169 rgb(44,65,105)
```
#334c7b
```
#334c7b rgb(51,76,123)
```
#3a578d
```
#3a578d rgb(58,87,141)
```
#42629f
```
#42629f rgb(66,98,159)
```
#496db1
```
#496db1 rgb(73,109,177)
```

Monochromatic Color

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

#335e7b
```
#335e7b rgb(51,94,123)
```
#33587b
```
#33587b rgb(51,88,123)
```
#33527b
```
#33527b rgb(51,82,123)
```
#334c7b
```
#334c7b rgb(51,76,123)
```
#33467b
```
#33467b rgb(51,70,123)
```
#33407b
```
#33407b rgb(51,64,123)
```
#333a7b
```
#333a7b rgb(51,58,123)
```

Similar Colors

Text with hexadecimal color #334c7b

This text has a font color of #334c7b.

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

#334c7b background color

This paragraph has a background color of #334c7b.

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

#334c7b border color

This element has a border color of #334c7b.

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

CSS codes

.text {color:#334c7b;}

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

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

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, #05070c is the darkest color, while #fdfefe is the lightest one.

#05070c
```
#05070c rgb(5,7,12)
```
#0b101a
```
#0b101a rgb(11,16,26)
```
#111928
```
#111928 rgb(17,25,40)
```
#162136
```
#162136 rgb(22,33,54)
```
#1c2a44
```
#1c2a44 rgb(28,42,68)
```
#223251
```
#223251 rgb(34,50,81)
```
#283b5f
```
#283b5f rgb(40,59,95)
```
#2d436d
```
#2d436d rgb(45,67,109)
```
#334c7b
```
#334c7b rgb(51,76,123)
```
#395589
```
#395589 rgb(57,85,137)
```
#3e5d97
```
#3e5d97 rgb(62,93,151)
```
#4466a5
```
#4466a5 rgb(68,102,165)
```
#4a6eb2
```
#4a6eb2 rgb(74,110,178)
```

Shade Color Variation

#5779b9
```
#5779b9 rgb(87,121,185)
```
#6584bf
```
#6584bf rgb(101,132,191)
```
#738fc5
```
#738fc5 rgb(115,143,197)
```
#809acb
```
#809acb rgb(128,154,203)
```
#8ea5d0
```
#8ea5d0 rgb(142,165,208)
```
#9cb0d6
```
#9cb0d6 rgb(156,176,214)
```
#aabbdc
```
#aabbdc rgb(170,187,220)
```
#b8c6e2
```
#b8c6e2 rgb(184,198,226)
```
#c6d1e7
```
#c6d1e7 rgb(198,209,231)
```
#d4dced
```
#d4dced rgb(212,220,237)
```
#e1e7f3
```
#e1e7f3 rgb(225,231,243)
```
#eff3f9
```
#eff3f9 rgb(239,243,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#54565a
```
#54565a rgb(84,86,90)
```
#4e5460
```
#4e5460 rgb(78,84,96)
```
#475267
```
#475267 rgb(71,82,103)
```
#40506e
```
#40506e rgb(64,80,110)
```
#3a4e74
```
#3a4e74 rgb(58,78,116)
```
#334c7b
```
#334c7b rgb(51,76,123)
```
#2c4a82
```
#2c4a82 rgb(44,74,130)
```
#264888
```
#264888 rgb(38,72,136)
```
#1f468f
```
#1f468f rgb(31,70,143)
```
#184496
```
#184496 rgb(24,68,150)
```
#12429c
```
#12429c rgb(18,66,156)
```
#0b40a3
```
#0b40a3 rgb(11,64,163)
```
#043eaa
```
#043eaa rgb(4,62,170)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#454a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#435481 Protanopia 1% of men
#3b5581 Deuteranopia 1% of men
#2d5c62 Tritanopia 0.001% of the population

Trichromacy

#3d517e Protanomaly 1% of men, 0.01% of women
#38527f Deuteranomaly 6% of men, 0.4% of women
#2f566b Tritanomaly 0.01% of the population