#334a63 hex color

In a RGB color space, hex #334a63 is composed of 20% red, 29% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 25.3% magenta, 0% yellow and 61.2% black. It has a hue angle of 211.3 degrees, a saturation of 32% and a lightness of 29.4%. #334a63 color hex could be obtained by blending #6694c6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 29
- B 39
RGB color chart
- C 48
- M 25
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #334a63 has RGB values of R:51, G:74, B:99 and CMYK values of C:0.48, M:0.25, Y:0, K:0.61. Its decimal value is 3361379.

Hex triplet	334a63	`#334a63`
RGB Decimal	51, 74, 99	`rgb(51,74,99)`
RGB Percent	20, 29, 38.8	`rgb(20%,29%,38.8%)`
CMYK	48, 25, 0, 61
HSL	211.3°, 32, 29.4	`hsl(211.3,32%,29.4%)`
HSV (or HSB)	211.3°, 48.5, 38.8
Web Safe	333366	`#333366`

CIE-LAB	30.645, -1.247, -17.396
XYZ	6.066, 6.502, 12.739
xyY	0.24, 0.257, 6.502
CIE-LCH	30.645, 17.441, 265.901
CIE-LUV	30.645, -10.657, -22.188
Hunter-Lab	25.499, -2.162, -11.772
Binary	00110011, 01001010, 01100011

#334a63
```
#334a63 rgb(51,74,99)
```
#634c33
```
#634c33 rgb(99,76,51)
```

Complementary Color

#336263
```
#336263 rgb(51,98,99)
```
#334a63
```
#334a63 rgb(51,74,99)
```
#343363
```
#343363 rgb(52,51,99)
```

Analogous Color

#626333
```
#626333 rgb(98,99,51)
```
#334a63
```
#334a63 rgb(51,74,99)
```
#633433
```
#633433 rgb(99,52,51)
```

Split Complementary Color

#4a6333
```
#4a6333 rgb(74,99,51)
```
#334a63
```
#334a63 rgb(51,74,99)
```
#63334a
```
#63334a rgb(99,51,74)
```

Triadic Color

#33634c
```
#33634c rgb(51,99,76)
```
#334a63
```
#334a63 rgb(51,74,99)
```
#63334a
```
#63334a rgb(99,51,74)
```
#634c33
```
#634c33 rgb(99,76,51)
```

Tetradic Color

#192431
```
#192431 rgb(25,36,49)
```
#223141
```
#223141 rgb(34,49,65)
```
#2a3d52
```
#2a3d52 rgb(42,61,82)
```
#334a63
```
#334a63 rgb(51,74,99)
```
#3c5774
```
#3c5774 rgb(60,87,116)
```
#446385
```
#446385 rgb(68,99,133)
```
#4d7095
```
#4d7095 rgb(77,112,149)
```

Monochromatic Color

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

#335663
```
#335663 rgb(51,86,99)
```
#335263
```
#335263 rgb(51,82,99)
```
#334e63
```
#334e63 rgb(51,78,99)
```
#334a63
```
#334a63 rgb(51,74,99)
```
#334663
```
#334663 rgb(51,70,99)
```
#334263
```
#334263 rgb(51,66,99)
```
#333e63
```
#333e63 rgb(51,62,99)
```

Similar Colors

Text with hexadecimal color #334a63

This text has a font color of #334a63.

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

#334a63 background color

This paragraph has a background color of #334a63.

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

#334a63 border color

This element has a border color of #334a63.

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

CSS codes

.text {color:#334a63;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0b1015
```
#0b1015 rgb(11,16,21)
```
#121a22
```
#121a22 rgb(18,26,34)
```
#18232f
```
#18232f rgb(24,35,47)
```
#1f2d3c
```
#1f2d3c rgb(31,45,60)
```
#263749
```
#263749 rgb(38,55,73)
```
#2c4056
```
#2c4056 rgb(44,64,86)
```
#334a63
```
#334a63 rgb(51,74,99)
```
#3a5470
```
#3a5470 rgb(58,84,112)
```
#405d7d
```
#405d7d rgb(64,93,125)
```
#47678a
```
#47678a rgb(71,103,138)
```
#4e7197
```
#4e7197 rgb(78,113,151)
```
#547aa4
```
#547aa4 rgb(84,122,164)
```

Shade Color Variation

#5f84ad
```
#5f84ad rgb(95,132,173)
```
#6c8eb3
```
#6c8eb3 rgb(108,142,179)
```
#7998ba
```
#7998ba rgb(121,152,186)
```
#86a2c1
```
#86a2c1 rgb(134,162,193)
```
#93acc7
```
#93acc7 rgb(147,172,199)
```
#a0b6ce
```
#a0b6ce rgb(160,182,206)
```
#adc0d5
```
#adc0d5 rgb(173,192,213)
```
#bacadb
```
#bacadb rgb(186,202,219)
```
#c7d4e2
```
#c7d4e2 rgb(199,212,226)
```
#d4dee9
```
#d4dee9 rgb(212,222,233)
```
#e1e8ef
```
#e1e8ef rgb(225,232,239)
```
#edf2f6
```
#edf2f6 rgb(237,242,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#4a4b4c
```
#4a4b4c rgb(74,75,76)
```
#444b52
```
#444b52 rgb(68,75,82)
```
#3f4a57
```
#3f4a57 rgb(63,74,87)
```
#394a5d
```
#394a5d rgb(57,74,93)
```
#334a63
```
#334a63 rgb(51,74,99)
```
#2d4a69
```
#2d4a69 rgb(45,74,105)
```
#274a6f
```
#274a6f rgb(39,74,111)
```
#224974
```
#224974 rgb(34,73,116)
```
#1c497a
```
#1c497a rgb(28,73,122)
```
#164980
```
#164980 rgb(22,73,128)
```
#104986
```
#104986 rgb(16,73,134)
```
#0b488b
```
#0b488b rgb(11,72,139)
```
#054891
```
#054891 rgb(5,72,145)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#42474c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5069 Protanopia 1% of men
#49506c Deuteranopia 1% of men
#38565c Tritanopia 0.001% of the population

Trichromacy

#414e67 Protanomaly 1% of men, 0.01% of women
#414e68 Deuteranomaly 6% of men, 0.4% of women
#36515e Tritanomaly 0.01% of the population

#334a63 hex color

#334a63 Color Information

#334a63 Color Conversion

Color Schemes with #334a63

Alternatives to #334a63

#334a63 Preview

Shades and Tints of #334a63

Tones of #334a63

Color Blindness Simulator