#2e3438 hex color

In a RGB color space, hex #2e3438 is composed of 18% red, 20.4% green and 22% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 7.1% magenta, 0% yellow and 78% black. It has a hue angle of 204 degrees, a saturation of 9.8% and a lightness of 20%. #2e3438 color hex could be obtained by blending #5c6870 with #000000. Closest websafe color is: #333333.

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

● #2e3438 color description : Very dark grayish blue.

The hexadecimal color #2e3438 has RGB values of R:46, G:52, B:56 and CMYK values of C:0.18, M:0.07, Y:0, K:0.78. Its decimal value is 3028024.

Hex triplet	2e3438	`#2e3438`
RGB Decimal	46, 52, 56	`rgb(46,52,56)`
RGB Percent	18, 20.4, 22	`rgb(18%,20.4%,22%)`
CMYK	18, 7, 0, 78
HSL	204°, 9.8, 20	`hsl(204,9.8%,20%)`
HSV (or HSB)	204°, 17.9, 22
Web Safe	333333	`#333333`

CIE-LAB	21.291, -1.531, -3.392
XYZ	3.068, 3.322, 4.221
xyY	0.289, 0.313, 3.322
CIE-LCH	21.291, 3.722, 245.709
CIE-LUV	21.291, -2.946, -3.402
Hunter-Lab	18.227, -1.849, -0.97
Binary	00101110, 00110100, 00111000

#2e3438
```
#2e3438 rgb(46,52,56)
```
#38322e
```
#38322e rgb(56,50,46)
```

Complementary Color

#2e3837
```
#2e3837 rgb(46,56,55)
```
#2e3438
```
#2e3438 rgb(46,52,56)
```
#2e2f38
```
#2e2f38 rgb(46,47,56)
```

Analogous Color

#38372e
```
#38372e rgb(56,55,46)
```
#2e3438
```
#2e3438 rgb(46,52,56)
```
#382e2f
```
#382e2f rgb(56,46,47)
```

Split Complementary Color

#34382e
```
#34382e rgb(52,56,46)
```
#2e3438
```
#2e3438 rgb(46,52,56)
```
#382e34
```
#382e34 rgb(56,46,52)
```

Triadic Color

#2e3832
```
#2e3832 rgb(46,56,50)
```
#2e3438
```
#2e3438 rgb(46,52,56)
```
#382e34
```
#382e34 rgb(56,46,52)
```
#38322e
```
#38322e rgb(56,50,46)
```

Tetradic Color

#0c0d0e
```
#0c0d0e rgb(12,13,14)
```
#171a1c
```
#171a1c rgb(23,26,28)
```
#23272a
```
#23272a rgb(35,39,42)
```
#2e3438
```
#2e3438 rgb(46,52,56)
```
#3a4146
```
#3a4146 rgb(58,65,70)
```
#454e54
```
#454e54 rgb(69,78,84)
```
#515b62
```
#515b62 rgb(81,91,98)
```

Monochromatic Color

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

#2e3738
```
#2e3738 rgb(46,55,56)
```
#2e3638
```
#2e3638 rgb(46,54,56)
```
#2e3538
```
#2e3538 rgb(46,53,56)
```
#2e3438
```
#2e3438 rgb(46,52,56)
```
#2e3338
```
#2e3338 rgb(46,51,56)
```
#2e3238
```
#2e3238 rgb(46,50,56)
```
#2e3238
```
#2e3238 rgb(46,50,56)
```

Similar Colors

Text with hexadecimal color #2e3438

This text has a font color of #2e3438.

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

#2e3438 background color

This paragraph has a background color of #2e3438.

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

#2e3438 border color

This element has a border color of #2e3438.

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

CSS codes

.text {color:#2e3438;}

.background {background-color:#2e3438;}

.border {border:1px solid #2e3438;}

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0c0d
```
#0b0c0d rgb(11,12,13)
```
#131618
```
#131618 rgb(19,22,24)
```
#1c2022
```
#1c2022 rgb(28,32,34)
```
#252a2d
```
#252a2d rgb(37,42,45)
```
#2e3438
```
#2e3438 rgb(46,52,56)
```
#373e43
```
#373e43 rgb(55,62,67)
```
#40484e
```
#40484e rgb(64,72,78)
```
#495258
```
#495258 rgb(73,82,88)
```
#515c63
```
#515c63 rgb(81,92,99)
```
#5a666e
```
#5a666e rgb(90,102,110)
```
#637079
```
#637079 rgb(99,112,121)
```
#6c7a83
```
#6c7a83 rgb(108,122,131)
```

Shade Color Variation

#75848e
```
#75848e rgb(117,132,142)
```
#808e97
```
#808e97 rgb(128,142,151)
```
#8b979f
```
#8b979f rgb(139,151,159)
```
#95a1a8
```
#95a1a8 rgb(149,161,168)
```
#a0aab1
```
#a0aab1 rgb(160,170,177)
```
#abb4ba
```
#abb4ba rgb(171,180,186)
```
#b6bec3
```
#b6bec3 rgb(182,190,195)
```
#c1c7cc
```
#c1c7cc rgb(193,199,204)
```
#cbd1d5
```
#cbd1d5 rgb(203,209,213)
```
#d6dadd
```
#d6dadd rgb(214,218,221)
```
#e1e4e6
```
#e1e4e6 rgb(225,228,230)
```
#eceeef
```
#eceeef rgb(236,238,239)
```
#f6f7f8
```
#f6f7f8 rgb(246,247,248)
```

Tint Color Variation

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

#323334
```
#323334 rgb(50,51,52)
```
#2e3438
```
#2e3438 rgb(46,52,56)
```
#2a353c
```
#2a353c rgb(42,53,60)
```
#263640
```
#263640 rgb(38,54,64)
```
#223644
```
#223644 rgb(34,54,68)
```
#1e3748
```
#1e3748 rgb(30,55,72)
```
#1a384c
```
#1a384c rgb(26,56,76)
```
#163950
```
#163950 rgb(22,57,80)
```
#133953
```
#133953 rgb(19,57,83)
```
#0f3a57
```
#0f3a57 rgb(15,58,87)
```
#0b3b5b
```
#0b3b5b rgb(11,59,91)
```
#073c5f
```
#073c5f rgb(7,60,95)
```
#033d63
```
#033d63 rgb(3,61,99)
```

Tone Color Variation

Below, you can see how #2e3438 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
#323334 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d3d41 Protanopia 1% of men
#403c43 Deuteranopia 1% of men
#393e42 Tritanopia 0.001% of the population

Trichromacy

#37393e Protanomaly 1% of men, 0.01% of women
#39393f Deuteranomaly 6% of men, 0.4% of women
#353a3e Tritanomaly 0.01% of the population

#2e3438 hex color

#2e3438 Color Information

#2e3438 Color Conversion

Color Schemes with #2e3438

Alternatives to #2e3438

#2e3438 Preview

Shades and Tints of #2e3438

Tones of #2e3438

Color Blindness Simulator