colorhexa.com

#33547e hex color

In a RGB color space, hex #33547e is composed of 20% red, 32.9% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 33.3% magenta, 0% yellow and 50.6% black. It has a hue angle of 213.6 degrees, a saturation of 42.4% and a lightness of 34.7%. #33547e color hex could be obtained by blending #66a8fc with #000000. Closest websafe color is: #336666.

- R 20
- G 33
- B 49
RGB color chart
- C 60
- M 33
- Y 0
- K 51
CMYK color chart

● #33547e color description : Dark moderate blue.

The hexadecimal color #33547e has RGB values of R:51, G:84, B:126 and CMYK values of C:0.6, M:0.33, Y:0, K:0.51. Its decimal value is 3363966.

Hex triplet	33547e	`#33547e`
RGB Decimal	51, 84, 126	`rgb(51,84,126)`
RGB Percent	20, 32.9, 49.4	`rgb(20%,32.9%,49.4%)`
CMYK	60, 33, 0, 51
HSL	213.6°, 42.4, 34.7	`hsl(213.6,42.4%,34.7%)`
HSV (or HSB)	213.6°, 59.5, 49.4
Web Safe	336666	`#336666`

CIE-LAB	35.104, 1.559, -27.353
XYZ	8.301, 8.55, 20.95
xyY	0.22, 0.226, 8.55
CIE-LCH	35.104, 27.397, 273.262
CIE-LUV	35.104, -14.299, -37.616
Hunter-Lab	29.241, -0.501, -22.011
Binary	00110011, 01010100, 01111110

#33547e
```
#33547e rgb(51,84,126)
```
#7e5d33
```
#7e5d33 rgb(126,93,51)
```

Complementary Color

#337a7e
```
#337a7e rgb(51,122,126)
```
#33547e
```
#33547e rgb(51,84,126)
```
#38337e
```
#38337e rgb(56,51,126)
```

Analogous Color

#7a7e33
```
#7a7e33 rgb(122,126,51)
```
#33547e
```
#33547e rgb(51,84,126)
```
#7e3833
```
#7e3833 rgb(126,56,51)
```

Split Complementary Color

#547e33
```
#547e33 rgb(84,126,51)
```
#33547e
```
#33547e rgb(51,84,126)
```
#7e3354
```
#7e3354 rgb(126,51,84)
```

Triadic Color

#1d3048
```
#1d3048 rgb(29,48,72)
```
#243c5a
```
#243c5a rgb(36,60,90)
```
#2c486c
```
#2c486c rgb(44,72,108)
```
#33547e
```
#33547e rgb(51,84,126)
```
#3a6090
```
#3a6090 rgb(58,96,144)
```
#426ca2
```
#426ca2 rgb(66,108,162)
```
#4978b4
```
#4978b4 rgb(73,120,180)
```

Monochromatic Color

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

#33677e
```
#33677e rgb(51,103,126)
```
#33617e
```
#33617e rgb(51,97,126)
```
#335a7e
```
#335a7e rgb(51,90,126)
```
#33547e
```
#33547e rgb(51,84,126)
```
#334e7e
```
#334e7e rgb(51,78,126)
```
#33487e
```
#33487e rgb(51,72,126)
```
#33417e
```
#33417e rgb(51,65,126)
```

Similar Colors

Text with hexadecimal color #33547e

This text has a font color of #33547e.

<span style="color:#33547e;">Text here</span>

#33547e background color

This paragraph has a background color of #33547e.

<p style="background-color:#33547e;">Content here</p>

#33547e border color

This element has a border color of #33547e.

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

CSS codes

.text {color:#33547e;}

.background {background-color:#33547e;}

.border {border:1px solid #33547e;}

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

#000000
```
#000000 rgb(0,0,0)
```
#060a0e
```
#060a0e rgb(6,10,14)
```
#0b131c
```
#0b131c rgb(11,19,28)
```
#111c2a
```
#111c2a rgb(17,28,42)
```
#172538
```
#172538 rgb(23,37,56)
```
#1c2f46
```
#1c2f46 rgb(28,47,70)
```
#223854
```
#223854 rgb(34,56,84)
```
#284162
```
#284162 rgb(40,65,98)
```
#2d4b70
```
#2d4b70 rgb(45,75,112)
```
#33547e
```
#33547e rgb(51,84,126)
```
#395d8c
```
#395d8c rgb(57,93,140)
```
#3e679a
```
#3e679a rgb(62,103,154)
```
#4470a8
```
#4470a8 rgb(68,112,168)
```

Shade Color Variation

#4a79b6
```
#4a79b6 rgb(74,121,182)
```
#5884bb
```
#5884bb rgb(88,132,187)
```
#668ec1
```
#668ec1 rgb(102,142,193)
```
#7498c7
```
#7498c7 rgb(116,152,199)
```
#82a2cc
```
#82a2cc rgb(130,162,204)
```
#90add2
```
#90add2 rgb(144,173,210)
```
#9eb7d8
```
#9eb7d8 rgb(158,183,216)
```
#acc1dd
```
#acc1dd rgb(172,193,221)
```
#bacce3
```
#bacce3 rgb(186,204,227)
```
#c7d6e9
```
#c7d6e9 rgb(199,214,233)
```
#d5e0ee
```
#d5e0ee rgb(213,224,238)
```
#e3ebf4
```
#e3ebf4 rgb(227,235,244)
```
#f1f5f9
```
#f1f5f9 rgb(241,245,249)
```

Tint Color Variation

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

#55585c
```
#55585c rgb(85,88,92)
```
#4e5763
```
#4e5763 rgb(78,87,99)
```
#47566a
```
#47566a rgb(71,86,106)
```
#415670
```
#415670 rgb(65,86,112)
```
#3a5577
```
#3a5577 rgb(58,85,119)
```
#33547e
```
#33547e rgb(51,84,126)
```
#2c5385
```
#2c5385 rgb(44,83,133)
```
#25528c
```
#25528c rgb(37,82,140)
```
#1f5292
```
#1f5292 rgb(31,82,146)
```
#185199
```
#185199 rgb(24,81,153)
```
#1150a0
```
#1150a0 rgb(17,80,160)
```
#0a4fa7
```
#0a4fa7 rgb(10,79,167)
```
#034eae
```
#034eae rgb(3,78,174)
```

Tone Color Variation

Below, you can see how #33547e 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

#4f4f4f Achromatopsia 0.005% of the population
#495058 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5a82 Protanopia 1% of men
#455b85 Deuteranopia 1% of men
#2f6269 Tritanopia 0.001% of the population

Trichromacy

#435780 Protanomaly 1% of men, 0.01% of women
#3f5882 Deuteranomaly 6% of men, 0.4% of women
#305d71 Tritanomaly 0.01% of the population