#333138 hex color

In a RGB color space, hex #333138 is composed of 20% red, 19.2% green and 22% blue. Whereas in a CMYK color space, it is composed of 8.9% cyan, 12.5% magenta, 0% yellow and 78% black. It has a hue angle of 257.1 degrees, a saturation of 6.7% and a lightness of 20.6%. #333138 color hex could be obtained by blending #666270 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 19
- B 22
RGB color chart
- C 9
- M 13
- Y 0
- K 78
CMYK color chart

● #333138 color description : Very dark grayish violet.

The hexadecimal color #333138 has RGB values of R:51, G:49, B:56 and CMYK values of C:0.09, M:0.13, Y:0, K:0.78. Its decimal value is 3354936.

Hex triplet	333138	`#333138`
RGB Decimal	51, 49, 56	`rgb(51,49,56)`
RGB Percent	20, 19.2, 22	`rgb(20%,19.2%,22%)`
CMYK	9, 13, 0, 78
HSL	257.1°, 6.7, 20.6	`hsl(257.1,6.7%,20.6%)`
HSV (or HSB)	257.1°, 12.5, 22
Web Safe	333333	`#333333`

CIE-LAB	20.774, 2.56, -4.113
XYZ	3.177, 3.186, 4.189
xyY	0.301, 0.302, 3.186
CIE-LCH	20.774, 4.844, 301.898
CIE-LUV	20.774, 0.594, -4.595
Hunter-Lab	17.849, 0.538, -1.419
Binary	00110011, 00110001, 00111000

#333138
```
#333138 rgb(51,49,56)
```
#363831
```
#363831 rgb(54,56,49)
```

Complementary Color

#313338
```
#313338 rgb(49,51,56)
```
#333138
```
#333138 rgb(51,49,56)
```
#373138
```
#373138 rgb(55,49,56)
```

Analogous Color

#333831
```
#333831 rgb(51,56,49)
```
#333138
```
#333138 rgb(51,49,56)
```
#383731
```
#383731 rgb(56,55,49)
```

Split Complementary Color

#313833
```
#313833 rgb(49,56,51)
```
#333138
```
#333138 rgb(51,49,56)
```
#383331
```
#383331 rgb(56,51,49)
```

Triadic Color

#313638
```
#313638 rgb(49,54,56)
```
#333138
```
#333138 rgb(51,49,56)
```
#383331
```
#383331 rgb(56,51,49)
```
#363831
```
#363831 rgb(54,56,49)
```

Tetradic Color

#0e0d0f
```
#0e0d0f rgb(14,13,15)
```
#1a191d
```
#1a191d rgb(26,25,29)
```
#27252a
```
#27252a rgb(39,37,42)
```
#333138
```
#333138 rgb(51,49,56)
```
#3f3d46
```
#3f3d46 rgb(63,61,70)
```
#4c4953
```
#4c4953 rgb(76,73,83)
```
#585561
```
#585561 rgb(88,85,97)
```

Monochromatic Color

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

#313138
```
#313138 rgb(49,49,56)
```
#323138
```
#323138 rgb(50,49,56)
```
#323138
```
#323138 rgb(50,49,56)
```
#333138
```
#333138 rgb(51,49,56)
```
#343138
```
#343138 rgb(52,49,56)
```
#343138
```
#343138 rgb(52,49,56)
```
#353138
```
#353138 rgb(53,49,56)
```

Similar Colors

Text with hexadecimal color #333138

This text has a font color of #333138.

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

#333138 background color

This paragraph has a background color of #333138.

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

#333138 border color

This element has a border color of #333138.

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

CSS codes

.text {color:#333138;}

.background {background-color:#333138;}

.border {border:1px solid #333138;}

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

#030304
```
#030304 rgb(3,3,4)
```
#0d0c0e
```
#0d0c0e rgb(13,12,14)
```
#161619
```
#161619 rgb(22,22,25)
```
#201f23
```
#201f23 rgb(32,31,35)
```
#29282e
```
#29282e rgb(41,40,46)
```
#333138
```
#333138 rgb(51,49,56)
```
#3d3a42
```
#3d3a42 rgb(61,58,66)
```
#46434d
```
#46434d rgb(70,67,77)
```
#504c57
```
#504c57 rgb(80,76,87)
```
#595662
```
#595662 rgb(89,86,98)
```
#635f6c
```
#635f6c rgb(99,95,108)
```
#6c6877
```
#6c6877 rgb(108,104,119)
```
#767181
```
#767181 rgb(118,113,129)
```

Shade Color Variation

#7f7b8b
```
#7f7b8b rgb(127,123,139)
```
#8a8594
```
#8a8594 rgb(138,133,148)
```
#94909e
```
#94909e rgb(148,144,158)
```
#9e9aa7
```
#9e9aa7 rgb(158,154,167)
```
#a8a5b0
```
#a8a5b0 rgb(168,165,176)
```
#b2afb9
```
#b2afb9 rgb(178,175,185)
```
#bcb9c2
```
#bcb9c2 rgb(188,185,194)
```
#c6c4cb
```
#c6c4cb rgb(198,196,203)
```
#d0ced4
```
#d0ced4 rgb(208,206,212)
```
#dad9de
```
#dad9de rgb(218,217,222)
```
#e4e3e7
```
#e4e3e7 rgb(228,227,231)
```
#eeeef0
```
#eeeef0 rgb(238,238,240)
```
#f8f8f9
```
#f8f8f9 rgb(248,248,249)
```

Tint Color Variation

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

#333138
```
#333138 rgb(51,49,56)
```
#312d3c
```
#312d3c rgb(49,45,60)
```
#302940
```
#302940 rgb(48,41,64)
```
#2e2544
```
#2e2544 rgb(46,37,68)
```
#2c2148
```
#2c2148 rgb(44,33,72)
```
#2a1d4c
```
#2a1d4c rgb(42,29,76)
```
#291950
```
#291950 rgb(41,25,80)
```
#271554
```
#271554 rgb(39,21,84)
```
#251158
```
#251158 rgb(37,17,88)
```
#230d5c
```
#230d5c rgb(35,13,92)
```
#220960
```
#220960 rgb(34,9,96)
```
#200564
```
#200564 rgb(32,5,100)
```
#1e0168
```
#1e0168 rgb(30,1,104)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#323233 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b3c42 Protanopia 1% of men
#3f3b42 Deuteranopia 1% of men
#3d3c40 Tritanopia 0.001% of the population

Trichromacy

#38383e Protanomaly 1% of men, 0.01% of women
#3a373e Deuteranomaly 6% of men, 0.4% of women
#39383d Tritanomaly 0.01% of the population

#333138 hex color

#333138 Color Information

#333138 Color Conversion

Color Schemes with #333138

Alternatives to #333138

#333138 Preview

Shades and Tints of #333138

Tones of #333138

Color Blindness Simulator