#282f42 hex color

In a RGB color space, hex #282f42 is composed of 15.7% red, 18.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 28.8% magenta, 0% yellow and 74.1% black. It has a hue angle of 223.8 degrees, a saturation of 24.5% and a lightness of 20.8%. #282f42 color hex could be obtained by blending #505e84 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 16
- G 18
- B 26
RGB color chart
- C 39
- M 29
- Y 0
- K 74
CMYK color chart

● #282f42 color description : Very dark desaturated blue.

The hexadecimal color #282f42 has RGB values of R:40, G:47, B:66 and CMYK values of C:0.39, M:0.29, Y:0, K:0.74. Its decimal value is 2633538.

Hex triplet	282f42	`#282f42`
RGB Decimal	40, 47, 66	`rgb(40,47,66)`
RGB Percent	15.7, 18.4, 25.9	`rgb(15.7%,18.4%,25.9%)`
CMYK	39, 29, 0, 74
HSL	223.8°, 24.5, 20.8	`hsl(223.8,24.5%,20.8%)`
HSV (or HSB)	223.8°, 39.4, 25.9
Web Safe	333333	`#333333`

CIE-LAB	19.546, 2.568, -12.904
XYZ	2.875, 2.877, 5.558
xyY	0.254, 0.254, 2.877
CIE-LCH	19.546, 13.157, 281.257
CIE-LUV	19.546, -3.677, -14.07
Hunter-Lab	16.963, 0.566, -7.552
Binary	00101000, 00101111, 01000010

#282f42
```
#282f42 rgb(40,47,66)
```
#423b28
```
#423b28 rgb(66,59,40)
```

Complementary Color

#283c42
```
#283c42 rgb(40,60,66)
```
#282f42
```
#282f42 rgb(40,47,66)
```
#2e2842
```
#2e2842 rgb(46,40,66)
```

Analogous Color

#3c4228
```
#3c4228 rgb(60,66,40)
```
#282f42
```
#282f42 rgb(40,47,66)
```
#422e28
```
#422e28 rgb(66,46,40)
```

Split Complementary Color

#2f4228
```
#2f4228 rgb(47,66,40)
```
#282f42
```
#282f42 rgb(40,47,66)
```
#42282f
```
#42282f rgb(66,40,47)
```

Triadic Color

#28423b
```
#28423b rgb(40,66,59)
```
#282f42
```
#282f42 rgb(40,47,66)
```
#42282f
```
#42282f rgb(66,40,47)
```
#423b28
```
#423b28 rgb(66,59,40)
```

Tetradic Color

#0b0d12
```
#0b0d12 rgb(11,13,18)
```
#151822
```
#151822 rgb(21,24,34)
```
#1e2432
```
#1e2432 rgb(30,36,50)
```
#282f42
```
#282f42 rgb(40,47,66)
```
#323a52
```
#323a52 rgb(50,58,82)
```
#3b4662
```
#3b4662 rgb(59,70,98)
```
#455172
```
#455172 rgb(69,81,114)
```

Monochromatic Color

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

#283642
```
#283642 rgb(40,54,66)
```
#283342
```
#283342 rgb(40,51,66)
```
#283142
```
#283142 rgb(40,49,66)
```
#282f42
```
#282f42 rgb(40,47,66)
```
#282d42
```
#282d42 rgb(40,45,66)
```
#282b42
```
#282b42 rgb(40,43,66)
```
#282942
```
#282942 rgb(40,41,66)
```

Similar Colors

Text with hexadecimal color #282f42

This text has a font color of #282f42.

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

#282f42 background color

This paragraph has a background color of #282f42.

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

#282f42 border color

This element has a border color of #282f42.

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

CSS codes

.text {color:#282f42;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0c11
```
#0a0c11 rgb(10,12,17)
```
#12151d
```
#12151d rgb(18,21,29)
```
#191e2a
```
#191e2a rgb(25,30,42)
```
#212636
```
#212636 rgb(33,38,54)
```
#282f42
```
#282f42 rgb(40,47,66)
```
#2f384e
```
#2f384e rgb(47,56,78)
```
#37405a
```
#37405a rgb(55,64,90)
```
#3e4967
```
#3e4967 rgb(62,73,103)
```
#465273
```
#465273 rgb(70,82,115)
```
#4d5a7f
```
#4d5a7f rgb(77,90,127)
```
#54638b
```
#54638b rgb(84,99,139)
```
#5c6c97
```
#5c6c97 rgb(92,108,151)
```

Shade Color Variation

#6575a2
```
#6575a2 rgb(101,117,162)
```
#7180a9
```
#7180a9 rgb(113,128,169)
```
#7e8bb1
```
#7e8bb1 rgb(126,139,177)
```
#8a96b8
```
#8a96b8 rgb(138,150,184)
```
#96a1bf
```
#96a1bf rgb(150,161,191)
```
#a2acc7
```
#a2acc7 rgb(162,172,199)
```
#aeb7ce
```
#aeb7ce rgb(174,183,206)
```
#bbc2d6
```
#bbc2d6 rgb(187,194,214)
```
#c7cddd
```
#c7cddd rgb(199,205,221)
```
#d3d8e4
```
#d3d8e4 rgb(211,216,228)
```
#dfe3ec
```
#dfe3ec rgb(223,227,236)
```
#eceef3
```
#eceef3 rgb(236,238,243)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#343536
```
#343536 rgb(52,53,54)
```
#30333a
```
#30333a rgb(48,51,58)
```
#2c313e
```
#2c313e rgb(44,49,62)
```
#282f42
```
#282f42 rgb(40,47,66)
```
#242d46
```
#242d46 rgb(36,45,70)
```
#202b4a
```
#202b4a rgb(32,43,74)
```
#1c294e
```
#1c294e rgb(28,41,78)
```
#182752
```
#182752 rgb(24,39,82)
```
#142656
```
#142656 rgb(20,38,86)
```
#10245a
```
#10245a rgb(16,36,90)
```
#0b225f
```
#0b225f rgb(11,34,95)
```
#072063
```
#072063 rgb(7,32,99)
```
#031e67
```
#031e67 rgb(3,30,103)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2e2f33 Atypical Achromatopsia 0.001% of the population

Dichromacy

#34394b Protanopia 1% of men
#34394c Deuteranopia 1% of men
#2f3c40 Tritanopia 0.001% of the population

Trichromacy

#303548 Protanomaly 1% of men, 0.01% of women
#303548 Deuteranomaly 6% of men, 0.4% of women
#2d3740 Tritanomaly 0.01% of the population

#282f42 hex color

#282f42 Color Information

#282f42 Color Conversion

Color Schemes with #282f42

Alternatives to #282f42

#282f42 Preview

Shades and Tints of #282f42

Tones of #282f42

Color Blindness Simulator