#334868 hex color

In a RGB color space, hex #334868 is composed of 20% red, 28.2% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 30.8% magenta, 0% yellow and 59.2% black. It has a hue angle of 216.2 degrees, a saturation of 34.2% and a lightness of 30.4%. #334868 color hex could be obtained by blending #6690d0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 28
- B 41
RGB color chart
- C 51
- M 31
- Y 0
- K 59
CMYK color chart

● #334868 color description : Very dark desaturated blue.

The hexadecimal color #334868 has RGB values of R:51, G:72, B:104 and CMYK values of C:0.51, M:0.31, Y:0, K:0.59. Its decimal value is 3360872.

Hex triplet	334868	`#334868`
RGB Decimal	51, 72, 104	`rgb(51,72,104)`
RGB Percent	20, 28.2, 40.8	`rgb(20%,28.2%,40.8%)`
CMYK	51, 31, 0, 59
HSL	216.2°, 34.2, 30.4	`hsl(216.2,34.2%,30.4%)`
HSV (or HSB)	216.2°, 51, 40.8
Web Safe	333366	`#333366`

CIE-LAB	30.249, 1.716, -21.19
XYZ	6.181, 6.338, 13.994
xyY	0.233, 0.239, 6.338
CIE-LCH	30.249, 21.259, 274.63
CIE-LUV	30.249, -9.92, -27.563
Hunter-Lab	25.175, -0.232, -15.334
Binary	00110011, 01001000, 01101000

#334868
```
#334868 rgb(51,72,104)
```
#685333
```
#685333 rgb(104,83,51)
```

Complementary Color

#336368
```
#336368 rgb(51,99,104)
```
#334868
```
#334868 rgb(51,72,104)
```
#393368
```
#393368 rgb(57,51,104)
```

Analogous Color

#636833
```
#636833 rgb(99,104,51)
```
#334868
```
#334868 rgb(51,72,104)
```
#683933
```
#683933 rgb(104,57,51)
```

Split Complementary Color

#486833
```
#486833 rgb(72,104,51)
```
#334868
```
#334868 rgb(51,72,104)
```
#683348
```
#683348 rgb(104,51,72)
```

Triadic Color

#336853
```
#336853 rgb(51,104,83)
```
#334868
```
#334868 rgb(51,72,104)
```
#683348
```
#683348 rgb(104,51,72)
```
#685333
```
#685333 rgb(104,83,51)
```

Tetradic Color

#1a2435
```
#1a2435 rgb(26,36,53)
```
#223046
```
#223046 rgb(34,48,70)
```
#2b3c57
```
#2b3c57 rgb(43,60,87)
```
#334868
```
#334868 rgb(51,72,104)
```
#3b5479
```
#3b5479 rgb(59,84,121)
```
#44608a
```
#44608a rgb(68,96,138)
```
#4c6c9b
```
#4c6c9b rgb(76,108,155)
```

Monochromatic Color

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

#335568
```
#335568 rgb(51,85,104)
```
#335168
```
#335168 rgb(51,81,104)
```
#334c68
```
#334c68 rgb(51,76,104)
```
#334868
```
#334868 rgb(51,72,104)
```
#334468
```
#334468 rgb(51,68,104)
```
#333f68
```
#333f68 rgb(51,63,104)
```
#333b68
```
#333b68 rgb(51,59,104)
```

Similar Colors

Text with hexadecimal color #334868

This text has a font color of #334868.

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

#334868 background color

This paragraph has a background color of #334868.

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

#334868 border color

This element has a border color of #334868.

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

CSS codes

.text {color:#334868;}

.background {background-color:#334868;}

.border {border:1px solid #334868;}

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

#06080c
```
#06080c rgb(6,8,12)
```
#0c1119
```
#0c1119 rgb(12,17,25)
```
#131a26
```
#131a26 rgb(19,26,38)
```
#192433
```
#192433 rgb(25,36,51)
```
#202d41
```
#202d41 rgb(32,45,65)
```
#26364e
```
#26364e rgb(38,54,78)
```
#2d3f5b
```
#2d3f5b rgb(45,63,91)
```
#334868
```
#334868 rgb(51,72,104)
```
#395175
```
#395175 rgb(57,81,117)
```
#405a82
```
#405a82 rgb(64,90,130)
```
#46638f
```
#46638f rgb(70,99,143)
```
#4d6c9d
```
#4d6c9d rgb(77,108,157)
```
#5376aa
```
#5376aa rgb(83,118,170)
```

Shade Color Variation

#6080b1
```
#6080b1 rgb(96,128,177)
```
#6d8ab7
```
#6d8ab7 rgb(109,138,183)
```
#7a95be
```
#7a95be rgb(122,149,190)
```
#879fc4
```
#879fc4 rgb(135,159,196)
```
#94aacb
```
#94aacb rgb(148,170,203)
```
#a2b4d1
```
#a2b4d1 rgb(162,180,209)
```
#afbfd8
```
#afbfd8 rgb(175,191,216)
```
#bcc9de
```
#bcc9de rgb(188,201,222)
```
#c9d4e5
```
#c9d4e5 rgb(201,212,229)
```
#d6deeb
```
#d6deeb rgb(214,222,235)
```
#e3e9f1
```
#e3e9f1 rgb(227,233,241)
```
#f1f3f8
```
#f1f3f8 rgb(241,243,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#4b4d50
```
#4b4d50 rgb(75,77,80)
```
#454c56
```
#454c56 rgb(69,76,86)
```
#3f4a5c
```
#3f4a5c rgb(63,74,92)
```
#394962
```
#394962 rgb(57,73,98)
```
#334868
```
#334868 rgb(51,72,104)
```
#2d476e
```
#2d476e rgb(45,71,110)
```
#274674
```
#274674 rgb(39,70,116)
```
#21447a
```
#21447a rgb(33,68,122)
```
#1b4380
```
#1b4380 rgb(27,67,128)
```
#154286
```
#154286 rgb(21,66,134)
```
#0f418c
```
#0f418c rgb(15,65,140)
```
#093f92
```
#093f92 rgb(9,63,146)
```
#033e98
```
#033e98 rgb(3,62,152)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#41464c Atypical Achromatopsia 0.001% of the population

Dichromacy

#464f6e Protanopia 1% of men
#435070 Deuteranopia 1% of men
#35555b Tritanopia 0.001% of the population

Trichromacy

#3f4c6c Protanomaly 1% of men, 0.01% of women
#3d4d6d Deuteranomaly 6% of men, 0.4% of women
#345060 Tritanomaly 0.01% of the population

#334868 hex color

#334868 Color Information

#334868 Color Conversion

Color Schemes with #334868

Alternatives to #334868

#334868 Preview

Shades and Tints of #334868

Tones of #334868

Color Blindness Simulator