colorhexa.com

#334a6b hex color

In a RGB color space, hex #334a6b is composed of 20% red, 29% green and 42% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 30.8% magenta, 0% yellow and 58% black. It has a hue angle of 215.4 degrees, a saturation of 35.4% and a lightness of 31%. #334a6b color hex could be obtained by blending #6694d6 with #000000. Closest websafe color is: #333366.

- R 20
- G 29
- B 42
RGB color chart
- C 52
- M 31
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #334a6b has RGB values of R:51, G:74, B:107 and CMYK values of C:0.52, M:0.31, Y:0, K:0.58. Its decimal value is 3361387.

Hex triplet	334a6b	`#334a6b`
RGB Decimal	51, 74, 107	`rgb(51,74,107)`
RGB Percent	20, 29, 42	`rgb(20%,29%,42%)`
CMYK	52, 31, 0, 58
HSL	215.4°, 35.4, 31	`hsl(215.4,35.4%,31%)`
HSV (or HSB)	215.4°, 52.3, 42
Web Safe	333366	`#333366`

CIE-LAB	31.026, 1.427, -21.879
XYZ	6.467, 6.663, 14.854
xyY	0.231, 0.238, 6.663
CIE-LCH	31.026, 21.925, 273.731
CIE-LUV	31.026, -10.683, -28.696
Hunter-Lab	25.812, -0.447, -16.052
Binary	00110011, 01001010, 01101011

#334a6b
```
#334a6b rgb(51,74,107)
```
#6b5433
```
#6b5433 rgb(107,84,51)
```

Complementary Color

#33666b
```
#33666b rgb(51,102,107)
```
#334a6b
```
#334a6b rgb(51,74,107)
```
#38336b
```
#38336b rgb(56,51,107)
```

Analogous Color

#666b33
```
#666b33 rgb(102,107,51)
```
#334a6b
```
#334a6b rgb(51,74,107)
```
#6b3833
```
#6b3833 rgb(107,56,51)
```

Split Complementary Color

#4a6b33
```
#4a6b33 rgb(74,107,51)
```
#334a6b
```
#334a6b rgb(51,74,107)
```
#6b334a
```
#6b334a rgb(107,51,74)
```

Triadic Color

#1a2637
```
#1a2637 rgb(26,38,55)
```
#233248
```
#233248 rgb(35,50,72)
```
#2b3e5a
```
#2b3e5a rgb(43,62,90)
```
#334a6b
```
#334a6b rgb(51,74,107)
```
#3b567c
```
#3b567c rgb(59,86,124)
```
#43628e
```
#43628e rgb(67,98,142)
```
#4c6e9f
```
#4c6e9f rgb(76,110,159)
```

Monochromatic Color

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

#33586b
```
#33586b rgb(51,88,107)
```
#33536b
```
#33536b rgb(51,83,107)
```
#334f6b
```
#334f6b rgb(51,79,107)
```
#334a6b
```
#334a6b rgb(51,74,107)
```
#33456b
```
#33456b rgb(51,69,107)
```
#33416b
```
#33416b rgb(51,65,107)
```
#333c6b
```
#333c6b rgb(51,60,107)
```

Similar Colors

Text with hexadecimal color #334a6b

This text has a font color of #334a6b.

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

#334a6b background color

This paragraph has a background color of #334a6b.

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

#334a6b border color

This element has a border color of #334a6b.

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

CSS codes

.text {color:#334a6b;}

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

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

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 #f2f5f9 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#070a0e
```
#070a0e rgb(7,10,14)
```
#0d131b
```
#0d131b rgb(13,19,27)
```
#131c29
```
#131c29 rgb(19,28,41)
```
#1a2536
```
#1a2536 rgb(26,37,54)
```
#202e43
```
#202e43 rgb(32,46,67)
```
#263850
```
#263850 rgb(38,56,80)
```
#2d415e
```
#2d415e rgb(45,65,94)
```
#334a6b
```
#334a6b rgb(51,74,107)
```
#395378
```
#395378 rgb(57,83,120)
```
#405c86
```
#405c86 rgb(64,92,134)
```
#466693
```
#466693 rgb(70,102,147)
```
#4c6fa0
```
#4c6fa0 rgb(76,111,160)
```

Shade Color Variation

#5378ad
```
#5378ad rgb(83,120,173)
```
#6082b3
```
#6082b3 rgb(96,130,179)
```
#6e8dba
```
#6e8dba rgb(110,141,186)
```
#7b97c0
```
#7b97c0 rgb(123,151,192)
```
#88a2c6
```
#88a2c6 rgb(136,162,198)
```
#95accd
```
#95accd rgb(149,172,205)
```
#a3b7d3
```
#a3b7d3 rgb(163,183,211)
```
#b0c1d9
```
#b0c1d9 rgb(176,193,217)
```
#bdcbe0
```
#bdcbe0 rgb(189,203,224)
```
#cbd6e6
```
#cbd6e6 rgb(203,214,230)
```
#d8e0ec
```
#d8e0ec rgb(216,224,236)
```
#e5ebf3
```
#e5ebf3 rgb(229,235,243)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```

Tint Color Variation

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

#4b4e53
```
#4b4e53 rgb(75,78,83)
```
#454d59
```
#454d59 rgb(69,77,89)
```
#3f4c5f
```
#3f4c5f rgb(63,76,95)
```
#394b65
```
#394b65 rgb(57,75,101)
```
#334a6b
```
#334a6b rgb(51,74,107)
```
#2d4971
```
#2d4971 rgb(45,73,113)
```
#274877
```
#274877 rgb(39,72,119)
```
#21477d
```
#21477d rgb(33,71,125)
```
#1b4683
```
#1b4683 rgb(27,70,131)
```
#154589
```
#154589 rgb(21,69,137)
```
#0f438f
```
#0f438f rgb(15,67,143)
```
#084296
```
#084296 rgb(8,66,150)
```
#02419c
```
#02419c rgb(2,65,156)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#43484e Atypical Achromatopsia 0.001% of the population

Dichromacy

#475171 Protanopia 1% of men
#445173 Deuteranopia 1% of men
#35575e Tritanopia 0.001% of the population

Trichromacy

#404e6e Protanomaly 1% of men, 0.01% of women
#3e4f70 Deuteranomaly 6% of men, 0.4% of women
#345262 Tritanomaly 0.01% of the population