#2a323c hex color

In a RGB color space, hex #2a323c is composed of 16.5% red, 19.6% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 16.7% magenta, 0% yellow and 76.5% black. It has a hue angle of 213.3 degrees, a saturation of 17.6% and a lightness of 20%. #2a323c color hex could be obtained by blending #546478 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 16
- G 20
- B 24
RGB color chart
- C 30
- M 17
- Y 0
- K 76
CMYK color chart

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

The hexadecimal color #2a323c has RGB values of R:42, G:50, B:60 and CMYK values of C:0.3, M:0.17, Y:0, K:0.76. Its decimal value is 2765372.

Hex triplet	2a323c	`#2a323c`
RGB Decimal	42, 50, 60	`rgb(42,50,60)`
RGB Percent	16.5, 19.6, 23.5	`rgb(16.5%,19.6%,23.5%)`
CMYK	30, 17, 0, 76
HSL	213.3°, 17.6, 20	`hsl(213.3,17.6%,20%)`
HSV (or HSB)	213.3°, 30, 23.5
Web Safe	333333	`#333333`

CIE-LAB	20.439, -0.628, -7.43
XYZ	2.911, 3.1, 4.72
xyY	0.271, 0.289, 3.1
CIE-LCH	20.439, 7.457, 265.167
CIE-LUV	20.439, -3.896, -7.828
Hunter-Lab	17.606, -1.297, -3.57
Binary	00101010, 00110010, 00111100

#2a323c
```
#2a323c rgb(42,50,60)
```
#3c342a
```
#3c342a rgb(60,52,42)
```

Complementary Color

#2a3b3c
```
#2a3b3c rgb(42,59,60)
```
#2a323c
```
#2a323c rgb(42,50,60)
```
#2b2a3c
```
#2b2a3c rgb(43,42,60)
```

Analogous Color

#3b3c2a
```
#3b3c2a rgb(59,60,42)
```
#2a323c
```
#2a323c rgb(42,50,60)
```
#3c2b2a
```
#3c2b2a rgb(60,43,42)
```

Split Complementary Color

#323c2a
```
#323c2a rgb(50,60,42)
```
#2a323c
```
#2a323c rgb(42,50,60)
```
#3c2a32
```
#3c2a32 rgb(60,42,50)
```

Triadic Color

#2a3c34
```
#2a3c34 rgb(42,60,52)
```
#2a323c
```
#2a323c rgb(42,50,60)
```
#3c2a32
```
#3c2a32 rgb(60,42,50)
```
#3c342a
```
#3c342a rgb(60,52,42)
```

Tetradic Color

#0b0d0f
```
#0b0d0f rgb(11,13,15)
```
#15191e
```
#15191e rgb(21,25,30)
```
#20262d
```
#20262d rgb(32,38,45)
```
#2a323c
```
#2a323c rgb(42,50,60)
```
#353f4b
```
#353f4b rgb(53,63,75)
```
#3f4b5a
```
#3f4b5a rgb(63,75,90)
```
#4a5869
```
#4a5869 rgb(74,88,105)
```

Monochromatic Color

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

#2a373c
```
#2a373c rgb(42,55,60)
```
#2a353c
```
#2a353c rgb(42,53,60)
```
#2a343c
```
#2a343c rgb(42,52,60)
```
#2a323c
```
#2a323c rgb(42,50,60)
```
#2a313c
```
#2a313c rgb(42,49,60)
```
#2a2f3c
```
#2a2f3c rgb(42,47,60)
```
#2a2e3c
```
#2a2e3c rgb(42,46,60)
```

Similar Colors

Text with hexadecimal color #2a323c

This text has a font color of #2a323c.

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

#2a323c background color

This paragraph has a background color of #2a323c.

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

#2a323c border color

This element has a border color of #2a323c.

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

CSS codes

.text {color:#2a323c;}

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

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

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 #f6f7f9 is the lightest one.

#020202
```
#020202 rgb(2,2,2)
```
#0a0c0e
```
#0a0c0e rgb(10,12,14)
```
#121519
```
#121519 rgb(18,21,25)
```
#1a1f25
```
#1a1f25 rgb(26,31,37)
```
#222830
```
#222830 rgb(34,40,48)
```
#2a323c
```
#2a323c rgb(42,50,60)
```
#323c48
```
#323c48 rgb(50,60,72)
```
#3a4553
```
#3a4553 rgb(58,69,83)
```
#424f5f
```
#424f5f rgb(66,79,95)
```
#4a586a
```
#4a586a rgb(74,88,106)
```
#526276
```
#526276 rgb(82,98,118)
```
#5a6c81
```
#5a6c81 rgb(90,108,129)
```
#63758d
```
#63758d rgb(99,117,141)
```

Shade Color Variation

#6b7f98
```
#6b7f98 rgb(107,127,152)
```
#7789a0
```
#7789a0 rgb(119,137,160)
```
#8293a8
```
#8293a8 rgb(130,147,168)
```
#8e9db0
```
#8e9db0 rgb(142,157,176)
```
#99a7b8
```
#99a7b8 rgb(153,167,184)
```
#a5b1c0
```
#a5b1c0 rgb(165,177,192)
```
#b1bbc8
```
#b1bbc8 rgb(177,187,200)
```
#bcc5d0
```
#bcc5d0 rgb(188,197,208)
```
#c8cfd8
```
#c8cfd8 rgb(200,207,216)
```
#d3d9e0
```
#d3d9e0 rgb(211,217,224)
```
#dfe3e8
```
#dfe3e8 rgb(223,227,232)
```
#eaedf0
```
#eaedf0 rgb(234,237,240)
```
#f6f7f9
```
#f6f7f9 rgb(246,247,249)
```

Tint Color Variation

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

#323334
```
#323334 rgb(50,51,52)
```
#2e3238
```
#2e3238 rgb(46,50,56)
```
#2a323c
```
#2a323c rgb(42,50,60)
```
#263240
```
#263240 rgb(38,50,64)
```
#223144
```
#223144 rgb(34,49,68)
```
#1e3148
```
#1e3148 rgb(30,49,72)
```
#1a304c
```
#1a304c rgb(26,48,76)
```
#163050
```
#163050 rgb(22,48,80)
```
#122f54
```
#122f54 rgb(18,47,84)
```
#0f2f57
```
#0f2f57 rgb(15,47,87)
```
#0b2f5b
```
#0b2f5b rgb(11,47,91)
```
#072e5f
```
#072e5f rgb(7,46,95)
```
#032e63
```
#032e63 rgb(3,46,99)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#303133 Atypical Achromatopsia 0.001% of the population

Dichromacy

#393b45 Protanopia 1% of men
#3b3a46 Deuteranopia 1% of men
#343d41 Tritanopia 0.001% of the population

Trichromacy

#343842 Protanomaly 1% of men, 0.01% of women
#353742 Deuteranomaly 6% of men, 0.4% of women
#30393f Tritanomaly 0.01% of the population

#2a323c hex color

#2a323c Color Information

#2a323c Color Conversion

Color Schemes with #2a323c

Alternatives to #2a323c

#2a323c Preview

Shades and Tints of #2a323c

Tones of #2a323c

Color Blindness Simulator