#282a50 hex color

In a RGB color space, hex #282a50 is composed of 15.7% red, 16.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 47.5% magenta, 0% yellow and 68.6% black. It has a hue angle of 237 degrees, a saturation of 33.3% and a lightness of 23.5%. #282a50 color hex could be obtained by blending #5054a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 16
- B 31
RGB color chart
- C 50
- M 48
- Y 0
- K 69
CMYK color chart

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

The hexadecimal color #282a50 has RGB values of R:40, G:42, B:80 and CMYK values of C:0.5, M:0.48, Y:0, K:0.69. Its decimal value is 2632272.

Hex triplet	282a50	`#282a50`
RGB Decimal	40, 42, 80	`rgb(40,42,80)`
RGB Percent	15.7, 16.5, 31.4	`rgb(15.7%,16.5%,31.4%)`
CMYK	50, 48, 0, 69
HSL	237°, 33.3, 23.5	`hsl(237,33.3%,23.5%)`
HSV (or HSB)	237°, 50, 31.4
Web Safe	333366	`#333366`

CIE-LAB	18.74, 10.875, -23.665
XYZ	3.151, 2.686, 7.941
xyY	0.229, 0.195, 2.686
CIE-LCH	18.74, 26.044, 294.681
CIE-LUV	18.74, -2.554, -26.542
Hunter-Lab	16.389, 5.633, -17.256
Binary	00101000, 00101010, 01010000

#282a50
```
#282a50 rgb(40,42,80)
```
#504e28
```
#504e28 rgb(80,78,40)
```

Complementary Color

#283e50
```
#283e50 rgb(40,62,80)
```
#282a50
```
#282a50 rgb(40,42,80)
```
#3a2850
```
#3a2850 rgb(58,40,80)
```

Analogous Color

#3e5028
```
#3e5028 rgb(62,80,40)
```
#282a50
```
#282a50 rgb(40,42,80)
```
#503a28
```
#503a28 rgb(80,58,40)
```

Split Complementary Color

#2a5028
```
#2a5028 rgb(42,80,40)
```
#282a50
```
#282a50 rgb(40,42,80)
```
#50282a
```
#50282a rgb(80,40,42)
```

Triadic Color

#28504e
```
#28504e rgb(40,80,78)
```
#282a50
```
#282a50 rgb(40,42,80)
```
#50282a
```
#50282a rgb(80,40,42)
```
#504e28
```
#504e28 rgb(80,78,40)
```

Tetradic Color

#0f0f1d
```
#0f0f1d rgb(15,15,29)
```
#17182e
```
#17182e rgb(23,24,46)
```
#20213f
```
#20213f rgb(32,33,63)
```
#282a50
```
#282a50 rgb(40,42,80)
```
#313361
```
#313361 rgb(49,51,97)
```
#393c72
```
#393c72 rgb(57,60,114)
```
#424583
```
#424583 rgb(66,69,131)
```

Monochromatic Color

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

#283450
```
#283450 rgb(40,52,80)
```
#283150
```
#283150 rgb(40,49,80)
```
#282d50
```
#282d50 rgb(40,45,80)
```
#282a50
```
#282a50 rgb(40,42,80)
```
#292850
```
#292850 rgb(41,40,80)
```
#2d2850
```
#2d2850 rgb(45,40,80)
```
#302850
```
#302850 rgb(48,40,80)
```

Similar Colors

Text with hexadecimal color #282a50

This text has a font color of #282a50.

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

#282a50 background color

This paragraph has a background color of #282a50.

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

#282a50 border color

This element has a border color of #282a50.

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

CSS codes

.text {color:#282a50;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#07080f
```
#07080f rgb(7,8,15)
```
#0e0f1c
```
#0e0f1c rgb(14,15,28)
```
#141529
```
#141529 rgb(20,21,41)
```
#1b1c36
```
#1b1c36 rgb(27,28,54)
```
#212343
```
#212343 rgb(33,35,67)
```
#282a50
```
#282a50 rgb(40,42,80)
```
#2f315d
```
#2f315d rgb(47,49,93)
```
#35386a
```
#35386a rgb(53,56,106)
```
#3c3f77
```
#3c3f77 rgb(60,63,119)
```
#424584
```
#424584 rgb(66,69,132)
```
#494c91
```
#494c91 rgb(73,76,145)
```
#4f539e
```
#4f539e rgb(79,83,158)
```

Shade Color Variation

#575bab
```
#575bab rgb(87,91,171)
```
#6468b1
```
#6468b1 rgb(100,104,177)
```
#7174b8
```
#7174b8 rgb(113,116,184)
```
#7e81be
```
#7e81be rgb(126,129,190)
```
#8b8ec5
```
#8b8ec5 rgb(139,142,197)
```
#989bcb
```
#989bcb rgb(152,155,203)
```
#a5a7d2
```
#a5a7d2 rgb(165,167,210)
```
#b2b4d9
```
#b2b4d9 rgb(178,180,217)
```
#bfc1df
```
#bfc1df rgb(191,193,223)
```
#cccee6
```
#cccee6 rgb(204,206,230)
```
#d9daec
```
#d9daec rgb(217,218,236)
```
#e6e7f3
```
#e6e7f3 rgb(230,231,243)
```
#f3f4f9
```
#f3f4f9 rgb(243,244,249)
```

Tint Color Variation

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

#3a3b3e
```
#3a3b3e rgb(58,59,62)
```
#363642
```
#363642 rgb(54,54,66)
```
#313247
```
#313247 rgb(49,50,71)
```
#2d2e4b
```
#2d2e4b rgb(45,46,75)
```
#282a50
```
#282a50 rgb(40,42,80)
```
#232655
```
#232655 rgb(35,38,85)
```
#1f2259
```
#1f2259 rgb(31,34,89)
```
#1a1e5e
```
#1a1e5e rgb(26,30,94)
```
#161962
```
#161962 rgb(22,25,98)
```
#111567
```
#111567 rgb(17,21,103)
```
#0c116c
```
#0c116c rgb(12,17,108)
```
#080d70
```
#080d70 rgb(8,13,112)
```
#030975
```
#030975 rgb(3,9,117)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2d2d35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#28375a Protanopia 1% of men
#233857 Deuteranopia 1% of men
#2a3b3f Tritanopia 0.001% of the population

Trichromacy

#283256 Protanomaly 1% of men, 0.01% of women
#253354 Deuteranomaly 6% of men, 0.4% of women
#293445 Tritanomaly 0.01% of the population

#282a50 hex color

#282a50 Color Information

#282a50 Color Conversion

Color Schemes with #282a50

Alternatives to #282a50

#282a50 Preview

Shades and Tints of #282a50

Tones of #282a50

Color Blindness Simulator