#335380 hex color

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

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

● #335380 color description : Dark moderate blue.

The hexadecimal color #335380 has RGB values of R:51, G:83, B:128 and CMYK values of C:0.6, M:0.35, Y:0, K:0.5. Its decimal value is 3363712.

Hex triplet	335380	`#335380`
RGB Decimal	51, 83, 128	`rgb(51,83,128)`
RGB Percent	20, 32.5, 50.2	`rgb(20%,32.5%,50.2%)`
CMYK	60, 35, 0, 50
HSL	215.1°, 43, 35.1	`hsl(215.1,43%,35.1%)`
HSV (or HSB)	215.1°, 60.2, 50.2
Web Safe	336699	`#336699`

CIE-LAB	34.9, 2.912, -28.906
XYZ	8.354, 8.448, 21.611
xyY	0.217, 0.22, 8.448
CIE-LCH	34.9, 29.052, 275.753
CIE-LUV	34.9, -13.924, -39.923
Hunter-Lab	29.066, 0.437, -23.737
Binary	00110011, 01010011, 10000000

#335380
```
#335380 rgb(51,83,128)
```
#806033
```
#806033 rgb(128,96,51)
```

Complementary Color

#337a80
```
#337a80 rgb(51,122,128)
```
#335380
```
#335380 rgb(51,83,128)
```
#3a3380
```
#3a3380 rgb(58,51,128)
```

Analogous Color

#7a8033
```
#7a8033 rgb(122,128,51)
```
#335380
```
#335380 rgb(51,83,128)
```
#803a33
```
#803a33 rgb(128,58,51)
```

Split Complementary Color

#538033
```
#538033 rgb(83,128,51)
```
#335380
```
#335380 rgb(51,83,128)
```
#803353
```
#803353 rgb(128,51,83)
```

Triadic Color

#338060
```
#338060 rgb(51,128,96)
```
#335380
```
#335380 rgb(51,83,128)
```
#803353
```
#803353 rgb(128,51,83)
```
#806033
```
#806033 rgb(128,96,51)
```

Tetradic Color

#1d3049
```
#1d3049 rgb(29,48,73)
```
#243b5c
```
#243b5c rgb(36,59,92)
```
#2c476e
```
#2c476e rgb(44,71,110)
```
#335380
```
#335380 rgb(51,83,128)
```
#3a5f92
```
#3a5f92 rgb(58,95,146)
```
#426ba4
```
#426ba4 rgb(66,107,164)
```
#4977b6
```
#4977b6 rgb(73,119,182)
```

Monochromatic Color

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

#336680
```
#336680 rgb(51,102,128)
```
#336080
```
#336080 rgb(51,96,128)
```
#335980
```
#335980 rgb(51,89,128)
```
#335380
```
#335380 rgb(51,83,128)
```
#334d80
```
#334d80 rgb(51,77,128)
```
#334680
```
#334680 rgb(51,70,128)
```
#334080
```
#334080 rgb(51,64,128)
```

Similar Colors

Text with hexadecimal color #335380

This text has a font color of #335380.

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

#335380 background color

This paragraph has a background color of #335380.

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

#335380 border color

This element has a border color of #335380.

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

CSS codes

.text {color:#335380;}

.background {background-color:#335380;}

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

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)
```
#060a10
```
#060a10 rgb(6,10,16)
```
#0c131e
```
#0c131e rgb(12,19,30)
```
#111c2c
```
#111c2c rgb(17,28,44)
```
#17263a
```
#17263a rgb(23,38,58)
```
#1d2f48
```
#1d2f48 rgb(29,47,72)
```
#223856
```
#223856 rgb(34,56,86)
```
#284164
```
#284164 rgb(40,65,100)
```
#2d4a72
```
#2d4a72 rgb(45,74,114)
```
#335380
```
#335380 rgb(51,83,128)
```
#395c8e
```
#395c8e rgb(57,92,142)
```
#3e659c
```
#3e659c rgb(62,101,156)
```
#446eaa
```
#446eaa rgb(68,110,170)
```

Shade Color Variation

#4a78b7
```
#4a78b7 rgb(74,120,183)
```
#5882bd
```
#5882bd rgb(88,130,189)
```
#668dc2
```
#668dc2 rgb(102,141,194)
```
#7497c8
```
#7497c8 rgb(116,151,200)
```
#83a2cd
```
#83a2cd rgb(131,162,205)
```
#91acd3
```
#91acd3 rgb(145,172,211)
```
#9fb7d9
```
#9fb7d9 rgb(159,183,217)
```
#adc1de
```
#adc1de rgb(173,193,222)
```
#bbcce4
```
#bbcce4 rgb(187,204,228)
```
#c9d6e9
```
#c9d6e9 rgb(201,214,233)
```
#d7e1ef
```
#d7e1ef rgb(215,225,239)
```
#e5ebf5
```
#e5ebf5 rgb(229,235,245)
```
#f3f6fa
```
#f3f6fa rgb(243,246,250)
```

Tint Color Variation

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

#55595e
```
#55595e rgb(85,89,94)
```
#4f5864
```
#4f5864 rgb(79,88,100)
```
#48566b
```
#48566b rgb(72,86,107)
```
#415572
```
#415572 rgb(65,85,114)
```
#3a5479
```
#3a5479 rgb(58,84,121)
```
#335380
```
#335380 rgb(51,83,128)
```
#2c5287
```
#2c5287 rgb(44,82,135)
```
#25518e
```
#25518e rgb(37,81,142)
```
#1e5095
```
#1e5095 rgb(30,80,149)
```
#174e9c
```
#174e9c rgb(23,78,156)
```
#114da2
```
#114da2 rgb(17,77,162)
```
#0a4ca9
```
#0a4ca9 rgb(10,76,169)
```
#034bb0
```
#034bb0 rgb(3,75,176)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#495059 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5984 Protanopia 1% of men
#425a87 Deuteranopia 1% of men
#2d6269 Tritanopia 0.001% of the population

Trichromacy

#425783 Protanomaly 1% of men, 0.01% of women
#3d5884 Deuteranomaly 6% of men, 0.4% of women
#2f5c71 Tritanomaly 0.01% of the population

#335380 hex color

#335380 Color Information

#335380 Color Conversion

Color Schemes with #335380

Alternatives to #335380

#335380 Preview

Shades and Tints of #335380

Tones of #335380

Color Blindness Simulator