#334b3f hex color

In a RGB color space, hex #334b3f is composed of 20% red, 29.4% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 0% magenta, 16% yellow and 70.6% black. It has a hue angle of 150 degrees, a saturation of 19% and a lightness of 24.7%. #334b3f color hex could be obtained by blending #66967e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 29
- B 25
RGB color chart
- C 32
- M 0
- Y 16
- K 71
CMYK color chart

● #334b3f color description : Very dark grayish cyan - lime green.

The hexadecimal color #334b3f has RGB values of R:51, G:75, B:63 and CMYK values of C:0.32, M:0, Y:0.16, K:0.71. Its decimal value is 3361599.

Hex triplet	334b3f	`#334b3f`
RGB Decimal	51, 75, 63	`rgb(51,75,63)`
RGB Percent	20, 29.4, 24.7	`rgb(20%,29.4%,24.7%)`
CMYK	32, 0, 16, 71
HSL	150°, 19, 24.7	`hsl(150,19%,24.7%)`
HSV (or HSB)	150°, 32, 29.4
Web Safe	333333	`#333333`

CIE-LAB	29.65, -12.232, 4.211
XYZ	4.778, 6.095, 5.627
xyY	0.29, 0.369, 6.095
CIE-LCH	29.65, 12.936, 161.004
CIE-LUV	29.65, -11.107, 6.452
Hunter-Lab	24.687, -8.654, 3.767
Binary	00110011, 01001011, 00111111

#334b3f
```
#334b3f rgb(51,75,63)
```
#4b333f
```
#4b333f rgb(75,51,63)
```

Complementary Color

#334b33
```
#334b33 rgb(51,75,51)
```
#334b3f
```
#334b3f rgb(51,75,63)
```
#334b4b
```
#334b4b rgb(51,75,75)
```

Analogous Color

#4b3333
```
#4b3333 rgb(75,51,51)
```
#334b3f
```
#334b3f rgb(51,75,63)
```
#4b334b
```
#4b334b rgb(75,51,75)
```

Split Complementary Color

#4b3f33
```
#4b3f33 rgb(75,63,51)
```
#334b3f
```
#334b3f rgb(51,75,63)
```
#3f334b
```
#3f334b rgb(63,51,75)
```

Triadic Color

#3f4b33
```
#3f4b33 rgb(63,75,51)
```
#334b3f
```
#334b3f rgb(51,75,63)
```
#3f334b
```
#3f334b rgb(63,51,75)
```
#4b333f
```
#4b333f rgb(75,51,63)
```

Tetradic Color

#141d19
```
#141d19 rgb(20,29,25)
```
#1e2d26
```
#1e2d26 rgb(30,45,38)
```
#293c32
```
#293c32 rgb(41,60,50)
```
#334b3f
```
#334b3f rgb(51,75,63)
```
#3d5a4c
```
#3d5a4c rgb(61,90,76)
```
#486959
```
#486959 rgb(72,105,89)
```
#527965
```
#527965 rgb(82,121,101)
```

Monochromatic Color

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

#334b39
```
#334b39 rgb(51,75,57)
```
#334b3b
```
#334b3b rgb(51,75,59)
```
#334b3d
```
#334b3d rgb(51,75,61)
```
#334b3f
```
#334b3f rgb(51,75,63)
```
#334b41
```
#334b41 rgb(51,75,65)
```
#334b43
```
#334b43 rgb(51,75,67)
```
#334b45
```
#334b45 rgb(51,75,69)
```

Similar Colors

Text with hexadecimal color #334b3f

This text has a font color of #334b3f.

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

#334b3f background color

This paragraph has a background color of #334b3f.

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

#334b3f border color

This element has a border color of #334b3f.

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

CSS codes

.text {color:#334b3f;}

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

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

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

#030504
```
#030504 rgb(3,5,4)
```
#0b110e
```
#0b110e rgb(11,17,14)
```
#131c18
```
#131c18 rgb(19,28,24)
```
#1b2822
```
#1b2822 rgb(27,40,34)
```
#23342b
```
#23342b rgb(35,52,43)
```
#2b3f35
```
#2b3f35 rgb(43,63,53)
```
#334b3f
```
#334b3f rgb(51,75,63)
```
#3b5749
```
#3b5749 rgb(59,87,73)
```
#436253
```
#436253 rgb(67,98,83)
```
#4b6e5c
```
#4b6e5c rgb(75,110,92)
```
#537a66
```
#537a66 rgb(83,122,102)
```
#5b8570
```
#5b8570 rgb(91,133,112)
```
#63917a
```
#63917a rgb(99,145,122)
```

Shade Color Variation

#6c9b84
```
#6c9b84 rgb(108,155,132)
```
#78a38d
```
#78a38d rgb(120,163,141)
```
#84ab97
```
#84ab97 rgb(132,171,151)
```
#8fb3a1
```
#8fb3a1 rgb(143,179,161)
```
#9bbbab
```
#9bbbab rgb(155,187,171)
```
#a7c3b5
```
#a7c3b5 rgb(167,195,181)
```
#b2cbbf
```
#b2cbbf rgb(178,203,191)
```
#bed3c8
```
#bed3c8 rgb(190,211,200)
```
#cadbd2
```
#cadbd2 rgb(202,219,210)
```
#d5e3dc
```
#d5e3dc rgb(213,227,220)
```
#e1ebe6
```
#e1ebe6 rgb(225,235,230)
```
#edf2f0
```
#edf2f0 rgb(237,242,240)
```
#f8faf9
```
#f8faf9 rgb(248,250,249)
```

Tint Color Variation

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

#3d413f
```
#3d413f rgb(61,65,63)
```
#38463f
```
#38463f rgb(56,70,63)
```
#334b3f
```
#334b3f rgb(51,75,63)
```
#2e503f
```
#2e503f rgb(46,80,63)
```
#29553f
```
#29553f rgb(41,85,63)
```
#245a3f
```
#245a3f rgb(36,90,63)
```
#205e3f
```
#205e3f rgb(32,94,63)
```
#1b633f
```
#1b633f rgb(27,99,63)
```
#16683f
```
#16683f rgb(22,104,63)
```
#116d3f
```
#116d3f rgb(17,109,63)
```
#0c723f
```
#0c723f rgb(12,114,63)
```
#07773f
```
#07773f rgb(7,119,63)
```
#037b3f
```
#037b3f rgb(3,123,63)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3f4441 Atypical Achromatopsia 0.001% of the population

Dichromacy

#524f46 Protanopia 1% of men
#584c4b Deuteranopia 1% of men
#415258 Tritanopia 0.001% of the population

Trichromacy

#474d43 Protanomaly 1% of men, 0.01% of women
#4a4c46 Deuteranomaly 6% of men, 0.4% of women
#3c4f4e Tritanomaly 0.01% of the population

#334b3f hex color

#334b3f Color Information

#334b3f Color Conversion

Color Schemes with #334b3f

Alternatives to #334b3f

#334b3f Preview

Shades and Tints of #334b3f

Tones of #334b3f

Color Blindness Simulator