#334f6b hex color

In a RGB color space, hex #334f6b is composed of 20% red, 31% green and 42% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 26.2% magenta, 0% yellow and 58% black. It has a hue angle of 210 degrees, a saturation of 35.4% and a lightness of 31%. #334f6b color hex could be obtained by blending #669ed6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 31
- B 42
RGB color chart
- C 52
- M 26
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #334f6b has RGB values of R:51, G:79, B:107 and CMYK values of C:0.52, M:0.26, Y:0, K:0.58. Its decimal value is 3362667.

Hex triplet	334f6b	`#334f6b`
RGB Decimal	51, 79, 107	`rgb(51,79,107)`
RGB Percent	20, 31, 42	`rgb(20%,31%,42%)`
CMYK	52, 26, 0, 58
HSL	210°, 35.4, 31	`hsl(210,35.4%,31%)`
HSV (or HSB)	210°, 52.3, 42
Web Safe	336666	`#336666`

CIE-LAB	32.606, -1.794, -19.421
XYZ	6.814, 7.357, 14.97
xyY	0.234, 0.252, 7.357
CIE-LCH	32.606, 19.504, 264.722
CIE-LUV	32.606, -12.574, -25.355
Hunter-Lab	27.124, -2.621, -13.737
Binary	00110011, 01001111, 01101011

#334f6b
```
#334f6b rgb(51,79,107)
```
#6b4f33
```
#6b4f33 rgb(107,79,51)
```

Complementary Color

#336b6b
```
#336b6b rgb(51,107,107)
```
#334f6b
```
#334f6b rgb(51,79,107)
```
#33336b
```
#33336b rgb(51,51,107)
```

Analogous Color

#6b6b33
```
#6b6b33 rgb(107,107,51)
```
#334f6b
```
#334f6b rgb(51,79,107)
```
#6b3333
```
#6b3333 rgb(107,51,51)
```

Split Complementary Color

#4f6b33
```
#4f6b33 rgb(79,107,51)
```
#334f6b
```
#334f6b rgb(51,79,107)
```
#6b334f
```
#6b334f rgb(107,51,79)
```

Triadic Color

#336b4f
```
#336b4f rgb(51,107,79)
```
#334f6b
```
#334f6b rgb(51,79,107)
```
#6b334f
```
#6b334f rgb(107,51,79)
```
#6b4f33
```
#6b4f33 rgb(107,79,51)
```

Tetradic Color

#1a2937
```
#1a2937 rgb(26,41,55)
```
#233648
```
#233648 rgb(35,54,72)
```
#2b425a
```
#2b425a rgb(43,66,90)
```
#334f6b
```
#334f6b rgb(51,79,107)
```
#3b5c7c
```
#3b5c7c rgb(59,92,124)
```
#43698e
```
#43698e rgb(67,105,142)
```
#4c759f
```
#4c759f rgb(76,117,159)
```

Monochromatic Color

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

#335d6b
```
#335d6b rgb(51,93,107)
```
#33586b
```
#33586b rgb(51,88,107)
```
#33546b
```
#33546b rgb(51,84,107)
```
#334f6b
```
#334f6b rgb(51,79,107)
```
#334a6b
```
#334a6b rgb(51,74,107)
```
#33466b
```
#33466b rgb(51,70,107)
```
#33416b
```
#33416b rgb(51,65,107)
```

Similar Colors

Text with hexadecimal color #334f6b

This text has a font color of #334f6b.

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

#334f6b background color

This paragraph has a background color of #334f6b.

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

#334f6b border color

This element has a border color of #334f6b.

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

CSS codes

.text {color:#334f6b;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070a0e
```
#070a0e rgb(7,10,14)
```
#0d141b
```
#0d141b rgb(13,20,27)
```
#131e29
```
#131e29 rgb(19,30,41)
```
#1a2836
```
#1a2836 rgb(26,40,54)
```
#203243
```
#203243 rgb(32,50,67)
```
#263b50
```
#263b50 rgb(38,59,80)
```
#2d455e
```
#2d455e rgb(45,69,94)
```
#334f6b
```
#334f6b rgb(51,79,107)
```
#395978
```
#395978 rgb(57,89,120)
```
#406386
```
#406386 rgb(64,99,134)
```
#466c93
```
#466c93 rgb(70,108,147)
```
#4c76a0
```
#4c76a0 rgb(76,118,160)
```

Shade Color Variation

#5380ad
```
#5380ad rgb(83,128,173)
```
#608ab3
```
#608ab3 rgb(96,138,179)
```
#6e94ba
```
#6e94ba rgb(110,148,186)
```
#7b9dc0
```
#7b9dc0 rgb(123,157,192)
```
#88a7c6
```
#88a7c6 rgb(136,167,198)
```
#95b1cd
```
#95b1cd rgb(149,177,205)
```
#a3bbd3
```
#a3bbd3 rgb(163,187,211)
```
#b0c5d9
```
#b0c5d9 rgb(176,197,217)
```
#bdcfe0
```
#bdcfe0 rgb(189,207,224)
```
#cbd8e6
```
#cbd8e6 rgb(203,216,230)
```
#d8e2ec
```
#d8e2ec rgb(216,226,236)
```
#e5ecf3
```
#e5ecf3 rgb(229,236,243)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

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

#4b4f53
```
#4b4f53 rgb(75,79,83)
```
#454f59
```
#454f59 rgb(69,79,89)
```
#3f4f5f
```
#3f4f5f rgb(63,79,95)
```
#394f65
```
#394f65 rgb(57,79,101)
```
#334f6b
```
#334f6b rgb(51,79,107)
```
#2d4f71
```
#2d4f71 rgb(45,79,113)
```
#274f77
```
#274f77 rgb(39,79,119)
```
#214f7d
```
#214f7d rgb(33,79,125)
```
#1b4f83
```
#1b4f83 rgb(27,79,131)
```
#154f89
```
#154f89 rgb(21,79,137)
```
#0f4f8f
```
#0f4f8f rgb(15,79,143)
```
#084f96
```
#084f96 rgb(8,79,150)
```
#024f9c
```
#024f9c rgb(2,79,156)
```

Tone Color Variation

Below, you can see how #334f6b 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
#454b51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5470 Protanopia 1% of men
#4b5573 Deuteranopia 1% of men
#365b62 Tritanopia 0.001% of the population

Trichromacy

#43526e Protanomaly 1% of men, 0.01% of women
#425270 Deuteranomaly 6% of men, 0.4% of women
#355665 Tritanomaly 0.01% of the population

#334f6b hex color

#334f6b Color Information

#334f6b Color Conversion

Color Schemes with #334f6b

Alternatives to #334f6b

#334f6b Preview

Shades and Tints of #334f6b

Tones of #334f6b

Color Blindness Simulator