#33404a hex color

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

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

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

The hexadecimal color #33404a has RGB values of R:51, G:64, B:74 and CMYK values of C:0.31, M:0.14, Y:0, K:0.71. Its decimal value is 3358794.

Hex triplet	33404a	`#33404a`
RGB Decimal	51, 64, 74	`rgb(51,64,74)`
RGB Percent	20, 25.1, 29	`rgb(20%,25.1%,29%)`
CMYK	31, 14, 0, 71
HSL	206.1°, 18.4, 24.5	`hsl(206.1,18.4%,24.5%)`
HSV (or HSB)	206.1°, 31.1, 29
Web Safe	333333	`#333333`

CIE-LAB	26.346, -2.529, -7.804
XYZ	4.434, 4.865, 7.184
xyY	0.269, 0.295, 4.865
CIE-LCH	26.346, 8.203, 252.045
CIE-LUV	26.346, -6.37, -8.867
Hunter-Lab	22.056, -2.712, -3.871
Binary	00110011, 01000000, 01001010

#33404a
```
#33404a rgb(51,64,74)
```
#4a3d33
```
#4a3d33 rgb(74,61,51)
```

Complementary Color

#334a49
```
#334a49 rgb(51,74,73)
```
#33404a
```
#33404a rgb(51,64,74)
```
#33354a
```
#33354a rgb(51,53,74)
```

Analogous Color

#4a4933
```
#4a4933 rgb(74,73,51)
```
#33404a
```
#33404a rgb(51,64,74)
```
#4a3335
```
#4a3335 rgb(74,51,53)
```

Split Complementary Color

#404a33
```
#404a33 rgb(64,74,51)
```
#33404a
```
#33404a rgb(51,64,74)
```
#4a3340
```
#4a3340 rgb(74,51,64)
```

Triadic Color

#334a3d
```
#334a3d rgb(51,74,61)
```
#33404a
```
#33404a rgb(51,64,74)
```
#4a3340
```
#4a3340 rgb(74,51,64)
```
#4a3d33
```
#4a3d33 rgb(74,61,51)
```

Tetradic Color

#14191d
```
#14191d rgb(20,25,29)
```
#1e262c
```
#1e262c rgb(30,38,44)
```
#29333b
```
#29333b rgb(41,51,59)
```
#33404a
```
#33404a rgb(51,64,74)
```
#3d4d59
```
#3d4d59 rgb(61,77,89)
```
#485a68
```
#485a68 rgb(72,90,104)
```
#526777
```
#526777 rgb(82,103,119)
```

Monochromatic Color

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

#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)
```
#333a4a
```
#333a4a rgb(51,58,74)
```

Similar Colors

Text with hexadecimal color #33404a

This text has a font color of #33404a.

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

#33404a background color

This paragraph has a background color of #33404a.

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

#33404a border color

This element has a border color of #33404a.

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

CSS codes

.text {color:#33404a;}

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

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

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)
```
#13181c
```
#13181c rgb(19,24,28)
```
#1b2227
```
#1b2227 rgb(27,34,39)
```
#232c33
```
#232c33 rgb(35,44,51)
```
#2b363e
```
#2b363e rgb(43,54,62)
```
#33404a
```
#33404a rgb(51,64,74)
```
#3b4a56
```
#3b4a56 rgb(59,74,86)
```
#435461
```
#435461 rgb(67,84,97)
```
#4b5e6d
```
#4b5e6d rgb(75,94,109)
```
#536878
```
#536878 rgb(83,104,120)
```
#5b7284
```
#5b7284 rgb(91,114,132)
```
#637c90
```
#637c90 rgb(99,124,144)
```

Shade Color Variation

#6c869a
```
#6c869a rgb(108,134,154)
```
#7890a2
```
#7890a2 rgb(120,144,162)
```
#8499aa
```
#8499aa rgb(132,153,170)
```
#8fa3b2
```
#8fa3b2 rgb(143,163,178)
```
#9bacba
```
#9bacba rgb(155,172,186)
```
#a6b6c2
```
#a6b6c2 rgb(166,182,194)
```
#b2c0ca
```
#b2c0ca rgb(178,192,202)
```
#bec9d2
```
#bec9d2 rgb(190,201,210)
```
#c9d3da
```
#c9d3da rgb(201,211,218)
```
#d5dce2
```
#d5dce2 rgb(213,220,226)
```
#e0e6ea
```
#e0e6ea rgb(224,230,234)
```
#eceff2
```
#eceff2 rgb(236,239,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 #03467a is the most saturated one.

#3d3f40
```
#3d3f40 rgb(61,63,64)
```
#383f45
```
#383f45 rgb(56,63,69)
```
#33404a
```
#33404a rgb(51,64,74)
```
#2e414f
```
#2e414f rgb(46,65,79)
```
#294154
```
#294154 rgb(41,65,84)
```
#254258
```
#254258 rgb(37,66,88)
```
#20435d
```
#20435d rgb(32,67,93)
```
#1b4362
```
#1b4362 rgb(27,67,98)
```
#164467
```
#164467 rgb(22,68,103)
```
#11446c
```
#11446c rgb(17,68,108)
```
#0d4570
```
#0d4570 rgb(13,69,112)
```
#084675
```
#084675 rgb(8,70,117)
```
#03467a
```
#03467a rgb(3,70,122)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3e40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#464752 Protanopia 1% of men
#484654 Deuteranopia 1% of men
#3c4a4f Tritanopia 0.001% of the population

Trichromacy

#3f444f Protanomaly 1% of men, 0.01% of women
#404450 Deuteranomaly 6% of men, 0.4% of women
#39464d Tritanomaly 0.01% of the population

#33404a hex color

#33404a Color Information

#33404a Color Conversion

Color Schemes with #33404a

Alternatives to #33404a

#33404a Preview

Shades and Tints of #33404a

Tones of #33404a

Color Blindness Simulator