#335a7c hex color

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

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

● #335a7c color description : Dark moderate blue.

The hexadecimal color #335a7c has RGB values of R:51, G:90, B:124 and CMYK values of C:0.59, M:0.27, Y:0, K:0.51. Its decimal value is 3365500.

Hex triplet	335a7c	`#335a7c`
RGB Decimal	51, 90, 124	`rgb(51,90,124)`
RGB Percent	20, 35.3, 48.6	`rgb(20%,35.3%,48.6%)`
CMYK	59, 27, 0, 51
HSL	207.9°, 41.7, 34.3	`hsl(207.9,41.7%,34.3%)`
HSV (or HSB)	207.9°, 58.9, 48.6
Web Safe	336666	`#336666`

CIE-LAB	36.875, -2.933, -23.351
XYZ	8.659, 9.471, 20.439
xyY	0.224, 0.246, 9.471
CIE-LCH	36.875, 23.535, 262.84
CIE-LUV	36.875, -16.539, -31.806
Hunter-Lab	30.775, -3.634, -17.836
Binary	00110011, 01011010, 01111100

#335a7c
```
#335a7c rgb(51,90,124)
```
#7c5533
```
#7c5533 rgb(124,85,51)
```

Complementary Color

#337c7a
```
#337c7a rgb(51,124,122)
```
#335a7c
```
#335a7c rgb(51,90,124)
```
#33367c
```
#33367c rgb(51,54,124)
```

Analogous Color

#7c7a33
```
#7c7a33 rgb(124,122,51)
```
#335a7c
```
#335a7c rgb(51,90,124)
```
#7c3336
```
#7c3336 rgb(124,51,54)
```

Split Complementary Color

#5a7c33
```
#5a7c33 rgb(90,124,51)
```
#335a7c
```
#335a7c rgb(51,90,124)
```
#7c335a
```
#7c335a rgb(124,51,90)
```

Triadic Color

#337c55
```
#337c55 rgb(51,124,85)
```
#335a7c
```
#335a7c rgb(51,90,124)
```
#7c335a
```
#7c335a rgb(124,51,90)
```
#7c5533
```
#7c5533 rgb(124,85,51)
```

Tetradic Color

#1d3346
```
#1d3346 rgb(29,51,70)
```
#244058
```
#244058 rgb(36,64,88)
```
#2c4d6a
```
#2c4d6a rgb(44,77,106)
```
#335a7c
```
#335a7c rgb(51,90,124)
```
#3a678e
```
#3a678e rgb(58,103,142)
```
#4274a0
```
#4274a0 rgb(66,116,160)
```
#4981b2
```
#4981b2 rgb(73,129,178)
```

Monochromatic Color

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

#336c7c
```
#336c7c rgb(51,108,124)
```
#33667c
```
#33667c rgb(51,102,124)
```
#33607c
```
#33607c rgb(51,96,124)
```
#335a7c
```
#335a7c rgb(51,90,124)
```
#33547c
```
#33547c rgb(51,84,124)
```
#334e7c
```
#334e7c rgb(51,78,124)
```
#33487c
```
#33487c rgb(51,72,124)
```

Similar Colors

Text with hexadecimal color #335a7c

This text has a font color of #335a7c.

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

#335a7c background color

This paragraph has a background color of #335a7c.

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

#335a7c border color

This element has a border color of #335a7c.

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

CSS codes

.text {color:#335a7c;}

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

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

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 #fefeff is the lightest one.

#05090d
```
#05090d rgb(5,9,13)
```
#0b131b
```
#0b131b rgb(11,19,27)
```
#111d29
```
#111d29 rgb(17,29,41)
```
#162837
```
#162837 rgb(22,40,55)
```
#1c3244
```
#1c3244 rgb(28,50,68)
```
#223c52
```
#223c52 rgb(34,60,82)
```
#284660
```
#284660 rgb(40,70,96)
```
#2d506e
```
#2d506e rgb(45,80,110)
```
#335a7c
```
#335a7c rgb(51,90,124)
```
#39648a
```
#39648a rgb(57,100,138)
```
#3e6e98
```
#3e6e98 rgb(62,110,152)
```
#4478a6
```
#4478a6 rgb(68,120,166)
```
#4a82b4
```
#4a82b4 rgb(74,130,180)
```

Shade Color Variation

#578cba
```
#578cba rgb(87,140,186)
```
#6595c0
```
#6595c0 rgb(101,149,192)
```
#739fc5
```
#739fc5 rgb(115,159,197)
```
#81a9cb
```
#81a9cb rgb(129,169,203)
```
#8fb2d1
```
#8fb2d1 rgb(143,178,209)
```
#9dbcd7
```
#9dbcd7 rgb(157,188,215)
```
#abc5dc
```
#abc5dc rgb(171,197,220)
```
#b8cfe2
```
#b8cfe2 rgb(184,207,226)
```
#c6d8e8
```
#c6d8e8 rgb(198,216,232)
```
#d4e2ed
```
#d4e2ed rgb(212,226,237)
```
#e2ebf3
```
#e2ebf3 rgb(226,235,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 #045dab is the most saturated one.

#55585a
```
#55585a rgb(85,88,90)
```
#4e5861
```
#4e5861 rgb(78,88,97)
```
#475968
```
#475968 rgb(71,89,104)
```
#40596f
```
#40596f rgb(64,89,111)
```
#3a5a75
```
#3a5a75 rgb(58,90,117)
```
#335a7c
```
#335a7c rgb(51,90,124)
```
#2c5a83
```
#2c5a83 rgb(44,90,131)
```
#265b89
```
#265b89 rgb(38,91,137)
```
#1f5b90
```
#1f5b90 rgb(31,91,144)
```
#185c97
```
#185c97 rgb(24,92,151)
```
#115c9e
```
#115c9e rgb(17,92,158)
```
#0b5da4
```
#0b5da4 rgb(11,93,164)
```
#045dab
```
#045dab rgb(4,93,171)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4c545a Atypical Achromatopsia 0.001% of the population

Dichromacy

#545e7f Protanopia 1% of men
#505e84 Deuteranopia 1% of men
#33666e Tritanopia 0.001% of the population

Trichromacy

#485c7e Protanomaly 1% of men, 0.01% of women
#455d81 Deuteranomaly 6% of men, 0.4% of women
#336273 Tritanomaly 0.01% of the population

#335a7c hex color

#335a7c Color Information

#335a7c Color Conversion

Color Schemes with #335a7c

Alternatives to #335a7c

#335a7c Preview

Shades and Tints of #335a7c

Tones of #335a7c

Color Blindness Simulator