#33557f hex color

In a RGB color space, hex #33557f is composed of 20% red, 33.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 33.1% magenta, 0% yellow and 50.2% black. It has a hue angle of 213.2 degrees, a saturation of 42.7% and a lightness of 34.9%. #33557f color hex could be obtained by blending #66aafe with #000000. Closest websafe color is: #336666.

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

● #33557f color description : Dark moderate blue.

The hexadecimal color #33557f has RGB values of R:51, G:85, B:127 and CMYK values of C:0.6, M:0.33, Y:0, K:0.5. Its decimal value is 3364223.

Hex triplet	33557f	`#33557f`
RGB Decimal	51, 85, 127	`rgb(51,85,127)`
RGB Percent	20, 33.3, 49.8	`rgb(20%,33.3%,49.8%)`
CMYK	60, 33, 0, 50
HSL	213.2°, 42.7, 34.9	`hsl(213.2,42.7%,34.9%)`
HSV (or HSB)	213.2°, 59.8, 49.8
Web Safe	336666	`#336666`

CIE-LAB	35.464, 1.272, -27.403
XYZ	8.444, 8.733, 21.318
xyY	0.219, 0.227, 8.733
CIE-LCH	35.464, 27.432, 272.657
CIE-LUV	35.464, -14.652, -37.765
Hunter-Lab	29.551, -0.711, -22.086
Binary	00110011, 01010101, 01111111

#33557f
```
#33557f rgb(51,85,127)
```
#7f5d33
```
#7f5d33 rgb(127,93,51)
```

Complementary Color

#337b7f
```
#337b7f rgb(51,123,127)
```
#33557f
```
#33557f rgb(51,85,127)
```
#37337f
```
#37337f rgb(55,51,127)
```

Analogous Color

#7b7f33
```
#7b7f33 rgb(123,127,51)
```
#33557f
```
#33557f rgb(51,85,127)
```
#7f3733
```
#7f3733 rgb(127,55,51)
```

Split Complementary Color

#557f33
```
#557f33 rgb(85,127,51)
```
#33557f
```
#33557f rgb(51,85,127)
```
#7f3355
```
#7f3355 rgb(127,51,85)
```

Triadic Color

#337f5d
```
#337f5d rgb(51,127,93)
```
#33557f
```
#33557f rgb(51,85,127)
```
#7f3355
```
#7f3355 rgb(127,51,85)
```
#7f5d33
```
#7f5d33 rgb(127,93,51)
```

Tetradic Color

#1d3048
```
#1d3048 rgb(29,48,72)
```
#243d5b
```
#243d5b rgb(36,61,91)
```
#2c496d
```
#2c496d rgb(44,73,109)
```
#33557f
```
#33557f rgb(51,85,127)
```
#3a6191
```
#3a6191 rgb(58,97,145)
```
#426da3
```
#426da3 rgb(66,109,163)
```
#497ab6
```
#497ab6 rgb(73,122,182)
```

Monochromatic Color

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

#33687f
```
#33687f rgb(51,104,127)
```
#33627f
```
#33627f rgb(51,98,127)
```
#335b7f
```
#335b7f rgb(51,91,127)
```
#33557f
```
#33557f rgb(51,85,127)
```
#334f7f
```
#334f7f rgb(51,79,127)
```
#33487f
```
#33487f rgb(51,72,127)
```
#33427f
```
#33427f rgb(51,66,127)
```

Similar Colors

Text with hexadecimal color #33557f

This text has a font color of #33557f.

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

#33557f background color

This paragraph has a background color of #33557f.

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

#33557f border color

This element has a border color of #33557f.

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

CSS codes

.text {color:#33557f;}

.background {background-color:#33557f;}

.border {border:1px solid #33557f;}

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

#000101
```
#000101 rgb(0,1,1)
```
#060a0f
```
#060a0f rgb(6,10,15)
```
#0c131d
```
#0c131d rgb(12,19,29)
```
#111d2b
```
#111d2b rgb(17,29,43)
```
#172639
```
#172639 rgb(23,38,57)
```
#1d3047
```
#1d3047 rgb(29,48,71)
```
#223955
```
#223955 rgb(34,57,85)
```
#284263
```
#284263 rgb(40,66,99)
```
#2d4c71
```
#2d4c71 rgb(45,76,113)
```
#33557f
```
#33557f rgb(51,85,127)
```
#395e8d
```
#395e8d rgb(57,94,141)
```
#3e689b
```
#3e689b rgb(62,104,155)
```
#4471a9
```
#4471a9 rgb(68,113,169)
```

Shade Color Variation

#4a7bb6
```
#4a7bb6 rgb(74,123,182)
```
#5885bc
```
#5885bc rgb(88,133,188)
```
#668fc2
```
#668fc2 rgb(102,143,194)
```
#7499c7
```
#7499c7 rgb(116,153,199)
```
#82a4cd
```
#82a4cd rgb(130,164,205)
```
#90aed2
```
#90aed2 rgb(144,174,210)
```
#9eb8d8
```
#9eb8d8 rgb(158,184,216)
```
#acc2de
```
#acc2de rgb(172,194,222)
```
#bacde3
```
#bacde3 rgb(186,205,227)
```
#c8d7e9
```
#c8d7e9 rgb(200,215,233)
```
#d6e1ef
```
#d6e1ef rgb(214,225,239)
```
#e4ebf4
```
#e4ebf4 rgb(228,235,244)
```
#f2f6fa
```
#f2f6fa rgb(242,246,250)
```

Tint Color Variation

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

#55595d
```
#55595d rgb(85,89,93)
```
#4e5864
```
#4e5864 rgb(78,88,100)
```
#48576a
```
#48576a rgb(72,87,106)
```
#415671
```
#415671 rgb(65,86,113)
```
#3a5678
```
#3a5678 rgb(58,86,120)
```
#33557f
```
#33557f rgb(51,85,127)
```
#2c5486
```
#2c5486 rgb(44,84,134)
```
#25548d
```
#25548d rgb(37,84,141)
```
#1e5394
```
#1e5394 rgb(30,83,148)
```
#18529a
```
#18529a rgb(24,82,154)
```
#1151a1
```
#1151a1 rgb(17,81,161)
```
#0a51a8
```
#0a51a8 rgb(10,81,168)
```
#0350af
```
#0350af rgb(3,80,175)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a5159 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5a83 Protanopia 1% of men
#465c86 Deuteranopia 1% of men
#2f636a Tritanopia 0.001% of the population

Trichromacy

#435881 Protanomaly 1% of men, 0.01% of women
#3f5983 Deuteranomaly 6% of men, 0.4% of women
#305e72 Tritanomaly 0.01% of the population

#33557f hex color

#33557f Color Information

#33557f Color Conversion

Color Schemes with #33557f

Alternatives to #33557f

#33557f Preview

Shades and Tints of #33557f

Tones of #33557f

Color Blindness Simulator