#335d68 hex color

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

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

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

The hexadecimal color #335d68 has RGB values of R:51, G:93, B:104 and CMYK values of C:0.51, M:0.11, Y:0, K:0.59. Its decimal value is 3366248.

Hex triplet	335d68	`#335d68`
RGB Decimal	51, 93, 104	`rgb(51,93,104)`
RGB Percent	20, 36.5, 40.8	`rgb(20%,36.5%,40.8%)`
CMYK	51, 11, 0, 59
HSL	192.5°, 34.2, 30.4	`hsl(192.5,34.2%,30.4%)`
HSV (or HSB)	192.5°, 51, 40.8
Web Safe	336666	`#336666`

CIE-LAB	36.988, -11.324, -10.835
XYZ	7.778, 9.532, 14.526
xyY	0.244, 0.299, 9.532
CIE-LCH	36.988, 15.672, 223.736
CIE-LUV	36.988, -18.15, -12.934
Hunter-Lab	30.873, -9.06, -6.285
Binary	00110011, 01011101, 01101000

#335d68
```
#335d68 rgb(51,93,104)
```
#683e33
```
#683e33 rgb(104,62,51)
```

Complementary Color

#336859
```
#336859 rgb(51,104,89)
```
#335d68
```
#335d68 rgb(51,93,104)
```
#334368
```
#334368 rgb(51,67,104)
```

Analogous Color

#685933
```
#685933 rgb(104,89,51)
```
#335d68
```
#335d68 rgb(51,93,104)
```
#683343
```
#683343 rgb(104,51,67)
```

Split Complementary Color

#5d6833
```
#5d6833 rgb(93,104,51)
```
#335d68
```
#335d68 rgb(51,93,104)
```
#68335d
```
#68335d rgb(104,51,93)
```

Triadic Color

#33683e
```
#33683e rgb(51,104,62)
```
#335d68
```
#335d68 rgb(51,93,104)
```
#68335d
```
#68335d rgb(104,51,93)
```
#683e33
```
#683e33 rgb(104,62,51)
```

Tetradic Color

#1a2f35
```
#1a2f35 rgb(26,47,53)
```
#223e46
```
#223e46 rgb(34,62,70)
```
#2b4e57
```
#2b4e57 rgb(43,78,87)
```
#335d68
```
#335d68 rgb(51,93,104)
```
#3b6c79
```
#3b6c79 rgb(59,108,121)
```
#447c8a
```
#447c8a rgb(68,124,138)
```
#4c8b9b
```
#4c8b9b rgb(76,139,155)
```

Monochromatic Color

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

#336866
```
#336866 rgb(51,104,102)
```
#336668
```
#336668 rgb(51,102,104)
```
#336168
```
#336168 rgb(51,97,104)
```
#335d68
```
#335d68 rgb(51,93,104)
```
#335968
```
#335968 rgb(51,89,104)
```
#335468
```
#335468 rgb(51,84,104)
```
#335068
```
#335068 rgb(51,80,104)
```

Similar Colors

Text with hexadecimal color #335d68

This text has a font color of #335d68.

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

#335d68 background color

This paragraph has a background color of #335d68.

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

#335d68 border color

This element has a border color of #335d68.

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

CSS codes

.text {color:#335d68;}

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

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

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)
```
#0c1619
```
#0c1619 rgb(12,22,25)
```
#132226
```
#132226 rgb(19,34,38)
```
#192e33
```
#192e33 rgb(25,46,51)
```
#203a41
```
#203a41 rgb(32,58,65)
```
#26454e
```
#26454e rgb(38,69,78)
```
#2d515b
```
#2d515b rgb(45,81,91)
```
#335d68
```
#335d68 rgb(51,93,104)
```
#396975
```
#396975 rgb(57,105,117)
```
#407582
```
#407582 rgb(64,117,130)
```
#46808f
```
#46808f rgb(70,128,143)
```
#4d8c9d
```
#4d8c9d rgb(77,140,157)
```
#5398aa
```
#5398aa rgb(83,152,170)
```

Shade Color Variation

#60a0b1
```
#60a0b1 rgb(96,160,177)
```
#6da8b7
```
#6da8b7 rgb(109,168,183)
```
#7ab0be
```
#7ab0be rgb(122,176,190)
```
#87b8c4
```
#87b8c4 rgb(135,184,196)
```
#94bfcb
```
#94bfcb rgb(148,191,203)
```
#a2c7d1
```
#a2c7d1 rgb(162,199,209)
```
#afcfd8
```
#afcfd8 rgb(175,207,216)
```
#bcd7de
```
#bcd7de rgb(188,215,222)
```
#c9dfe5
```
#c9dfe5 rgb(201,223,229)
```
#d6e7eb
```
#d6e7eb rgb(214,231,235)
```
#e3eff1
```
#e3eff1 rgb(227,239,241)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,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 #037998 is the most saturated one.

#4b4f50
```
#4b4f50 rgb(75,79,80)
```
#455356
```
#455356 rgb(69,83,86)
```
#3f565c
```
#3f565c rgb(63,86,92)
```
#395a62
```
#395a62 rgb(57,90,98)
```
#335d68
```
#335d68 rgb(51,93,104)
```
#2d606e
```
#2d606e rgb(45,96,110)
```
#276474
```
#276474 rgb(39,100,116)
```
#21677a
```
#21677a rgb(33,103,122)
```
#1b6b80
```
#1b6b80 rgb(27,107,128)
```
#156e86
```
#156e86 rgb(21,110,134)
```
#0f728c
```
#0f728c rgb(15,114,140)
```
#097592
```
#097592 rgb(9,117,146)
```
#037998
```
#037998 rgb(3,121,152)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4c5456 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5f6c Protanopia 1% of men
#5e5d72 Deuteranopia 1% of men
#3c656d Tritanopia 0.001% of the population

Trichromacy

#4e5e6a Protanomaly 1% of men, 0.01% of women
#4e5d6e Deuteranomaly 6% of men, 0.4% of women
#39626b Tritanomaly 0.01% of the population

#335d68 hex color

#335d68 Color Information

#335d68 Color Conversion

Color Schemes with #335d68

Alternatives to #335d68

#335d68 Preview

Shades and Tints of #335d68

Tones of #335d68

Color Blindness Simulator