#335060 hex color

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

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

● #335060 color description : Very dark desaturated blue.

The hexadecimal color #335060 has RGB values of R:51, G:80, B:96 and CMYK values of C:0.47, M:0.17, Y:0, K:0.62. Its decimal value is 3362912.

Hex triplet	335060	`#335060`
RGB Decimal	51, 80, 96	`rgb(51,80,96)`
RGB Percent	20, 31.4, 37.6	`rgb(20%,31.4%,37.6%)`
CMYK	47, 17, 0, 62
HSL	201.3°, 30.6, 28.8	`hsl(201.3,30.6%,28.8%)`
HSV (or HSB)	201.3°, 46.9, 37.6
Web Safe	336666	`#336666`

CIE-LAB	32.448, -5.999, -12.724
XYZ	6.345, 7.285, 12.138
xyY	0.246, 0.283, 7.285
CIE-LCH	32.448, 14.067, 244.757
CIE-LUV	32.448, -13.041, -15.639
Hunter-Lab	26.991, -5.276, -7.768
Binary	00110011, 01010000, 01100000

#335060
```
#335060 rgb(51,80,96)
```
#604333
```
#604333 rgb(96,67,51)
```

Complementary Color

#33605a
```
#33605a rgb(51,96,90)
```
#335060
```
#335060 rgb(51,80,96)
```
#333a60
```
#333a60 rgb(51,58,96)
```

Analogous Color

#605a33
```
#605a33 rgb(96,90,51)
```
#335060
```
#335060 rgb(51,80,96)
```
#60333a
```
#60333a rgb(96,51,58)
```

Split Complementary Color

#506033
```
#506033 rgb(80,96,51)
```
#335060
```
#335060 rgb(51,80,96)
```
#603350
```
#603350 rgb(96,51,80)
```

Triadic Color

#336043
```
#336043 rgb(51,96,67)
```
#335060
```
#335060 rgb(51,80,96)
```
#603350
```
#603350 rgb(96,51,80)
```
#604333
```
#604333 rgb(96,67,51)
```

Tetradic Color

#18262e
```
#18262e rgb(24,38,46)
```
#21343f
```
#21343f rgb(33,52,63)
```
#2a424f
```
#2a424f rgb(42,66,79)
```
#335060
```
#335060 rgb(51,80,96)
```
#3c5e71
```
#3c5e71 rgb(60,94,113)
```
#456c81
```
#456c81 rgb(69,108,129)
```
#4e7a92
```
#4e7a92 rgb(78,122,146)
```

Monochromatic Color

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

#335b60
```
#335b60 rgb(51,91,96)
```
#335860
```
#335860 rgb(51,88,96)
```
#335460
```
#335460 rgb(51,84,96)
```
#335060
```
#335060 rgb(51,80,96)
```
#334c60
```
#334c60 rgb(51,76,96)
```
#334960
```
#334960 rgb(51,73,96)
```
#334560
```
#334560 rgb(51,69,96)
```

Similar Colors

Text with hexadecimal color #335060

This text has a font color of #335060.

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

#335060 background color

This paragraph has a background color of #335060.

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

#335060 border color

This element has a border color of #335060.

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

CSS codes

.text {color:#335060;}

.background {background-color:#335060;}

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a1013
```
#0a1013 rgb(10,16,19)
```
#111b20
```
#111b20 rgb(17,27,32)
```
#18252d
```
#18252d rgb(24,37,45)
```
#1f303a
```
#1f303a rgb(31,48,58)
```
#253b46
```
#253b46 rgb(37,59,70)
```
#2c4553
```
#2c4553 rgb(44,69,83)
```
#335060
```
#335060 rgb(51,80,96)
```
#3a5b6d
```
#3a5b6d rgb(58,91,109)
```
#41657a
```
#41657a rgb(65,101,122)
```
#477086
```
#477086 rgb(71,112,134)
```
#4e7b93
```
#4e7b93 rgb(78,123,147)
```
#5585a0
```
#5585a0 rgb(85,133,160)
```

Shade Color Variation

#5f8faa
```
#5f8faa rgb(95,143,170)
```
#6c98b1
```
#6c98b1 rgb(108,152,177)
```
#78a1b8
```
#78a1b8 rgb(120,161,184)
```
#85aabe
```
#85aabe rgb(133,170,190)
```
#92b3c5
```
#92b3c5 rgb(146,179,197)
```
#9fbccc
```
#9fbccc rgb(159,188,204)
```
#acc5d3
```
#acc5d3 rgb(172,197,211)
```
#b8ceda
```
#b8ceda rgb(184,206,218)
```
#c5d7e0
```
#c5d7e0 rgb(197,215,224)
```
#d2e0e7
```
#d2e0e7 rgb(210,224,231)
```
#dfe9ee
```
#dfe9ee rgb(223,233,238)
```
#ecf2f5
```
#ecf2f5 rgb(236,242,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#444b4f
```
#444b4f rgb(68,75,79)
```
#3e4d55
```
#3e4d55 rgb(62,77,85)
```
#394e5a
```
#394e5a rgb(57,78,90)
```
#335060
```
#335060 rgb(51,80,96)
```
#2d5266
```
#2d5266 rgb(45,82,102)
```
#28536b
```
#28536b rgb(40,83,107)
```
#225571
```
#225571 rgb(34,85,113)
```
#1c5777
```
#1c5777 rgb(28,87,119)
```
#17587c
```
#17587c rgb(23,88,124)
```
#115a82
```
#115a82 rgb(17,90,130)
```
#0b5b88
```
#0b5b88 rgb(11,91,136)
```
#065d8d
```
#065d8d rgb(6,93,141)
```
#005f93
```
#005f93 rgb(0,95,147)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#454a4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#515465 Protanopia 1% of men
#52546a Deuteranopia 1% of men
#3b5a61 Tritanopia 0.001% of the population

Trichromacy

#465363 Protanomaly 1% of men, 0.01% of women
#465266 Deuteranomaly 6% of men, 0.4% of women
#385660 Tritanomaly 0.01% of the population

#335060 hex color

#335060 Color Information

#335060 Color Conversion

Color Schemes with #335060

Alternatives to #335060

#335060 Preview

Shades and Tints of #335060

Tones of #335060

Color Blindness Simulator