#2a333c hex color

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

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

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

The hexadecimal color #2a333c has RGB values of R:42, G:51, B:60 and CMYK values of C:0.3, M:0.15, Y:0, K:0.76. Its decimal value is 2765628.

Hex triplet	2a333c	`#2a333c`
RGB Decimal	42, 51, 60	`rgb(42,51,60)`
RGB Percent	16.5, 20, 23.5	`rgb(16.5%,20%,23.5%)`
CMYK	30, 15, 0, 76
HSL	210°, 17.6, 20	`hsl(210,17.6%,20%)`
HSV (or HSB)	210°, 30, 23.5
Web Safe	333333	`#333333`

CIE-LAB	20.774, -1.304, -6.923
XYZ	2.954, 3.186, 4.734
xyY	0.272, 0.293, 3.186
CIE-LCH	20.774, 7.045, 259.329
CIE-LUV	20.774, -4.294, -7.246
Hunter-Lab	17.85, -1.695, -3.23
Binary	00101010, 00110011, 00111100

#2a333c
```
#2a333c rgb(42,51,60)
```
#3c332a
```
#3c332a rgb(60,51,42)
```

Complementary Color

#2a3c3c
```
#2a3c3c rgb(42,60,60)
```
#2a333c
```
#2a333c rgb(42,51,60)
```
#2a2a3c
```
#2a2a3c rgb(42,42,60)
```

Analogous Color

#3c3c2a
```
#3c3c2a rgb(60,60,42)
```
#2a333c
```
#2a333c rgb(42,51,60)
```
#3c2a2a
```
#3c2a2a rgb(60,42,42)
```

Split Complementary Color

#333c2a
```
#333c2a rgb(51,60,42)
```
#2a333c
```
#2a333c rgb(42,51,60)
```
#3c2a33
```
#3c2a33 rgb(60,42,51)
```

Triadic Color

#2a3c33
```
#2a3c33 rgb(42,60,51)
```
#2a333c
```
#2a333c rgb(42,51,60)
```
#3c2a33
```
#3c2a33 rgb(60,42,51)
```
#3c332a
```
#3c332a rgb(60,51,42)
```

Tetradic Color

#0b0d0f
```
#0b0d0f rgb(11,13,15)
```
#151a1e
```
#151a1e rgb(21,26,30)
```
#20262d
```
#20262d rgb(32,38,45)
```
#2a333c
```
#2a333c rgb(42,51,60)
```
#35404b
```
#35404b rgb(53,64,75)
```
#3f4d5a
```
#3f4d5a rgb(63,77,90)
```
#4a5969
```
#4a5969 rgb(74,89,105)
```

Monochromatic Color

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

#2a383c
```
#2a383c rgb(42,56,60)
```
#2a363c
```
#2a363c rgb(42,54,60)
```
#2a353c
```
#2a353c rgb(42,53,60)
```
#2a333c
```
#2a333c rgb(42,51,60)
```
#2a323c
```
#2a323c rgb(42,50,60)
```
#2a303c
```
#2a303c rgb(42,48,60)
```
#2a2f3c
```
#2a2f3c rgb(42,47,60)
```

Similar Colors

Text with hexadecimal color #2a333c

This text has a font color of #2a333c.

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

#2a333c background color

This paragraph has a background color of #2a333c.

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

#2a333c border color

This element has a border color of #2a333c.

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

CSS codes

.text {color:#2a333c;}

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

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

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)
```
#121619
```
#121619 rgb(18,22,25)
```
#1a1f25
```
#1a1f25 rgb(26,31,37)
```
#222930
```
#222930 rgb(34,41,48)
```
#2a333c
```
#2a333c rgb(42,51,60)
```
#323d48
```
#323d48 rgb(50,61,72)
```
#3a4753
```
#3a4753 rgb(58,71,83)
```
#42505f
```
#42505f rgb(66,80,95)
```
#4a5a6a
```
#4a5a6a rgb(74,90,106)
```
#526476
```
#526476 rgb(82,100,118)
```
#5a6e81
```
#5a6e81 rgb(90,110,129)
```
#63788d
```
#63788d rgb(99,120,141)
```

Shade Color Variation

#6b8198
```
#6b8198 rgb(107,129,152)
```
#778ba0
```
#778ba0 rgb(119,139,160)
```
#8295a8
```
#8295a8 rgb(130,149,168)
```
#8e9fb0
```
#8e9fb0 rgb(142,159,176)
```
#99a9b8
```
#99a9b8 rgb(153,169,184)
```
#a5b3c0
```
#a5b3c0 rgb(165,179,192)
```
#b1bcc8
```
#b1bcc8 rgb(177,188,200)
```
#bcc6d0
```
#bcc6d0 rgb(188,198,208)
```
#c8d0d8
```
#c8d0d8 rgb(200,208,216)
```
#d3dae0
```
#d3dae0 rgb(211,218,224)
```
#dfe4e8
```
#dfe4e8 rgb(223,228,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 #033363 is the most saturated one.

#323334
```
#323334 rgb(50,51,52)
```
#2e3338
```
#2e3338 rgb(46,51,56)
```
#2a333c
```
#2a333c rgb(42,51,60)
```
#263340
```
#263340 rgb(38,51,64)
```
#223344
```
#223344 rgb(34,51,68)
```
#1e3348
```
#1e3348 rgb(30,51,72)
```
#1a334c
```
#1a334c rgb(26,51,76)
```
#163350
```
#163350 rgb(22,51,80)
```
#123354
```
#123354 rgb(18,51,84)
```
#0f3357
```
#0f3357 rgb(15,51,87)
```
#0b335b
```
#0b335b rgb(11,51,91)
```
#07335f
```
#07335f rgb(7,51,95)
```
#033363
```
#033363 rgb(3,51,99)
```

Tone Color Variation

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

#3a3c45 Protanopia 1% of men
#3c3b46 Deuteranopia 1% of men
#343e42 Tritanopia 0.001% of the population

Trichromacy

#343841 Protanomaly 1% of men, 0.01% of women
#363842 Deuteranomaly 6% of men, 0.4% of women
#303a40 Tritanomaly 0.01% of the population

#2a333c hex color

#2a333c Color Information

#2a333c Color Conversion

Color Schemes with #2a333c

Alternatives to #2a333c

#2a333c Preview

Shades and Tints of #2a333c

Tones of #2a333c

Color Blindness Simulator