#335a80 hex color

In a RGB color space, hex #335a80 is composed of 20% red, 35.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 29.7% magenta, 0% yellow and 49.8% black. It has a hue angle of 209.6 degrees, a saturation of 43% and a lightness of 35.1%. #335a80 color hex could be obtained by blending #66b4ff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 35
- B 50
RGB color chart
- C 60
- M 30
- Y 0
- K 50
CMYK color chart

● #335a80 color description : Dark moderate blue.

The hexadecimal color #335a80 has RGB values of R:51, G:90, B:128 and CMYK values of C:0.6, M:0.3, Y:0, K:0.5. Its decimal value is 3365504.

Hex triplet	335a80	`#335a80`
RGB Decimal	51, 90, 128	`rgb(51,90,128)`
RGB Percent	20, 35.3, 50.2	`rgb(20%,35.3%,50.2%)`
CMYK	60, 30, 0, 50
HSL	209.6°, 43, 35.1	`hsl(209.6,43%,35.1%)`
HSV (or HSB)	209.6°, 60.2, 50.2
Web Safe	336699	`#336699`

CIE-LAB	37.067, -1.545, -25.506
XYZ	8.917, 9.574, 21.799
xyY	0.221, 0.238, 9.574
CIE-LCH	37.067, 25.553, 266.534
CIE-LUV	37.067, -16.467, -35.147
Hunter-Lab	30.942, -2.709, -20.111
Binary	00110011, 01011010, 10000000

#335a80
```
#335a80 rgb(51,90,128)
```
#805933
```
#805933 rgb(128,89,51)
```

Complementary Color

#338080
```
#338080 rgb(51,128,128)
```
#335a80
```
#335a80 rgb(51,90,128)
```
#333480
```
#333480 rgb(51,52,128)
```

Analogous Color

#808033
```
#808033 rgb(128,128,51)
```
#335a80
```
#335a80 rgb(51,90,128)
```
#803334
```
#803334 rgb(128,51,52)
```

Split Complementary Color

#5a8033
```
#5a8033 rgb(90,128,51)
```
#335a80
```
#335a80 rgb(51,90,128)
```
#80335a
```
#80335a rgb(128,51,90)
```

Triadic Color

#338059
```
#338059 rgb(51,128,89)
```
#335a80
```
#335a80 rgb(51,90,128)
```
#80335a
```
#80335a rgb(128,51,90)
```
#805933
```
#805933 rgb(128,89,51)
```

Tetradic Color

#1d3449
```
#1d3449 rgb(29,52,73)
```
#24405c
```
#24405c rgb(36,64,92)
```
#2c4d6e
```
#2c4d6e rgb(44,77,110)
```
#335a80
```
#335a80 rgb(51,90,128)
```
#3a6792
```
#3a6792 rgb(58,103,146)
```
#4274a4
```
#4274a4 rgb(66,116,164)
```
#4980b6
```
#4980b6 rgb(73,128,182)
```

Monochromatic Color

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

#336d80
```
#336d80 rgb(51,109,128)
```
#336780
```
#336780 rgb(51,103,128)
```
#336080
```
#336080 rgb(51,96,128)
```
#335a80
```
#335a80 rgb(51,90,128)
```
#335480
```
#335480 rgb(51,84,128)
```
#334d80
```
#334d80 rgb(51,77,128)
```
#334780
```
#334780 rgb(51,71,128)
```

Similar Colors

Text with hexadecimal color #335a80

This text has a font color of #335a80.

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

#335a80 background color

This paragraph has a background color of #335a80.

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

#335a80 border color

This element has a border color of #335a80.

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

CSS codes

.text {color:#335a80;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060b10
```
#060b10 rgb(6,11,16)
```
#0c151e
```
#0c151e rgb(12,21,30)
```
#111f2c
```
#111f2c rgb(17,31,44)
```
#17293a
```
#17293a rgb(23,41,58)
```
#1d3348
```
#1d3348 rgb(29,51,72)
```
#223c56
```
#223c56 rgb(34,60,86)
```
#284664
```
#284664 rgb(40,70,100)
```
#2d5072
```
#2d5072 rgb(45,80,114)
```
#335a80
```
#335a80 rgb(51,90,128)
```
#39648e
```
#39648e rgb(57,100,142)
```
#3e6e9c
```
#3e6e9c rgb(62,110,156)
```
#4478aa
```
#4478aa rgb(68,120,170)
```

Shade Color Variation

#4a81b7
```
#4a81b7 rgb(74,129,183)
```
#588bbd
```
#588bbd rgb(88,139,189)
```
#6695c2
```
#6695c2 rgb(102,149,194)
```
#749fc8
```
#749fc8 rgb(116,159,200)
```
#83a8cd
```
#83a8cd rgb(131,168,205)
```
#91b2d3
```
#91b2d3 rgb(145,178,211)
```
#9fbcd9
```
#9fbcd9 rgb(159,188,217)
```
#adc6de
```
#adc6de rgb(173,198,222)
```
#bbcfe4
```
#bbcfe4 rgb(187,207,228)
```
#c9d9e9
```
#c9d9e9 rgb(201,217,233)
```
#d7e3ef
```
#d7e3ef rgb(215,227,239)
```
#e5edf5
```
#e5edf5 rgb(229,237,245)
```
#f3f6fa
```
#f3f6fa rgb(243,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555a5e is the less saturated color, while #035bb0 is the most saturated one.

#555a5e
```
#555a5e rgb(85,90,94)
```
#4f5a64
```
#4f5a64 rgb(79,90,100)
```
#485a6b
```
#485a6b rgb(72,90,107)
```
#415a72
```
#415a72 rgb(65,90,114)
```
#3a5a79
```
#3a5a79 rgb(58,90,121)
```
#335a80
```
#335a80 rgb(51,90,128)
```
#2c5a87
```
#2c5a87 rgb(44,90,135)
```
#255a8e
```
#255a8e rgb(37,90,142)
```
#1e5a95
```
#1e5a95 rgb(30,90,149)
```
#175a9c
```
#175a9c rgb(23,90,156)
```
#115aa2
```
#115aa2 rgb(17,90,162)
```
#0a5ba9
```
#0a5ba9 rgb(10,91,169)
```
#035bb0
```
#035bb0 rgb(3,91,176)
```

Tone Color Variation

Below, you can see how #335a80 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
#4d545c Atypical Achromatopsia 0.001% of the population

Dichromacy

#535e83 Protanopia 1% of men
#4d5f87 Deuteranopia 1% of men
#30676e Tritanopia 0.001% of the population

Trichromacy

#475c82 Protanomaly 1% of men, 0.01% of women
#445d85 Deuteranomaly 6% of men, 0.4% of women
#316275 Tritanomaly 0.01% of the population

#335a80 hex color

#335a80 Color Information

#335a80 Color Conversion

Color Schemes with #335a80

Alternatives to #335a80

#335a80 Preview

Shades and Tints of #335a80

Tones of #335a80

Color Blindness Simulator