#335f68 hex color

In a RGB color space, hex #335f68 is composed of 20% red, 37.3% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 8.7% magenta, 0% yellow and 59.2% black. It has a hue angle of 190.2 degrees, a saturation of 34.2% and a lightness of 30.4%. #335f68 color hex could be obtained by blending #66bed0 with #000000. Closest websafe color is: #336666.

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

● #335f68 color description : Very dark desaturated cyan.

The hexadecimal color #335f68 has RGB values of R:51, G:95, B:104 and CMYK values of C:0.51, M:0.09, Y:0, K:0.59. Its decimal value is 3366760.

Hex triplet	335f68	`#335f68`
RGB Decimal	51, 95, 104	`rgb(51,95,104)`
RGB Percent	20, 37.3, 40.8	`rgb(20%,37.3%,40.8%)`
CMYK	51, 9, 0, 59
HSL	190.2°, 34.2, 30.4	`hsl(190.2,34.2%,30.4%)`
HSV (or HSB)	190.2°, 51, 40.8
Web Safe	336666	`#336666`

CIE-LAB	37.639, -12.488, -9.851
XYZ	7.955, 9.887, 14.585
xyY	0.245, 0.305, 9.887
CIE-LCH	37.639, 15.906, 218.267
CIE-LUV	37.639, -18.958, -11.476
Hunter-Lab	31.444, -9.865, -5.491
Binary	00110011, 01011111, 01101000

#335f68
```
#335f68 rgb(51,95,104)
```
#683c33
```
#683c33 rgb(104,60,51)
```

Complementary Color

#336857
```
#336857 rgb(51,104,87)
```
#335f68
```
#335f68 rgb(51,95,104)
```
#334568
```
#334568 rgb(51,69,104)
```

Analogous Color

#685733
```
#685733 rgb(104,87,51)
```
#335f68
```
#335f68 rgb(51,95,104)
```
#683345
```
#683345 rgb(104,51,69)
```

Split Complementary Color

#5f6833
```
#5f6833 rgb(95,104,51)
```
#335f68
```
#335f68 rgb(51,95,104)
```
#68335f
```
#68335f rgb(104,51,95)
```

Triadic Color

#33683c
```
#33683c rgb(51,104,60)
```
#335f68
```
#335f68 rgb(51,95,104)
```
#68335f
```
#68335f rgb(104,51,95)
```
#683c33
```
#683c33 rgb(104,60,51)
```

Tetradic Color

#1a3035
```
#1a3035 rgb(26,48,53)
```
#224046
```
#224046 rgb(34,64,70)
```
#2b4f57
```
#2b4f57 rgb(43,79,87)
```
#335f68
```
#335f68 rgb(51,95,104)
```
#3b6f79
```
#3b6f79 rgb(59,111,121)
```
#447e8a
```
#447e8a rgb(68,126,138)
```
#4c8e9b
```
#4c8e9b rgb(76,142,155)
```

Monochromatic Color

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

#336864
```
#336864 rgb(51,104,100)
```
#336868
```
#336868 rgb(51,104,104)
```
#336368
```
#336368 rgb(51,99,104)
```
#335f68
```
#335f68 rgb(51,95,104)
```
#335b68
```
#335b68 rgb(51,91,104)
```
#335668
```
#335668 rgb(51,86,104)
```
#335268
```
#335268 rgb(51,82,104)
```

Similar Colors

Text with hexadecimal color #335f68

This text has a font color of #335f68.

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

#335f68 background color

This paragraph has a background color of #335f68.

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

#335f68 border color

This element has a border color of #335f68.

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

CSS codes

.text {color:#335f68;}

.background {background-color:#335f68;}

.border {border:1px solid #335f68;}

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

#060b0c
```
#060b0c rgb(6,11,12)
```
#0c1719
```
#0c1719 rgb(12,23,25)
```
#132326
```
#132326 rgb(19,35,38)
```
#192f33
```
#192f33 rgb(25,47,51)
```
#203b41
```
#203b41 rgb(32,59,65)
```
#26474e
```
#26474e rgb(38,71,78)
```
#2d535b
```
#2d535b rgb(45,83,91)
```
#335f68
```
#335f68 rgb(51,95,104)
```
#396b75
```
#396b75 rgb(57,107,117)
```
#407782
```
#407782 rgb(64,119,130)
```
#46838f
```
#46838f rgb(70,131,143)
```
#4d8f9d
```
#4d8f9d rgb(77,143,157)
```
#539baa
```
#539baa rgb(83,155,170)
```

Shade Color Variation

#60a3b1
```
#60a3b1 rgb(96,163,177)
```
#6dabb7
```
#6dabb7 rgb(109,171,183)
```
#7ab2be
```
#7ab2be rgb(122,178,190)
```
#87bac4
```
#87bac4 rgb(135,186,196)
```
#94c2cb
```
#94c2cb rgb(148,194,203)
```
#a2c9d1
```
#a2c9d1 rgb(162,201,209)
```
#afd1d8
```
#afd1d8 rgb(175,209,216)
```
#bcd8de
```
#bcd8de rgb(188,216,222)
```
#c9e0e5
```
#c9e0e5 rgb(201,224,229)
```
#d6e7eb
```
#d6e7eb rgb(214,231,235)
```
#e3eff1
```
#e3eff1 rgb(227,239,241)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#4b4f50
```
#4b4f50 rgb(75,79,80)
```
#455356
```
#455356 rgb(69,83,86)
```
#3f575c
```
#3f575c rgb(63,87,92)
```
#395b62
```
#395b62 rgb(57,91,98)
```
#335f68
```
#335f68 rgb(51,95,104)
```
#2d636e
```
#2d636e rgb(45,99,110)
```
#276774
```
#276774 rgb(39,103,116)
```
#216b7a
```
#216b7a rgb(33,107,122)
```
#1b6f80
```
#1b6f80 rgb(27,111,128)
```
#157386
```
#157386 rgb(21,115,134)
```
#0f778c
```
#0f778c rgb(15,119,140)
```
#097b92
```
#097b92 rgb(9,123,146)
```
#037e98
```
#037e98 rgb(3,126,152)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4d5557 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f606b Protanopia 1% of men
#615f72 Deuteranopia 1% of men
#3d676f Tritanopia 0.001% of the population

Trichromacy

#4f5f6a Protanomaly 1% of men, 0.01% of women
#505f6e Deuteranomaly 6% of men, 0.4% of women
#39646c Tritanomaly 0.01% of the population

#335f68 hex color

#335f68 Color Information

#335f68 Color Conversion

Color Schemes with #335f68

Alternatives to #335f68

#335f68 Preview

Shades and Tints of #335f68

Tones of #335f68

Color Blindness Simulator