#335f82 hex color

In a RGB color space, hex #335f82 is composed of 20% red, 37.3% green and 51% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 26.9% magenta, 0% yellow and 49% black. It has a hue angle of 206.6 degrees, a saturation of 43.6% and a lightness of 35.5%. #335f82 color hex could be obtained by blending #66beff with #000005. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 37
- B 51
RGB color chart
- C 61
- M 27
- Y 0
- K 49
CMYK color chart

● #335f82 color description : Dark moderate blue.

The hexadecimal color #335f82 has RGB values of R:51, G:95, B:130 and CMYK values of C:0.61, M:0.27, Y:0, K:0.49. Its decimal value is 3366786.

Hex triplet	335f82	`#335f82`
RGB Decimal	51, 95, 130	`rgb(51,95,130)`
RGB Percent	20, 37.3, 51	`rgb(20%,37.3%,51%)`
CMYK	61, 27, 0, 49
HSL	206.6°, 43.6, 35.5	`hsl(206.6,43.6%,35.5%)`
HSV (or HSB)	206.6°, 60.8, 51
Web Safe	336699	`#336699`

CIE-LAB	38.724, -3.954, -24.143
XYZ	9.486, 10.499, 22.645
xyY	0.223, 0.246, 10.499
CIE-LCH	38.724, 24.464, 260.698
CIE-LUV	38.724, -18.283, -33.265
Hunter-Lab	32.403, -4.449, -18.753
Binary	00110011, 01011111, 10000010

#335f82
```
#335f82 rgb(51,95,130)
```
#825633
```
#825633 rgb(130,86,51)
```

Complementary Color

#33827e
```
#33827e rgb(51,130,126)
```
#335f82
```
#335f82 rgb(51,95,130)
```
#333882
```
#333882 rgb(51,56,130)
```

Analogous Color

#827e33
```
#827e33 rgb(130,126,51)
```
#335f82
```
#335f82 rgb(51,95,130)
```
#823338
```
#823338 rgb(130,51,56)
```

Split Complementary Color

#5f8233
```
#5f8233 rgb(95,130,51)
```
#335f82
```
#335f82 rgb(51,95,130)
```
#82335f
```
#82335f rgb(130,51,95)
```

Triadic Color

#338256
```
#338256 rgb(51,130,86)
```
#335f82
```
#335f82 rgb(51,95,130)
```
#82335f
```
#82335f rgb(130,51,95)
```
#825633
```
#825633 rgb(130,86,51)
```

Tetradic Color

#1d374b
```
#1d374b rgb(29,55,75)
```
#25445d
```
#25445d rgb(37,68,93)
```
#2c5270
```
#2c5270 rgb(44,82,112)
```
#335f82
```
#335f82 rgb(51,95,130)
```
#3a6c94
```
#3a6c94 rgb(58,108,148)
```
#417aa7
```
#417aa7 rgb(65,122,167)
```
#4a87b8
```
#4a87b8 rgb(74,135,184)
```

Monochromatic Color

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

#337382
```
#337382 rgb(51,115,130)
```
#336c82
```
#336c82 rgb(51,108,130)
```
#336682
```
#336682 rgb(51,102,130)
```
#335f82
```
#335f82 rgb(51,95,130)
```
#335882
```
#335882 rgb(51,88,130)
```
#335282
```
#335282 rgb(51,82,130)
```
#334b82
```
#334b82 rgb(51,75,130)
```

Similar Colors

Text with hexadecimal color #335f82

This text has a font color of #335f82.

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

#335f82 background color

This paragraph has a background color of #335f82.

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

#335f82 border color

This element has a border color of #335f82.

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

CSS codes

.text {color:#335f82;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070d11
```
#070d11 rgb(7,13,17)
```
#0c171f
```
#0c171f rgb(12,23,31)
```
#12212d
```
#12212d rgb(18,33,45)
```
#172c3c
```
#172c3c rgb(23,44,60)
```
#1d364a
```
#1d364a rgb(29,54,74)
```
#224058
```
#224058 rgb(34,64,88)
```
#284a66
```
#284a66 rgb(40,74,102)
```
#2d5574
```
#2d5574 rgb(45,85,116)
```
#335f82
```
#335f82 rgb(51,95,130)
```
#396990
```
#396990 rgb(57,105,144)
```
#3e749e
```
#3e749e rgb(62,116,158)
```
#447eac
```
#447eac rgb(68,126,172)
```

Shade Color Variation

#4b88b8
```
#4b88b8 rgb(75,136,184)
```
#5991be
```
#5991be rgb(89,145,190)
```
#679bc3
```
#679bc3 rgb(103,155,195)
```
#75a4c9
```
#75a4c9 rgb(117,164,201)
```
#83adcf
```
#83adcf rgb(131,173,207)
```
#91b7d4
```
#91b7d4 rgb(145,183,212)
```
#a0c0da
```
#a0c0da rgb(160,192,218)
```
#aec9df
```
#aec9df rgb(174,201,223)
```
#bcd3e5
```
#bcd3e5 rgb(188,211,229)
```
#cadcea
```
#cadcea rgb(202,220,234)
```
#d8e5f0
```
#d8e5f0 rgb(216,229,240)
```
#e6eef5
```
#e6eef5 rgb(230,238,245)
```
#f4f8fb
```
#f4f8fb rgb(244,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565b5f is the less saturated color, while #0265b3 is the most saturated one.

#565b5f
```
#565b5f rgb(86,91,95)
```
#4f5c66
```
#4f5c66 rgb(79,92,102)
```
#485d6d
```
#485d6d rgb(72,93,109)
```
#415d74
```
#415d74 rgb(65,93,116)
```
#3a5e7b
```
#3a5e7b rgb(58,94,123)
```
#335f82
```
#335f82 rgb(51,95,130)
```
#2c6089
```
#2c6089 rgb(44,96,137)
```
#256190
```
#256190 rgb(37,97,144)
```
#1e6197
```
#1e6197 rgb(30,97,151)
```
#17629e
```
#17629e rgb(23,98,158)
```
#1063a5
```
#1063a5 rgb(16,99,165)
```
#0964ac
```
#0964ac rgb(9,100,172)
```
#0265b3
```
#0265b3 rgb(2,101,179)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4f585f Atypical Achromatopsia 0.001% of the population

Dichromacy

#586285 Protanopia 1% of men
#53628a Deuteranopia 1% of men
#326b73 Tritanopia 0.001% of the population

Trichromacy

#4b6183 Protanomaly 1% of men, 0.01% of women
#476187 Deuteranomaly 6% of men, 0.4% of women
#326678 Tritanomaly 0.01% of the population

#335f82 hex color

#335f82 Color Information

#335f82 Color Conversion

Color Schemes with #335f82

Alternatives to #335f82

#335f82 Preview

Shades and Tints of #335f82

Tones of #335f82

Color Blindness Simulator