#282f31 hex color

In a RGB color space, hex #282f31 is composed of 15.7% red, 18.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 4.1% magenta, 0% yellow and 80.8% black. It has a hue angle of 193.3 degrees, a saturation of 10.1% and a lightness of 17.5%. #282f31 color hex could be obtained by blending #505e62 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 16
- G 18
- B 19
RGB color chart
- C 18
- M 4
- Y 0
- K 81
CMYK color chart

● #282f31 color description : Very dark (mostly black) cyan.

The hexadecimal color #282f31 has RGB values of R:40, G:47, B:49 and CMYK values of C:0.18, M:0.04, Y:0, K:0.81. Its decimal value is 2633521.

Hex triplet	282f31	`#282f31`
RGB Decimal	40, 47, 49	`rgb(40,47,49)`
RGB Percent	15.7, 18.4, 19.2	`rgb(15.7%,18.4%,19.2%)`
CMYK	18, 4, 0, 81
HSL	193.3°, 10.1, 17.5	`hsl(193.3,10.1%,17.5%)`
HSV (or HSB)	193.3°, 18.4, 19.2
Web Safe	333333	`#333333`

CIE-LAB	18.825, -2.492, -2.307
XYZ	2.446, 2.706, 3.299
xyY	0.289, 0.32, 2.706
CIE-LCH	18.825, 3.396, 222.785
CIE-LUV	18.825, -3.183, -2.019
Hunter-Lab	16.449, -2.246, -0.376
Binary	00101000, 00101111, 00110001

#282f31
```
#282f31 rgb(40,47,49)
```
#312a28
```
#312a28 rgb(49,42,40)
```

Complementary Color

#28312f
```
#28312f rgb(40,49,47)
```
#282f31
```
#282f31 rgb(40,47,49)
```
#282b31
```
#282b31 rgb(40,43,49)
```

Analogous Color

#312f28
```
#312f28 rgb(49,47,40)
```
#282f31
```
#282f31 rgb(40,47,49)
```
#31282b
```
#31282b rgb(49,40,43)
```

Split Complementary Color

#2f3128
```
#2f3128 rgb(47,49,40)
```
#282f31
```
#282f31 rgb(40,47,49)
```
#31282f
```
#31282f rgb(49,40,47)
```

Triadic Color

#28312a
```
#28312a rgb(40,49,42)
```
#282f31
```
#282f31 rgb(40,47,49)
```
#31282f
```
#31282f rgb(49,40,47)
```
#312a28
```
#312a28 rgb(49,42,40)
```

Tetradic Color

#060707
```
#060707 rgb(6,7,7)
```
#111415
```
#111415 rgb(17,20,21)
```
#1d2223
```
#1d2223 rgb(29,34,35)
```
#282f31
```
#282f31 rgb(40,47,49)
```
#333c3f
```
#333c3f rgb(51,60,63)
```
#3f4a4d
```
#3f4a4d rgb(63,74,77)
```
#4a575b
```
#4a575b rgb(74,87,91)
```

Monochromatic Color

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

#283131
```
#283131 rgb(40,49,49)
```
#283131
```
#283131 rgb(40,49,49)
```
#283031
```
#283031 rgb(40,48,49)
```
#282f31
```
#282f31 rgb(40,47,49)
```
#282e31
```
#282e31 rgb(40,46,49)
```
#282e31
```
#282e31 rgb(40,46,49)
```
#282d31
```
#282d31 rgb(40,45,49)
```

Similar Colors

Text with hexadecimal color #282f31

This text has a font color of #282f31.

<span style="color:#282f31;">Text here</span>

#282f31 background color

This paragraph has a background color of #282f31.

<p style="background-color:#282f31;">Content here</p>

#282f31 border color

This element has a border color of #282f31.

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

CSS codes

.text {color:#282f31;}

.background {background-color:#282f31;}

.border {border:1px solid #282f31;}

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

#050606
```
#050606 rgb(5,6,6)
```
#0e1011
```
#0e1011 rgb(14,16,17)
```
#161a1b
```
#161a1b rgb(22,26,27)
```
#1f2526
```
#1f2526 rgb(31,37,38)
```
#282f31
```
#282f31 rgb(40,47,49)
```
#31393c
```
#31393c rgb(49,57,60)
```
#3a4447
```
#3a4447 rgb(58,68,71)
```
#424e51
```
#424e51 rgb(66,78,81)
```
#4b585c
```
#4b585c rgb(75,88,92)
```
#546367
```
#546367 rgb(84,99,103)
```
#5d6d72
```
#5d6d72 rgb(93,109,114)
```
#66787d
```
#66787d rgb(102,120,125)
```
#6f8287
```
#6f8287 rgb(111,130,135)
```

Shade Color Variation

#788c91
```
#788c91 rgb(120,140,145)
```
#83959a
```
#83959a rgb(131,149,154)
```
#8e9ea3
```
#8e9ea3 rgb(142,158,163)
```
#99a7ac
```
#99a7ac rgb(153,167,172)
```
#a4b1b4
```
#a4b1b4 rgb(164,177,180)
```
#aebabd
```
#aebabd rgb(174,186,189)
```
#b9c3c6
```
#b9c3c6 rgb(185,195,198)
```
#c4cccf
```
#c4cccf rgb(196,204,207)
```
#cfd6d8
```
#cfd6d8 rgb(207,214,216)
```
#dadfe0
```
#dadfe0 rgb(218,223,224)
```
#e4e8e9
```
#e4e8e9 rgb(228,232,233)
```
#eff1f2
```
#eff1f2 rgb(239,241,242)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#2b2d2e
```
#2b2d2e rgb(43,45,46)
```
#282f31
```
#282f31 rgb(40,47,49)
```
#253134
```
#253134 rgb(37,49,52)
```
#213338
```
#213338 rgb(33,51,56)
```
#1e353b
```
#1e353b rgb(30,53,59)
```
#1a373f
```
#1a373f rgb(26,55,63)
```
#173942
```
#173942 rgb(23,57,66)
```
#133a46
```
#133a46 rgb(19,58,70)
```
#103c49
```
#103c49 rgb(16,60,73)
```
#0d3e4c
```
#0d3e4c rgb(13,62,76)
```
#094050
```
#094050 rgb(9,64,80)
```
#064253
```
#064253 rgb(6,66,83)
```
#024457
```
#024457 rgb(2,68,87)
```

Tone Color Variation

Below, you can see how #282f31 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

#2d2d2d Achromatopsia 0.005% of the population
#2c2d2e Atypical Achromatopsia 0.001% of the population

Dichromacy

#38383a Protanopia 1% of men
#3c373c Deuteranopia 1% of men
#33393d Tritanopia 0.001% of the population

Trichromacy

#323437 Protanomaly 1% of men, 0.01% of women
#343438 Deuteranomaly 6% of men, 0.4% of women
#2f3539 Tritanomaly 0.01% of the population

#282f31 hex color

#282f31 Color Information

#282f31 Color Conversion

Color Schemes with #282f31

Alternatives to #282f31

#282f31 Preview

Shades and Tints of #282f31

Tones of #282f31

Color Blindness Simulator