#33424a hex color

In a RGB color space, hex #33424a is composed of 20% red, 25.9% green and 29% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 10.8% magenta, 0% yellow and 71% black. It has a hue angle of 200.9 degrees, a saturation of 18.4% and a lightness of 24.5%. #33424a color hex could be obtained by blending #668494 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 26
- B 29
RGB color chart
- C 31
- M 11
- Y 0
- K 71
CMYK color chart

● #33424a color description : Very dark grayish blue.

The hexadecimal color #33424a has RGB values of R:51, G:66, B:74 and CMYK values of C:0.31, M:0.11, Y:0, K:0.71. Its decimal value is 3359306.

Hex triplet	33424a	`#33424a`
RGB Decimal	51, 66, 74	`rgb(51,66,74)`
RGB Percent	20, 25.9, 29	`rgb(20%,25.9%,29%)`
CMYK	31, 11, 0, 71
HSL	200.9°, 18.4, 24.5	`hsl(200.9,18.4%,24.5%)`
HSV (or HSB)	200.9°, 31.1, 29
Web Safe	333333	`#333333`

CIE-LAB	27.002, -3.816, -6.816
XYZ	4.549, 5.095, 7.222
xyY	0.27, 0.302, 5.095
CIE-LCH	27.002, 7.812, 240.755
CIE-LUV	27.002, -7.21, -7.579
Hunter-Lab	22.571, -3.522, -3.171
Binary	00110011, 01000010, 01001010

#33424a
```
#33424a rgb(51,66,74)
```
#4a3b33
```
#4a3b33 rgb(74,59,51)
```

Complementary Color

#334a47
```
#334a47 rgb(51,74,71)
```
#33424a
```
#33424a rgb(51,66,74)
```
#33374a
```
#33374a rgb(51,55,74)
```

Analogous Color

#4a4733
```
#4a4733 rgb(74,71,51)
```
#33424a
```
#33424a rgb(51,66,74)
```
#4a3337
```
#4a3337 rgb(74,51,55)
```

Split Complementary Color

#424a33
```
#424a33 rgb(66,74,51)
```
#33424a
```
#33424a rgb(51,66,74)
```
#4a3342
```
#4a3342 rgb(74,51,66)
```

Triadic Color

#334a3b
```
#334a3b rgb(51,74,59)
```
#33424a
```
#33424a rgb(51,66,74)
```
#4a3342
```
#4a3342 rgb(74,51,66)
```
#4a3b33
```
#4a3b33 rgb(74,59,51)
```

Tetradic Color

#141a1d
```
#141a1d rgb(20,26,29)
```
#1e272c
```
#1e272c rgb(30,39,44)
```
#29353b
```
#29353b rgb(41,53,59)
```
#33424a
```
#33424a rgb(51,66,74)
```
#3d4f59
```
#3d4f59 rgb(61,79,89)
```
#485d68
```
#485d68 rgb(72,93,104)
```
#526a77
```
#526a77 rgb(82,106,119)
```

Monochromatic Color

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

#33484a
```
#33484a rgb(51,72,74)
```
#33464a
```
#33464a rgb(51,70,74)
```
#33444a
```
#33444a rgb(51,68,74)
```
#33424a
```
#33424a rgb(51,66,74)
```
#33404a
```
#33404a rgb(51,64,74)
```
#333e4a
```
#333e4a rgb(51,62,74)
```
#333c4a
```
#333c4a rgb(51,60,74)
```

Similar Colors

Text with hexadecimal color #33424a

This text has a font color of #33424a.

<span style="color:#33424a;">Text here</span>

#33424a background color

This paragraph has a background color of #33424a.

<p style="background-color:#33424a;">Content here</p>

#33424a border color

This element has a border color of #33424a.

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

CSS codes

.text {color:#33424a;}

.background {background-color:#33424a;}

.border {border:1px solid #33424a;}

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

#030404
```
#030404 rgb(3,4,4)
```
#0b0e10
```
#0b0e10 rgb(11,14,16)
```
#13191c
```
#13191c rgb(19,25,28)
```
#1b2327
```
#1b2327 rgb(27,35,39)
```
#232d33
```
#232d33 rgb(35,45,51)
```
#2b383e
```
#2b383e rgb(43,56,62)
```
#33424a
```
#33424a rgb(51,66,74)
```
#3b4c56
```
#3b4c56 rgb(59,76,86)
```
#435761
```
#435761 rgb(67,87,97)
```
#4b616d
```
#4b616d rgb(75,97,109)
```
#536b78
```
#536b78 rgb(83,107,120)
```
#5b7684
```
#5b7684 rgb(91,118,132)
```
#638090
```
#638090 rgb(99,128,144)
```

Shade Color Variation

#6c8a9a
```
#6c8a9a rgb(108,138,154)
```
#7893a2
```
#7893a2 rgb(120,147,162)
```
#849daa
```
#849daa rgb(132,157,170)
```
#8fa6b2
```
#8fa6b2 rgb(143,166,178)
```
#9bafba
```
#9bafba rgb(155,175,186)
```
#a6b8c2
```
#a6b8c2 rgb(166,184,194)
```
#b2c2ca
```
#b2c2ca rgb(178,194,202)
```
#becbd2
```
#becbd2 rgb(190,203,210)
```
#c9d4da
```
#c9d4da rgb(201,212,218)
```
#d5dde2
```
#d5dde2 rgb(213,221,226)
```
#e0e7ea
```
#e0e7ea rgb(224,231,234)
```
#ecf0f2
```
#ecf0f2 rgb(236,240,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#3d3f40
```
#3d3f40 rgb(61,63,64)
```
#384145
```
#384145 rgb(56,65,69)
```
#33424a
```
#33424a rgb(51,66,74)
```
#2e434f
```
#2e434f rgb(46,67,79)
```
#294554
```
#294554 rgb(41,69,84)
```
#254658
```
#254658 rgb(37,70,88)
```
#20485d
```
#20485d rgb(32,72,93)
```
#1b4962
```
#1b4962 rgb(27,73,98)
```
#164b67
```
#164b67 rgb(22,75,103)
```
#114c6c
```
#114c6c rgb(17,76,108)
```
#0d4e70
```
#0d4e70 rgb(13,78,112)
```
#084f75
```
#084f75 rgb(8,79,117)
```
#03517a
```
#03517a rgb(3,81,122)
```

Tone Color Variation

Below, you can see how #33424a 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

#3e3e3e Achromatopsia 0.005% of the population
#3c3f40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#484951 Protanopia 1% of men
#4b4854 Deuteranopia 1% of men
#3d4c51 Tritanopia 0.001% of the population

Trichromacy

#40464f Protanomaly 1% of men, 0.01% of women
#424550 Deuteranomaly 6% of men, 0.4% of women
#39484e Tritanomaly 0.01% of the population

#33424a hex color

#33424a Color Information

#33424a Color Conversion

Color Schemes with #33424a

Alternatives to #33424a

#33424a Preview

Shades and Tints of #33424a

Tones of #33424a

Color Blindness Simulator