#283248 hex color

In a RGB color space, hex #283248 is composed of 15.7% red, 19.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 30.6% magenta, 0% yellow and 71.8% black. It has a hue angle of 221.3 degrees, a saturation of 28.6% and a lightness of 22%. #283248 color hex could be obtained by blending #506490 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 16
- G 20
- B 28
RGB color chart
- C 44
- M 31
- Y 0
- K 72
CMYK color chart

● #283248 color description : Very dark desaturated blue.

The hexadecimal color #283248 has RGB values of R:40, G:50, B:72 and CMYK values of C:0.44, M:0.31, Y:0, K:0.72. Its decimal value is 2634312.

Hex triplet	283248	`#283248`
RGB Decimal	40, 50, 72	`rgb(40,50,72)`
RGB Percent	15.7, 19.6, 28.2	`rgb(15.7%,19.6%,28.2%)`
CMYK	44, 31, 0, 72
HSL	221.3°, 28.6, 22	`hsl(221.3,28.6%,22%)`
HSV (or HSB)	221.3°, 44.4, 28.2
Web Safe	333333	`#333333`

CIE-LAB	20.828, 2.459, -14.99
XYZ	3.185, 3.2, 6.58
xyY	0.246, 0.247, 3.2
CIE-LCH	20.828, 15.19, 279.315
CIE-LUV	20.828, -4.931, -16.862
Hunter-Lab	17.889, 0.477, -9.288
Binary	00101000, 00110010, 01001000

#283248
```
#283248 rgb(40,50,72)
```
#483e28
```
#483e28 rgb(72,62,40)
```

Complementary Color

#284248
```
#284248 rgb(40,66,72)
```
#283248
```
#283248 rgb(40,50,72)
```
#2e2848
```
#2e2848 rgb(46,40,72)
```

Analogous Color

#424828
```
#424828 rgb(66,72,40)
```
#283248
```
#283248 rgb(40,50,72)
```
#482e28
```
#482e28 rgb(72,46,40)
```

Split Complementary Color

#324828
```
#324828 rgb(50,72,40)
```
#283248
```
#283248 rgb(40,50,72)
```
#482832
```
#482832 rgb(72,40,50)
```

Triadic Color

#28483e
```
#28483e rgb(40,72,62)
```
#283248
```
#283248 rgb(40,50,72)
```
#482832
```
#482832 rgb(72,40,50)
```
#483e28
```
#483e28 rgb(72,62,40)
```

Tetradic Color

#0d1017
```
#0d1017 rgb(13,16,23)
```
#161b27
```
#161b27 rgb(22,27,39)
```
#1f2738
```
#1f2738 rgb(31,39,56)
```
#283248
```
#283248 rgb(40,50,72)
```
#313d58
```
#313d58 rgb(49,61,88)
```
#3a4969
```
#3a4969 rgb(58,73,105)
```
#435479
```
#435479 rgb(67,84,121)
```

Monochromatic Color

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

#283a48
```
#283a48 rgb(40,58,72)
```
#283748
```
#283748 rgb(40,55,72)
```
#283548
```
#283548 rgb(40,53,72)
```
#283248
```
#283248 rgb(40,50,72)
```
#282f48
```
#282f48 rgb(40,47,72)
```
#282d48
```
#282d48 rgb(40,45,72)
```
#282a48
```
#282a48 rgb(40,42,72)
```

Similar Colors

Text with hexadecimal color #283248

This text has a font color of #283248.

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

#283248 background color

This paragraph has a background color of #283248.

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

#283248 border color

This element has a border color of #283248.

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

CSS codes

.text {color:#283248;}

.background {background-color:#283248;}

.border {border:1px solid #283248;}

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

#050609
```
#050609 rgb(5,6,9)
```
#0c0f16
```
#0c0f16 rgb(12,15,22)
```
#131822
```
#131822 rgb(19,24,34)
```
#1a202f
```
#1a202f rgb(26,32,47)
```
#21293b
```
#21293b rgb(33,41,59)
```
#283248
```
#283248 rgb(40,50,72)
```
#2f3b55
```
#2f3b55 rgb(47,59,85)
```
#364461
```
#364461 rgb(54,68,97)
```
#3d4c6e
```
#3d4c6e rgb(61,76,110)
```
#44557a
```
#44557a rgb(68,85,122)
```
#4b5e87
```
#4b5e87 rgb(75,94,135)
```
#526794
```
#526794 rgb(82,103,148)
```
#596fa0
```
#596fa0 rgb(89,111,160)
```

Shade Color Variation

#647aa9
```
#647aa9 rgb(100,122,169)
```
#7184b0
```
#7184b0 rgb(113,132,176)
```
#7d8fb7
```
#7d8fb7 rgb(125,143,183)
```
#8a9abe
```
#8a9abe rgb(138,154,190)
```
#96a5c5
```
#96a5c5 rgb(150,165,197)
```
#a3b0cc
```
#a3b0cc rgb(163,176,204)
```
#b0bbd3
```
#b0bbd3 rgb(176,187,211)
```
#bcc6da
```
#bcc6da rgb(188,198,218)
```
#c9d0e1
```
#c9d0e1 rgb(201,208,225)
```
#d6dbe8
```
#d6dbe8 rgb(214,219,232)
```
#e2e6ef
```
#e2e6ef rgb(226,230,239)
```
#eff1f6
```
#eff1f6 rgb(239,241,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #35373b is the less saturated color, while #01236f is the most saturated one.

#35373b
```
#35373b rgb(53,55,59)
```
#31353f
```
#31353f rgb(49,53,63)
```
#2c3444
```
#2c3444 rgb(44,52,68)
```
#283248
```
#283248 rgb(40,50,72)
```
#24304c
```
#24304c rgb(36,48,76)
```
#1f2f51
```
#1f2f51 rgb(31,47,81)
```
#1b2d55
```
#1b2d55 rgb(27,45,85)
```
#172c59
```
#172c59 rgb(23,44,89)
```
#122a5e
```
#122a5e rgb(18,42,94)
```
#0e2862
```
#0e2862 rgb(14,40,98)
```
#0a2766
```
#0a2766 rgb(10,39,102)
```
#06256a
```
#06256a rgb(6,37,106)
```
#01236f
```
#01236f rgb(1,35,111)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#303236 Atypical Achromatopsia 0.001% of the population

Dichromacy

#363c51 Protanopia 1% of men
#353c51 Deuteranopia 1% of men
#2e3f43 Tritanopia 0.001% of the population

Trichromacy

#30384d Protanomaly 1% of men, 0.01% of women
#30384e Deuteranomaly 6% of men, 0.4% of women
#2c3a45 Tritanomaly 0.01% of the population

#283248 hex color

#283248 Color Information

#283248 Color Conversion

Color Schemes with #283248

Alternatives to #283248

#283248 Preview

Shades and Tints of #283248

Tones of #283248

Color Blindness Simulator