colorhexa.com

#2a283d hex color

In a RGB color space, hex #2a283d is composed of 16.5% red, 15.7% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 34.4% magenta, 0% yellow and 76.1% black. It has a hue angle of 245.7 degrees, a saturation of 20.8% and a lightness of 19.8%. #2a283d color hex could be obtained by blending #54507a with #000000. Closest websafe color is: #333333.

- R 16
- G 16
- B 24
RGB color chart
- C 31
- M 34
- Y 0
- K 76
CMYK color chart

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

The hexadecimal color #2a283d has RGB values of R:42, G:40, B:61 and CMYK values of C:0.31, M:0.34, Y:0, K:0.76. Its decimal value is 2762813.

Hex triplet	2a283d	`#2a283d`
RGB Decimal	42, 40, 61	`rgb(42,40,61)`
RGB Percent	16.5, 15.7, 23.9	`rgb(16.5%,15.7%,23.9%)`
CMYK	31, 34, 0, 76
HSL	245.7°, 20.8, 19.8	`hsl(245.7,20.8%,19.8%)`
HSV (or HSB)	245.7°, 34.4, 23.9
Web Safe	333333	`#333333`

CIE-LAB	17.211, 6.646, -13.061
XYZ	2.556, 2.347, 4.733
xyY	0.265, 0.244, 2.347
CIE-LCH	17.211, 14.655, 296.967
CIE-LUV	17.211, -0.24, -13.833
Hunter-Lab	15.319, 2.972, -7.595
Binary	00101010, 00101000, 00111101

#2a283d
```
#2a283d rgb(42,40,61)
```
#3b3d28
```
#3b3d28 rgb(59,61,40)
```

Complementary Color

#28313d
```
#28313d rgb(40,49,61)
```
#2a283d
```
#2a283d rgb(42,40,61)
```
#35283d
```
#35283d rgb(53,40,61)
```

Analogous Color

#313d28
```
#313d28 rgb(49,61,40)
```
#2a283d
```
#2a283d rgb(42,40,61)
```
#3d3528
```
#3d3528 rgb(61,53,40)
```

Split Complementary Color

#0a0a0f
```
#0a0a0f rgb(10,10,15)
```
#15141e
```
#15141e rgb(21,20,30)
```
#1f1e2e
```
#1f1e2e rgb(31,30,46)
```
#2a283d
```
#2a283d rgb(42,40,61)
```
#35324c
```
#35324c rgb(53,50,76)
```
#3f3c5c
```
#3f3c5c rgb(63,60,92)
```
#4a466b
```
#4a466b rgb(74,70,107)
```

Monochromatic Color

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

#282b3d
```
#282b3d rgb(40,43,61)
```
#282a3d
```
#282a3d rgb(40,42,61)
```
#28283d
```
#28283d rgb(40,40,61)
```
#2a283d
```
#2a283d rgb(42,40,61)
```
#2c283d
```
#2c283d rgb(44,40,61)
```
#2e283d
```
#2e283d rgb(46,40,61)
```
#2f283d
```
#2f283d rgb(47,40,61)
```

Similar Colors

Text with hexadecimal color #2a283d

This text has a font color of #2a283d.

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

#2a283d background color

This paragraph has a background color of #2a283d.

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

#2a283d border color

This element has a border color of #2a283d.

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

CSS codes

.text {color:#2a283d;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#09090e
```
#09090e rgb(9,9,14)
```
#121119
```
#121119 rgb(18,17,25)
```
#1a1825
```
#1a1825 rgb(26,24,37)
```
#222031
```
#222031 rgb(34,32,49)
```
#2a283d
```
#2a283d rgb(42,40,61)
```
#323049
```
#323049 rgb(50,48,73)
```
#3a3855
```
#3a3855 rgb(58,56,85)
```
#423f61
```
#423f61 rgb(66,63,97)
```
#4b476c
```
#4b476c rgb(75,71,108)
```
#534f78
```
#534f78 rgb(83,79,120)
```
#5b5784
```
#5b5784 rgb(91,87,132)
```
#635e90
```
#635e90 rgb(99,94,144)
```

Shade Color Variation

#6c679b
```
#6c679b rgb(108,103,155)
```
#7773a3
```
#7773a3 rgb(119,115,163)
```
#837eab
```
#837eab rgb(131,126,171)
```
#8e8ab2
```
#8e8ab2 rgb(142,138,178)
```
#9a96ba
```
#9a96ba rgb(154,150,186)
```
#a5a2c2
```
#a5a2c2 rgb(165,162,194)
```
#b0aeca
```
#b0aeca rgb(176,174,202)
```
#bcbad2
```
#bcbad2 rgb(188,186,210)
```
#c7c6d9
```
#c7c6d9 rgb(199,198,217)
```
#d3d1e1
```
#d3d1e1 rgb(211,209,225)
```
#dedde9
```
#dedde9 rgb(222,221,233)
```
#eae9f1
```
#eae9f1 rgb(234,233,241)
```
#f5f5f8
```
#f5f5f8 rgb(245,245,248)
```

Tint Color Variation

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

#303035
```
#303035 rgb(48,48,53)
```
#2d2c39
```
#2d2c39 rgb(45,44,57)
```
#2a283d
```
#2a283d rgb(42,40,61)
```
#272441
```
#272441 rgb(39,36,65)
```
#242045
```
#242045 rgb(36,32,69)
```
#211c49
```
#211c49 rgb(33,28,73)
```
#1d184d
```
#1d184d rgb(29,24,77)
```
#1a1550
```
#1a1550 rgb(26,21,80)
```
#171154
```
#171154 rgb(23,17,84)
```
#140d58
```
#140d58 rgb(20,13,88)
```
#11095c
```
#11095c rgb(17,9,92)
```
#0e0560
```
#0e0560 rgb(14,5,96)
```
#0b0164
```
#0b0164 rgb(11,1,100)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2b2a2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f3448 Protanopia 1% of men
#303446 Deuteranopia 1% of men
#313539 Tritanopia 0.001% of the population

Trichromacy

#2d3044 Protanomaly 1% of men, 0.01% of women
#2d3043 Deuteranomaly 6% of men, 0.4% of women
#2f303a Tritanomaly 0.01% of the population