#335f7c hex color

In a RGB color space, hex #335f7c is composed of 20% red, 37.3% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 23.4% magenta, 0% yellow and 51.4% black. It has a hue angle of 203.8 degrees, a saturation of 41.7% and a lightness of 34.3%. #335f7c color hex could be obtained by blending #66bef8 with #000000. Closest websafe color is: #336666.

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

● #335f7c color description : Dark moderate blue.

The hexadecimal color #335f7c has RGB values of R:51, G:95, B:124 and CMYK values of C:0.59, M:0.23, Y:0, K:0.51. Its decimal value is 3366780.

Hex triplet	335f7c	`#335f7c`
RGB Decimal	51, 95, 124	`rgb(51,95,124)`
RGB Percent	20, 37.3, 48.6	`rgb(20%,37.3%,48.6%)`
CMYK	59, 23, 0, 51
HSL	203.8°, 41.7, 34.3	`hsl(203.8,41.7%,34.3%)`
HSV (or HSB)	203.8°, 58.9, 48.6
Web Safe	336666	`#336666`

CIE-LAB	38.451, -6.009, -20.906
XYZ	9.095, 10.343, 20.585
xyY	0.227, 0.258, 10.343
CIE-LCH	38.451, 21.752, 253.963
CIE-LUV	38.451, -18.428, -28.211
Hunter-Lab	32.16, -5.802, -15.437
Binary	00110011, 01011111, 01111100

#335f7c
```
#335f7c rgb(51,95,124)
```
#7c5033
```
#7c5033 rgb(124,80,51)
```

Complementary Color

#337c75
```
#337c75 rgb(51,124,117)
```
#335f7c
```
#335f7c rgb(51,95,124)
```
#333b7c
```
#333b7c rgb(51,59,124)
```

Analogous Color

#7c7533
```
#7c7533 rgb(124,117,51)
```
#335f7c
```
#335f7c rgb(51,95,124)
```
#7c333b
```
#7c333b rgb(124,51,59)
```

Split Complementary Color

#5f7c33
```
#5f7c33 rgb(95,124,51)
```
#335f7c
```
#335f7c rgb(51,95,124)
```
#7c335f
```
#7c335f rgb(124,51,95)
```

Triadic Color

#337c50
```
#337c50 rgb(51,124,80)
```
#335f7c
```
#335f7c rgb(51,95,124)
```
#7c335f
```
#7c335f rgb(124,51,95)
```
#7c5033
```
#7c5033 rgb(124,80,51)
```

Tetradic Color

#1d3546
```
#1d3546 rgb(29,53,70)
```
#244358
```
#244358 rgb(36,67,88)
```
#2c516a
```
#2c516a rgb(44,81,106)
```
#335f7c
```
#335f7c rgb(51,95,124)
```
#3a6d8e
```
#3a6d8e rgb(58,109,142)
```
#427ba0
```
#427ba0 rgb(66,123,160)
```
#4989b2
```
#4989b2 rgb(73,137,178)
```

Monochromatic Color

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

#33717c
```
#33717c rgb(51,113,124)
```
#336b7c
```
#336b7c rgb(51,107,124)
```
#33657c
```
#33657c rgb(51,101,124)
```
#335f7c
```
#335f7c rgb(51,95,124)
```
#33597c
```
#33597c rgb(51,89,124)
```
#33537c
```
#33537c rgb(51,83,124)
```
#334d7c
```
#334d7c rgb(51,77,124)
```

Similar Colors

Text with hexadecimal color #335f7c

This text has a font color of #335f7c.

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

#335f7c background color

This paragraph has a background color of #335f7c.

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

#335f7c border color

This element has a border color of #335f7c.

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

CSS codes

.text {color:#335f7c;}

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

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

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, #050a0d is the darkest color, while #fefeff is the lightest one.

#050a0d
```
#050a0d rgb(5,10,13)
```
#0b141b
```
#0b141b rgb(11,20,27)
```
#111f29
```
#111f29 rgb(17,31,41)
```
#162a37
```
#162a37 rgb(22,42,55)
```
#1c3444
```
#1c3444 rgb(28,52,68)
```
#223f52
```
#223f52 rgb(34,63,82)
```
#284a60
```
#284a60 rgb(40,74,96)
```
#2d546e
```
#2d546e rgb(45,84,110)
```
#335f7c
```
#335f7c rgb(51,95,124)
```
#396a8a
```
#396a8a rgb(57,106,138)
```
#3e7498
```
#3e7498 rgb(62,116,152)
```
#447fa6
```
#447fa6 rgb(68,127,166)
```
#4a8ab4
```
#4a8ab4 rgb(74,138,180)
```

Shade Color Variation

#5793ba
```
#5793ba rgb(87,147,186)
```
#659cc0
```
#659cc0 rgb(101,156,192)
```
#73a5c5
```
#73a5c5 rgb(115,165,197)
```
#81aecb
```
#81aecb rgb(129,174,203)
```
#8fb7d1
```
#8fb7d1 rgb(143,183,209)
```
#9dc0d7
```
#9dc0d7 rgb(157,192,215)
```
#abc8dc
```
#abc8dc rgb(171,200,220)
```
#b8d1e2
```
#b8d1e2 rgb(184,209,226)
```
#c6dae8
```
#c6dae8 rgb(198,218,232)
```
#d4e3ed
```
#d4e3ed rgb(212,227,237)
```
#e2ecf3
```
#e2ecf3 rgb(226,236,243)
```
#f0f5f9
```
#f0f5f9 rgb(240,245,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #55585a is the less saturated color, while #0469ab is the most saturated one.

#55585a
```
#55585a rgb(85,88,90)
```
#4e5961
```
#4e5961 rgb(78,89,97)
```
#475b68
```
#475b68 rgb(71,91,104)
```
#405c6f
```
#405c6f rgb(64,92,111)
```
#3a5e75
```
#3a5e75 rgb(58,94,117)
```
#335f7c
```
#335f7c rgb(51,95,124)
```
#2c6083
```
#2c6083 rgb(44,96,131)
```
#266289
```
#266289 rgb(38,98,137)
```
#1f6390
```
#1f6390 rgb(31,99,144)
```
#186597
```
#186597 rgb(24,101,151)
```
#11669e
```
#11669e rgb(17,102,158)
```
#0b67a4
```
#0b67a4 rgb(11,103,164)
```
#0469ab
```
#0469ab rgb(4,105,171)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e575d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a627f Protanopia 1% of men
#576184 Deuteranopia 1% of men
#356a72 Tritanopia 0.001% of the population

Trichromacy

#4c607e Protanomaly 1% of men, 0.01% of women
#4a6081 Deuteranomaly 6% of men, 0.4% of women
#346675 Tritanomaly 0.01% of the population

#335f7c hex color

#335f7c Color Information

#335f7c Color Conversion

Color Schemes with #335f7c

Alternatives to #335f7c

#335f7c Preview

Shades and Tints of #335f7c

Tones of #335f7c

Color Blindness Simulator