#335f8f hex color

In a RGB color space, hex #335f8f is composed of 20% red, 37.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 33.6% magenta, 0% yellow and 43.9% black. It has a hue angle of 211.3 degrees, a saturation of 47.4% and a lightness of 38%. #335f8f color hex could be obtained by blending #66beff with #00001f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 37
- B 56
RGB color chart
- C 64
- M 34
- Y 0
- K 44
CMYK color chart

● #335f8f color description : Dark moderate blue.

The hexadecimal color #335f8f has RGB values of R:51, G:95, B:143 and CMYK values of C:0.64, M:0.34, Y:0, K:0.44. Its decimal value is 3366799.

Hex triplet	335f8f	`#335f8f`
RGB Decimal	51, 95, 143	`rgb(51,95,143)`
RGB Percent	20, 37.3, 56.1	`rgb(20%,37.3%,56.1%)`
CMYK	64, 34, 0, 44
HSL	211.3°, 47.4, 38	`hsl(211.3,47.4%,38%)`
HSV (or HSB)	211.3°, 64.3, 56.1
Web Safe	336699	`#336699`

CIE-LAB	39.362, 0.629, -31.023
XYZ	10.414, 10.871, 27.535
xyY	0.213, 0.223, 10.871
CIE-LCH	39.362, 31.029, 271.162
CIE-LUV	39.362, -17.995, -44.15
Hunter-Lab	32.971, -1.317, -26.435
Binary	00110011, 01011111, 10001111

#335f8f
```
#335f8f rgb(51,95,143)
```
#8f6333
```
#8f6333 rgb(143,99,51)
```

Complementary Color

#338d8f
```
#338d8f rgb(51,141,143)
```
#335f8f
```
#335f8f rgb(51,95,143)
```
#35338f
```
#35338f rgb(53,51,143)
```

Analogous Color

#8d8f33
```
#8d8f33 rgb(141,143,51)
```
#335f8f
```
#335f8f rgb(51,95,143)
```
#8f3533
```
#8f3533 rgb(143,53,51)
```

Split Complementary Color

#5f8f33
```
#5f8f33 rgb(95,143,51)
```
#335f8f
```
#335f8f rgb(51,95,143)
```
#8f335f
```
#8f335f rgb(143,51,95)
```

Triadic Color

#338f63
```
#338f63 rgb(51,143,99)
```
#335f8f
```
#335f8f rgb(51,95,143)
```
#8f335f
```
#8f335f rgb(143,51,95)
```
#8f6333
```
#8f6333 rgb(143,99,51)
```

Tetradic Color

#1f3a57
```
#1f3a57 rgb(31,58,87)
```
#264669
```
#264669 rgb(38,70,105)
```
#2c537c
```
#2c537c rgb(44,83,124)
```
#335f8f
```
#335f8f rgb(51,95,143)
```
#3a6ba2
```
#3a6ba2 rgb(58,107,162)
```
#4078b5
```
#4078b5 rgb(64,120,181)
```
#4e85c0
```
#4e85c0 rgb(78,133,192)
```

Monochromatic Color

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

#33768f
```
#33768f rgb(51,118,143)
```
#336e8f
```
#336e8f rgb(51,110,143)
```
#33678f
```
#33678f rgb(51,103,143)
```
#335f8f
```
#335f8f rgb(51,95,143)
```
#33578f
```
#33578f rgb(51,87,143)
```
#33508f
```
#33508f rgb(51,80,143)
```
#33488f
```
#33488f rgb(51,72,143)
```

Similar Colors

Text with hexadecimal color #335f8f

This text has a font color of #335f8f.

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

#335f8f background color

This paragraph has a background color of #335f8f.

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

#335f8f border color

This element has a border color of #335f8f.

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

CSS codes

.text {color:#335f8f;}

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

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

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, #05090d is the darkest color, while #fdfefe is the lightest one.

#05090d
```
#05090d rgb(5,9,13)
```
#0a121b
```
#0a121b rgb(10,18,27)
```
#0f1c2a
```
#0f1c2a rgb(15,28,42)
```
#142538
```
#142538 rgb(20,37,56)
```
#192f47
```
#192f47 rgb(25,47,71)
```
#1e3955
```
#1e3955 rgb(30,57,85)
```
#244264
```
#244264 rgb(36,66,100)
```
#294c72
```
#294c72 rgb(41,76,114)
```
#2e5581
```
#2e5581 rgb(46,85,129)
```
#335f8f
```
#335f8f rgb(51,95,143)
```
#38699d
```
#38699d rgb(56,105,157)
```
#3d72ac
```
#3d72ac rgb(61,114,172)
```
#427cba
```
#427cba rgb(66,124,186)
```

Shade Color Variation

#5086c1
```
#5086c1 rgb(80,134,193)
```
#5e90c6
```
#5e90c6 rgb(94,144,198)
```
#6d9acb
```
#6d9acb rgb(109,154,203)
```
#7ba4d0
```
#7ba4d0 rgb(123,164,208)
```
#8aaed5
```
#8aaed5 rgb(138,174,213)
```
#98b8da
```
#98b8da rgb(152,184,218)
```
#a7c2df
```
#a7c2df rgb(167,194,223)
```
#b5cce5
```
#b5cce5 rgb(181,204,229)
```
#c4d6ea
```
#c4d6ea rgb(196,214,234)
```
#d2e0ef
```
#d2e0ef rgb(210,224,239)
```
#e0eaf4
```
#e0eaf4 rgb(224,234,244)
```
#eff4f9
```
#eff4f9 rgb(239,244,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606162 is the less saturated color, while #065dbc is the most saturated one.

#606162
```
#606162 rgb(96,97,98)
```
#58616a
```
#58616a rgb(88,97,106)
```
#516071
```
#516071 rgb(81,96,113)
```
#496079
```
#496079 rgb(73,96,121)
```
#426080
```
#426080 rgb(66,96,128)
```
#3a5f88
```
#3a5f88 rgb(58,95,136)
```
#335f8f
```
#335f8f rgb(51,95,143)
```
#2c5f96
```
#2c5f96 rgb(44,95,150)
```
#245e9e
```
#245e9e rgb(36,94,158)
```
#1d5ea5
```
#1d5ea5 rgb(29,94,165)
```
#155ead
```
#155ead rgb(21,94,173)
```
#0e5db4
```
#0e5db4 rgb(14,93,180)
```
#065dbc
```
#065dbc rgb(6,93,188)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#505962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#536392 Protanopia 1% of men
#4a6595 Deuteranopia 1% of men
#286d75 Tritanopia 0.001% of the population

Trichromacy

#476190 Protanomaly 1% of men, 0.01% of women
#416293 Deuteranomaly 6% of men, 0.4% of women
#2c687f Tritanomaly 0.01% of the population

#335f8f hex color

#335f8f Color Information

#335f8f Color Conversion

Color Schemes with #335f8f

Alternatives to #335f8f

#335f8f Preview

Shades and Tints of #335f8f

Tones of #335f8f

Color Blindness Simulator