#333a42 hex color

In a RGB color space, hex #333a42 is composed of 20% red, 22.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 12.1% magenta, 0% yellow and 74.1% black. It has a hue angle of 212 degrees, a saturation of 12.8% and a lightness of 22.9%. #333a42 color hex could be obtained by blending #667484 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 23
- B 26
RGB color chart
- C 23
- M 12
- Y 0
- K 74
CMYK color chart

● #333a42 color description : Very dark grayish blue.

The hexadecimal color #333a42 has RGB values of R:51, G:58, B:66 and CMYK values of C:0.23, M:0.12, Y:0, K:0.74. Its decimal value is 3357250.

Hex triplet	333a42	`#333a42`
RGB Decimal	51, 58, 66	`rgb(51,58,66)`
RGB Percent	20, 22.7, 25.9	`rgb(20%,22.7%,25.9%)`
CMYK	23, 12, 0, 74
HSL	212°, 12.8, 22.9	`hsl(212,12.8%,22.9%)`
HSV (or HSB)	212°, 22.7, 25.9
Web Safe	333333	`#333333`

CIE-LAB	24.075, -0.849, -5.925
XYZ	3.861, 4.123, 5.746
xyY	0.281, 0.3, 4.123
CIE-LCH	24.075, 5.986, 261.844
CIE-LUV	24.075, -3.64, -6.561
Hunter-Lab	20.306, -1.59, -2.565
Binary	00110011, 00111010, 01000010

#333a42
```
#333a42 rgb(51,58,66)
```
#423b33
```
#423b33 rgb(66,59,51)
```

Complementary Color

#334242
```
#334242 rgb(51,66,66)
```
#333a42
```
#333a42 rgb(51,58,66)
```
#343342
```
#343342 rgb(52,51,66)
```

Analogous Color

#424233
```
#424233 rgb(66,66,51)
```
#333a42
```
#333a42 rgb(51,58,66)
```
#423433
```
#423433 rgb(66,52,51)
```

Split Complementary Color

#3a4233
```
#3a4233 rgb(58,66,51)
```
#333a42
```
#333a42 rgb(51,58,66)
```
#42333a
```
#42333a rgb(66,51,58)
```

Triadic Color

#33423b
```
#33423b rgb(51,66,59)
```
#333a42
```
#333a42 rgb(51,58,66)
```
#42333a
```
#42333a rgb(66,51,58)
```
#423b33
```
#423b33 rgb(66,59,51)
```

Tetradic Color

#121417
```
#121417 rgb(18,20,23)
```
#1d2125
```
#1d2125 rgb(29,33,37)
```
#282d34
```
#282d34 rgb(40,45,52)
```
#333a42
```
#333a42 rgb(51,58,66)
```
#3e4750
```
#3e4750 rgb(62,71,80)
```
#49535f
```
#49535f rgb(73,83,95)
```
#54606d
```
#54606d rgb(84,96,109)
```

Monochromatic Color

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

#333e42
```
#333e42 rgb(51,62,66)
```
#333d42
```
#333d42 rgb(51,61,66)
```
#333b42
```
#333b42 rgb(51,59,66)
```
#333a42
```
#333a42 rgb(51,58,66)
```
#333942
```
#333942 rgb(51,57,66)
```
#333842
```
#333842 rgb(51,56,66)
```
#333642
```
#333642 rgb(51,54,66)
```

Similar Colors

Text with hexadecimal color #333a42

This text has a font color of #333a42.

<span style="color:#333a42;">Text here</span>

#333a42 background color

This paragraph has a background color of #333a42.

<p style="background-color:#333a42;">Content here</p>

#333a42 border color

This element has a border color of #333a42.

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

CSS codes

.text {color:#333a42;}

.background {background-color:#333a42;}

.border {border:1px solid #333a42;}

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, #08090b is the darkest color, while #ffffff is the lightest one.

#08090b
```
#08090b rgb(8,9,11)
```
#111316
```
#111316 rgb(17,19,22)
```
#191d21
```
#191d21 rgb(25,29,33)
```
#22272c
```
#22272c rgb(34,39,44)
```
#2a3037
```
#2a3037 rgb(42,48,55)
```
#333a42
```
#333a42 rgb(51,58,66)
```
#3c444d
```
#3c444d rgb(60,68,77)
```
#444d58
```
#444d58 rgb(68,77,88)
```
#4d5763
```
#4d5763 rgb(77,87,99)
```
#55616e
```
#55616e rgb(85,97,110)
```
#5e6b79
```
#5e6b79 rgb(94,107,121)
```
#667484
```
#667484 rgb(102,116,132)
```
#6f7e8f
```
#6f7e8f rgb(111,126,143)
```

Shade Color Variation

#7a8898
```
#7a8898 rgb(122,136,152)
```
#8592a1
```
#8592a1 rgb(133,146,161)
```
#909ca9
```
#909ca9 rgb(144,156,169)
```
#9ba6b2
```
#9ba6b2 rgb(155,166,178)
```
#a6b0ba
```
#a6b0ba rgb(166,176,186)
```
#b1b9c3
```
#b1b9c3 rgb(177,185,195)
```
#bcc3cb
```
#bcc3cb rgb(188,195,203)
```
#c7cdd4
```
#c7cdd4 rgb(199,205,212)
```
#d2d7dc
```
#d2d7dc rgb(210,215,220)
```
#dde1e5
```
#dde1e5 rgb(221,225,229)
```
#e8ebee
```
#e8ebee rgb(232,235,238)
```
#f4f5f6
```
#f4f5f6 rgb(244,245,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #383a3e is the less saturated color, while #013774 is the most saturated one.

#383a3e
```
#383a3e rgb(56,58,62)
```
#333a42
```
#333a42 rgb(51,58,66)
```
#2f3a47
```
#2f3a47 rgb(47,58,71)
```
#2a394b
```
#2a394b rgb(42,57,75)
```
#263950
```
#263950 rgb(38,57,80)
```
#213954
```
#213954 rgb(33,57,84)
```
#1d3959
```
#1d3959 rgb(29,57,89)
```
#18385d
```
#18385d rgb(24,56,93)
```
#143862
```
#143862 rgb(20,56,98)
```
#0f3866
```
#0f3866 rgb(15,56,102)
```
#0b376b
```
#0b376b rgb(11,55,107)
```
#06376f
```
#06376f rgb(6,55,111)
```
#013774
```
#013774 rgb(1,55,116)
```

Tone Color Variation

Below, you can see how #333a42 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

#393939 Achromatopsia 0.005% of the population
#38393b Atypical Achromatopsia 0.001% of the population

Dichromacy

#42434b Protanopia 1% of men
#45414c Deuteranopia 1% of men
#3d4449 Tritanopia 0.001% of the population

Trichromacy

#3c3f47 Protanomaly 1% of men, 0.01% of women
#3e3f48 Deuteranomaly 6% of men, 0.4% of women
#394046 Tritanomaly 0.01% of the population

#333a42 hex color

#333a42 Color Information

#333a42 Color Conversion

Color Schemes with #333a42

Alternatives to #333a42

#333a42 Preview

Shades and Tints of #333a42

Tones of #333a42

Color Blindness Simulator