#2a3138 hex color

In a RGB color space, hex #2a3138 is composed of 16.5% red, 19.2% green and 22% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 12.5% magenta, 0% yellow and 78% black. It has a hue angle of 210 degrees, a saturation of 14.3% and a lightness of 19.2%. #2a3138 color hex could be obtained by blending #546270 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #2a3138 has RGB values of R:42, G:49, B:56 and CMYK values of C:0.25, M:0.13, Y:0, K:0.78. Its decimal value is 2765112.

Hex triplet	2a3138	`#2a3138`
RGB Decimal	42, 49, 56	`rgb(42,49,56)`
RGB Percent	16.5, 19.2, 22	`rgb(16.5%,19.2%,22%)`
CMYK	25, 13, 0, 78
HSL	210°, 14.3, 19.2	`hsl(210,14.3%,19.2%)`
HSV (or HSB)	210°, 25, 22
Web Safe	333333	`#333333`

CIE-LAB	19.941, -1.108, -5.445
XYZ	2.767, 2.974, 4.169
xyY	0.279, 0.3, 2.974
CIE-LCH	19.941, 5.557, 258.503
CIE-LUV	19.941, -3.382, -5.54
Hunter-Lab	17.246, -1.544, -2.262
Binary	00101010, 00110001, 00111000

#2a3138
```
#2a3138 rgb(42,49,56)
```
#38312a
```
#38312a rgb(56,49,42)
```

Complementary Color

#2a3838
```
#2a3838 rgb(42,56,56)
```
#2a3138
```
#2a3138 rgb(42,49,56)
```
#2a2a38
```
#2a2a38 rgb(42,42,56)
```

Analogous Color

#38382a
```
#38382a rgb(56,56,42)
```
#2a3138
```
#2a3138 rgb(42,49,56)
```
#382a2a
```
#382a2a rgb(56,42,42)
```

Split Complementary Color

#31382a
```
#31382a rgb(49,56,42)
```
#2a3138
```
#2a3138 rgb(42,49,56)
```
#382a31
```
#382a31 rgb(56,42,49)
```

Triadic Color

#2a3831
```
#2a3831 rgb(42,56,49)
```
#2a3138
```
#2a3138 rgb(42,49,56)
```
#382a31
```
#382a31 rgb(56,42,49)
```
#38312a
```
#38312a rgb(56,49,42)
```

Tetradic Color

#090b0c
```
#090b0c rgb(9,11,12)
```
#14181b
```
#14181b rgb(20,24,27)
```
#1f2429
```
#1f2429 rgb(31,36,41)
```
#2a3138
```
#2a3138 rgb(42,49,56)
```
#353e47
```
#353e47 rgb(53,62,71)
```
#404b55
```
#404b55 rgb(64,75,85)
```
#4b5764
```
#4b5764 rgb(75,87,100)
```

Monochromatic Color

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

#2a3538
```
#2a3538 rgb(42,53,56)
```
#2a3338
```
#2a3338 rgb(42,51,56)
```
#2a3238
```
#2a3238 rgb(42,50,56)
```
#2a3138
```
#2a3138 rgb(42,49,56)
```
#2a3038
```
#2a3038 rgb(42,48,56)
```
#2a2f38
```
#2a2f38 rgb(42,47,56)
```
#2a2e38
```
#2a2e38 rgb(42,46,56)
```

Similar Colors

Text with hexadecimal color #2a3138

This text has a font color of #2a3138.

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

#2a3138 background color

This paragraph has a background color of #2a3138.

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

#2a3138 border color

This element has a border color of #2a3138.

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

CSS codes

.text {color:#2a3138;}

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

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

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

#080a0b
```
#080a0b rgb(8,10,11)
```
#111416
```
#111416 rgb(17,20,22)
```
#191d22
```
#191d22 rgb(25,29,34)
```
#22272d
```
#22272d rgb(34,39,45)
```
#2a3138
```
#2a3138 rgb(42,49,56)
```
#323b43
```
#323b43 rgb(50,59,67)
```
#3b454e
```
#3b454e rgb(59,69,78)
```
#434e5a
```
#434e5a rgb(67,78,90)
```
#4c5865
```
#4c5865 rgb(76,88,101)
```
#546270
```
#546270 rgb(84,98,112)
```
#5c6c7b
```
#5c6c7b rgb(92,108,123)
```
#657686
```
#657686 rgb(101,118,134)
```
#6d7f92
```
#6d7f92 rgb(109,127,146)
```

Shade Color Variation

#78899a
```
#78899a rgb(120,137,154)
```
#8493a2
```
#8493a2 rgb(132,147,162)
```
#8f9dab
```
#8f9dab rgb(143,157,171)
```
#9aa7b3
```
#9aa7b3 rgb(154,167,179)
```
#a5b1bc
```
#a5b1bc rgb(165,177,188)
```
#b0bac4
```
#b0bac4 rgb(176,186,196)
```
#bcc4cd
```
#bcc4cd rgb(188,196,205)
```
#c7ced5
```
#c7ced5 rgb(199,206,213)
```
#d2d8dd
```
#d2d8dd rgb(210,216,221)
```
#dde2e6
```
#dde2e6 rgb(221,226,230)
```
#e9ebee
```
#e9ebee rgb(233,235,238)
```
#f4f5f7
```
#f4f5f7 rgb(244,245,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#2e3134
```
#2e3134 rgb(46,49,52)
```
#2a3138
```
#2a3138 rgb(42,49,56)
```
#26313c
```
#26313c rgb(38,49,60)
```
#223140
```
#223140 rgb(34,49,64)
```
#1f3143
```
#1f3143 rgb(31,49,67)
```
#1b3147
```
#1b3147 rgb(27,49,71)
```
#17314b
```
#17314b rgb(23,49,75)
```
#13314f
```
#13314f rgb(19,49,79)
```
#103152
```
#103152 rgb(16,49,82)
```
#0c3156
```
#0c3156 rgb(12,49,86)
```
#08315a
```
#08315a rgb(8,49,90)
```
#04315e
```
#04315e rgb(4,49,94)
```
#013161
```
#013161 rgb(1,49,97)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#2f3032 Atypical Achromatopsia 0.001% of the population

Dichromacy

#393a41 Protanopia 1% of men
#3c3943 Deuteranopia 1% of men
#343c40 Tritanopia 0.001% of the population

Trichromacy

#34373e Protanomaly 1% of men, 0.01% of women
#35363f Deuteranomaly 6% of men, 0.4% of women
#30383d Tritanomaly 0.01% of the population

#2a3138 hex color

#2a3138 Color Information

#2a3138 Color Conversion

Color Schemes with #2a3138

Alternatives to #2a3138

#2a3138 Preview

Shades and Tints of #2a3138

Tones of #2a3138

Color Blindness Simulator