#363138 hex color

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

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

● #363138 color description : Very dark grayish violet.

The hexadecimal color #363138 has RGB values of R:54, G:49, B:56 and CMYK values of C:0.04, M:0.13, Y:0, K:0.78. Its decimal value is 3551544.

Hex triplet	363138	`#363138`
RGB Decimal	54, 49, 56	`rgb(54,49,56)`
RGB Percent	21.2, 19.2, 22	`rgb(21.2%,19.2%,22%)`
CMYK	4, 13, 0, 78
HSL	282.9°, 6.7, 20.6	`hsl(282.9,6.7%,20.6%)`
HSV (or HSB)	282.9°, 12.5, 22
Web Safe	333333	`#333333`

CIE-LAB	21.081, 3.832, -3.622
XYZ	3.333, 3.266, 4.196
xyY	0.309, 0.303, 3.266
CIE-LCH	21.081, 5.273, 316.607
CIE-LUV	21.081, 2.068, -4.245
Hunter-Lab	18.073, 1.293, -1.114
Binary	00110110, 00110001, 00111000

#363138
```
#363138 rgb(54,49,56)
```
#333831
```
#333831 rgb(51,56,49)
```

Complementary Color

#333138
```
#333138 rgb(51,49,56)
```
#363138
```
#363138 rgb(54,49,56)
```
#383137
```
#383137 rgb(56,49,55)
```

Analogous Color

#313833
```
#313833 rgb(49,56,51)
```
#363138
```
#363138 rgb(54,49,56)
```
#373831
```
#373831 rgb(55,56,49)
```

Split Complementary Color

#313836
```
#313836 rgb(49,56,54)
```
#363138
```
#363138 rgb(54,49,56)
```
#383631
```
#383631 rgb(56,54,49)
```

Triadic Color

#313338
```
#313338 rgb(49,51,56)
```
#363138
```
#363138 rgb(54,49,56)
```
#383631
```
#383631 rgb(56,54,49)
```
#333831
```
#333831 rgb(51,56,49)
```

Tetradic Color

#0f0d0f
```
#0f0d0f rgb(15,13,15)
```
#1c191d
```
#1c191d rgb(28,25,29)
```
#29252a
```
#29252a rgb(41,37,42)
```
#363138
```
#363138 rgb(54,49,56)
```
#433d46
```
#433d46 rgb(67,61,70)
```
#504953
```
#504953 rgb(80,73,83)
```
#5d5561
```
#5d5561 rgb(93,85,97)
```

Monochromatic Color

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

#343138
```
#343138 rgb(52,49,56)
```
#353138
```
#353138 rgb(53,49,56)
```
#353138
```
#353138 rgb(53,49,56)
```
#363138
```
#363138 rgb(54,49,56)
```
#373138
```
#373138 rgb(55,49,56)
```
#373138
```
#373138 rgb(55,49,56)
```
#383138
```
#383138 rgb(56,49,56)
```

Similar Colors

Text with hexadecimal color #363138

This text has a font color of #363138.

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

#363138 background color

This paragraph has a background color of #363138.

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

#363138 border color

This element has a border color of #363138.

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

CSS codes

.text {color:#363138;}

.background {background-color:#363138;}

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

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

#040304
```
#040304 rgb(4,3,4)
```
#0e0c0e
```
#0e0c0e rgb(14,12,14)
```
#181619
```
#181619 rgb(24,22,25)
```
#221f23
```
#221f23 rgb(34,31,35)
```
#2c282e
```
#2c282e rgb(44,40,46)
```
#363138
```
#363138 rgb(54,49,56)
```
#403a42
```
#403a42 rgb(64,58,66)
```
#4a434d
```
#4a434d rgb(74,67,77)
```
#544c57
```
#544c57 rgb(84,76,87)
```
#5e5662
```
#5e5662 rgb(94,86,98)
```
#685f6c
```
#685f6c rgb(104,95,108)
```
#736877
```
#736877 rgb(115,104,119)
```
#7d7181
```
#7d7181 rgb(125,113,129)
```

Shade Color Variation

#877b8b
```
#877b8b rgb(135,123,139)
```
#908594
```
#908594 rgb(144,133,148)
```
#9a909e
```
#9a909e rgb(154,144,158)
```
#a39aa7
```
#a39aa7 rgb(163,154,167)
```
#ada5b0
```
#ada5b0 rgb(173,165,176)
```
#b6afb9
```
#b6afb9 rgb(182,175,185)
```
#c0b9c2
```
#c0b9c2 rgb(192,185,194)
```
#c9c4cb
```
#c9c4cb rgb(201,196,203)
```
#d3ced4
```
#d3ced4 rgb(211,206,212)
```
#dcd9de
```
#dcd9de rgb(220,217,222)
```
#e6e3e7
```
#e6e3e7 rgb(230,227,231)
```
#efeef0
```
#efeef0 rgb(239,238,240)
```
#f9f8f9
```
#f9f8f9 rgb(249,248,249)
```

Tint Color Variation

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

#363138
```
#363138 rgb(54,49,56)
```
#382d3c
```
#382d3c rgb(56,45,60)
```
#392940
```
#392940 rgb(57,41,64)
```
#3b2544
```
#3b2544 rgb(59,37,68)
```
#3d2148
```
#3d2148 rgb(61,33,72)
```
#3f1d4c
```
#3f1d4c rgb(63,29,76)
```
#401950
```
#401950 rgb(64,25,80)
```
#421554
```
#421554 rgb(66,21,84)
```
#441158
```
#441158 rgb(68,17,88)
```
#460d5c
```
#460d5c rgb(70,13,92)
```
#470960
```
#470960 rgb(71,9,96)
```
#490564
```
#490564 rgb(73,5,100)
```
#4b0168
```
#4b0168 rgb(75,1,104)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#343334 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c3c43 Protanopia 1% of men
#403b42 Deuteranopia 1% of men
#403c40 Tritanopia 0.001% of the population

Trichromacy

#3a383f Protanomaly 1% of men, 0.01% of women
#3c373e Deuteranomaly 6% of men, 0.4% of women
#3c383d Tritanomaly 0.01% of the population

#363138 hex color

#363138 Color Information

#363138 Color Conversion

Color Schemes with #363138

Alternatives to #363138

#363138 Preview

Shades and Tints of #363138

Tones of #363138

Color Blindness Simulator