#335c60 hex color

In a RGB color space, hex #335c60 is composed of 20% red, 36.1% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 4.2% magenta, 0% yellow and 62.4% black. It has a hue angle of 185.3 degrees, a saturation of 30.6% and a lightness of 28.8%. #335c60 color hex could be obtained by blending #66b8c0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 36
- B 38
RGB color chart
- C 47
- M 4
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #335c60 has RGB values of R:51, G:92, B:96 and CMYK values of C:0.47, M:0.04, Y:0, K:0.62. Its decimal value is 3365984.

Hex triplet	335c60	`#335c60`
RGB Decimal	51, 92, 96	`rgb(51,92,96)`
RGB Percent	20, 36.1, 37.6	`rgb(20%,36.1%,37.6%)`
CMYK	47, 4, 0, 62
HSL	185.3°, 30.6, 28.8	`hsl(185.3,30.6%,28.8%)`
HSV (or HSB)	185.3°, 46.9, 37.6
Web Safe	336666	`#336666`

CIE-LAB	36.371, -13.17, -6.797
XYZ	7.303, 9.202, 12.457
xyY	0.252, 0.318, 9.202
CIE-LCH	36.371, 14.821, 207.299
CIE-LUV	36.371, -17.945, -7.113
Hunter-Lab	30.335, -10.113, -3.113
Binary	00110011, 01011100, 01100000

#335c60
```
#335c60 rgb(51,92,96)
```
#603733
```
#603733 rgb(96,55,51)
```

Complementary Color

#33604e
```
#33604e rgb(51,96,78)
```
#335c60
```
#335c60 rgb(51,92,96)
```
#334660
```
#334660 rgb(51,70,96)
```

Analogous Color

#604e33
```
#604e33 rgb(96,78,51)
```
#335c60
```
#335c60 rgb(51,92,96)
```
#603346
```
#603346 rgb(96,51,70)
```

Split Complementary Color

#5c6033
```
#5c6033 rgb(92,96,51)
```
#335c60
```
#335c60 rgb(51,92,96)
```
#60335c
```
#60335c rgb(96,51,92)
```

Triadic Color

#336037
```
#336037 rgb(51,96,55)
```
#335c60
```
#335c60 rgb(51,92,96)
```
#60335c
```
#60335c rgb(96,51,92)
```
#603733
```
#603733 rgb(96,55,51)
```

Tetradic Color

#182c2e
```
#182c2e rgb(24,44,46)
```
#213c3f
```
#213c3f rgb(33,60,63)
```
#2a4c4f
```
#2a4c4f rgb(42,76,79)
```
#335c60
```
#335c60 rgb(51,92,96)
```
#3c6c71
```
#3c6c71 rgb(60,108,113)
```
#457c81
```
#457c81 rgb(69,124,129)
```
#4e8c92
```
#4e8c92 rgb(78,140,146)
```

Monochromatic Color

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

#336059
```
#336059 rgb(51,96,89)
```
#33605d
```
#33605d rgb(51,96,93)
```
#336060
```
#336060 rgb(51,96,96)
```
#335c60
```
#335c60 rgb(51,92,96)
```
#335860
```
#335860 rgb(51,88,96)
```
#335560
```
#335560 rgb(51,85,96)
```
#335160
```
#335160 rgb(51,81,96)
```

Similar Colors

Text with hexadecimal color #335c60

This text has a font color of #335c60.

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

#335c60 background color

This paragraph has a background color of #335c60.

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

#335c60 border color

This element has a border color of #335c60.

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

CSS codes

.text {color:#335c60;}

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

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

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

#030606
```
#030606 rgb(3,6,6)
```
#0a1213
```
#0a1213 rgb(10,18,19)
```
#111f20
```
#111f20 rgb(17,31,32)
```
#182b2d
```
#182b2d rgb(24,43,45)
```
#1f373a
```
#1f373a rgb(31,55,58)
```
#254346
```
#254346 rgb(37,67,70)
```
#2c5053
```
#2c5053 rgb(44,80,83)
```
#335c60
```
#335c60 rgb(51,92,96)
```
#3a686d
```
#3a686d rgb(58,104,109)
```
#41757a
```
#41757a rgb(65,117,122)
```
#478186
```
#478186 rgb(71,129,134)
```
#4e8d93
```
#4e8d93 rgb(78,141,147)
```
#5599a0
```
#5599a0 rgb(85,153,160)
```

Shade Color Variation

#5fa3aa
```
#5fa3aa rgb(95,163,170)
```
#6cabb1
```
#6cabb1 rgb(108,171,177)
```
#78b2b8
```
#78b2b8 rgb(120,178,184)
```
#85b9be
```
#85b9be rgb(133,185,190)
```
#92c1c5
```
#92c1c5 rgb(146,193,197)
```
#9fc8cc
```
#9fc8cc rgb(159,200,204)
```
#accfd3
```
#accfd3 rgb(172,207,211)
```
#b8d7da
```
#b8d7da rgb(184,215,218)
```
#c5dee0
```
#c5dee0 rgb(197,222,224)
```
#d2e5e7
```
#d2e5e7 rgb(210,229,231)
```
#dfedee
```
#dfedee rgb(223,237,238)
```
#ecf4f5
```
#ecf4f5 rgb(236,244,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#444e4f
```
#444e4f rgb(68,78,79)
```
#3e5355
```
#3e5355 rgb(62,83,85)
```
#39575a
```
#39575a rgb(57,87,90)
```
#335c60
```
#335c60 rgb(51,92,96)
```
#2d6166
```
#2d6166 rgb(45,97,102)
```
#28656b
```
#28656b rgb(40,101,107)
```
#226a71
```
#226a71 rgb(34,106,113)
```
#1c6f77
```
#1c6f77 rgb(28,111,119)
```
#17737c
```
#17737c rgb(23,115,124)
```
#117882
```
#117882 rgb(17,120,130)
```
#0b7d88
```
#0b7d88 rgb(11,125,136)
```
#06818d
```
#06818d rgb(6,129,141)
```
#008693
```
#008693 rgb(0,134,147)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a5253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5d64 Protanopia 1% of men
#605c6b Deuteranopia 1% of men
#3e646b Tritanopia 0.001% of the population

Trichromacy

#4e5d62 Protanomaly 1% of men, 0.01% of women
#505c67 Deuteranomaly 6% of men, 0.4% of women
#3a6167 Tritanomaly 0.01% of the population

#335c60 hex color

#335c60 Color Information

#335c60 Color Conversion

Color Schemes with #335c60

Alternatives to #335c60

#335c60 Preview

Shades and Tints of #335c60

Tones of #335c60

Color Blindness Simulator