#282f5b hex color

In a RGB color space, hex #282f5b is composed of 15.7% red, 18.4% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 48.4% magenta, 0% yellow and 64.3% black. It has a hue angle of 231.8 degrees, a saturation of 38.9% and a lightness of 25.7%. #282f5b color hex could be obtained by blending #505eb6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 18
- B 36
RGB color chart
- C 56
- M 48
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #282f5b has RGB values of R:40, G:47, B:91 and CMYK values of C:0.56, M:0.48, Y:0, K:0.64. Its decimal value is 2633563.

Hex triplet	282f5b	`#282f5b`
RGB Decimal	40, 47, 91	`rgb(40,47,91)`
RGB Percent	15.7, 18.4, 35.7	`rgb(15.7%,18.4%,35.7%)`
CMYK	56, 48, 0, 64
HSL	231.8°, 38.9, 25.7	`hsl(231.8,38.9%,25.7%)`
HSV (or HSB)	231.8°, 56, 35.7
Web Safe	333366	`#333366`

CIE-LAB	20.978, 11.274, -27.442
XYZ	3.78, 3.239, 10.323
xyY	0.218, 0.187, 3.239
CIE-LCH	20.978, 29.667, 292.335
CIE-LUV	20.978, -4.482, -32.32
Hunter-Lab	17.998, 5.988, -21.408
Binary	00101000, 00101111, 01011011

#282f5b
```
#282f5b rgb(40,47,91)
```
#5b5428
```
#5b5428 rgb(91,84,40)
```

Complementary Color

#28495b
```
#28495b rgb(40,73,91)
```
#282f5b
```
#282f5b rgb(40,47,91)
```
#3b285b
```
#3b285b rgb(59,40,91)
```

Analogous Color

#495b28
```
#495b28 rgb(73,91,40)
```
#282f5b
```
#282f5b rgb(40,47,91)
```
#5b3b28
```
#5b3b28 rgb(91,59,40)
```

Split Complementary Color

#2f5b28
```
#2f5b28 rgb(47,91,40)
```
#282f5b
```
#282f5b rgb(40,47,91)
```
#5b282f
```
#5b282f rgb(91,40,47)
```

Triadic Color

#285b54
```
#285b54 rgb(40,91,84)
```
#282f5b
```
#282f5b rgb(40,47,91)
```
#5b282f
```
#5b282f rgb(91,40,47)
```
#5b5428
```
#5b5428 rgb(91,84,40)
```

Tetradic Color

#111426
```
#111426 rgb(17,20,38)
```
#181d38
```
#181d38 rgb(24,29,56)
```
#202649
```
#202649 rgb(32,38,73)
```
#282f5b
```
#282f5b rgb(40,47,91)
```
#30386d
```
#30386d rgb(48,56,109)
```
#38417e
```
#38417e rgb(56,65,126)
```
#3f4a90
```
#3f4a90 rgb(63,74,144)
```

Monochromatic Color

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

#283c5b
```
#283c5b rgb(40,60,91)
```
#28385b
```
#28385b rgb(40,56,91)
```
#28335b
```
#28335b rgb(40,51,91)
```
#282f5b
```
#282f5b rgb(40,47,91)
```
#282b5b
```
#282b5b rgb(40,43,91)
```
#2a285b
```
#2a285b rgb(42,40,91)
```
#2e285b
```
#2e285b rgb(46,40,91)
```

Similar Colors

Text with hexadecimal color #282f5b

This text has a font color of #282f5b.

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

#282f5b background color

This paragraph has a background color of #282f5b.

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

#282f5b border color

This element has a border color of #282f5b.

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

CSS codes

.text {color:#282f5b;}

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

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

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

#040509
```
#040509 rgb(4,5,9)
```
#0a0c17
```
#0a0c17 rgb(10,12,23)
```
#101324
```
#101324 rgb(16,19,36)
```
#161a32
```
#161a32 rgb(22,26,50)
```
#1c2140
```
#1c2140 rgb(28,33,64)
```
#22284d
```
#22284d rgb(34,40,77)
```
#282f5b
```
#282f5b rgb(40,47,91)
```
#2e3669
```
#2e3669 rgb(46,54,105)
```
#343d76
```
#343d76 rgb(52,61,118)
```
#3a4484
```
#3a4484 rgb(58,68,132)
```
#404b92
```
#404b92 rgb(64,75,146)
```
#46529f
```
#46529f rgb(70,82,159)
```
#4c59ad
```
#4c59ad rgb(76,89,173)
```

Shade Color Variation

#5764b5
```
#5764b5 rgb(87,100,181)
```
#6571bb
```
#6571bb rgb(101,113,187)
```
#727dc1
```
#727dc1 rgb(114,125,193)
```
#808ac7
```
#808ac7 rgb(128,138,199)
```
#8e96cd
```
#8e96cd rgb(142,150,205)
```
#9ba3d3
```
#9ba3d3 rgb(155,163,211)
```
#a9afd9
```
#a9afd9 rgb(169,175,217)
```
#b6bcdf
```
#b6bcdf rgb(182,188,223)
```
#c4c9e5
```
#c4c9e5 rgb(196,201,229)
```
#d2d5eb
```
#d2d5eb rgb(210,213,235)
```
#dfe2f1
```
#dfe2f1 rgb(223,226,241)
```
#edeef7
```
#edeef7 rgb(237,238,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#414142
```
#414142 rgb(65,65,66)
```
#3c3e47
```
#3c3e47 rgb(60,62,71)
```
#373a4c
```
#373a4c rgb(55,58,76)
```
#323651
```
#323651 rgb(50,54,81)
```
#2d3356
```
#2d3356 rgb(45,51,86)
```
#282f5b
```
#282f5b rgb(40,47,91)
```
#232b60
```
#232b60 rgb(35,43,96)
```
#1e2865
```
#1e2865 rgb(30,40,101)
```
#19246a
```
#19246a rgb(25,36,106)
```
#14206f
```
#14206f rgb(20,32,111)
```
#0f1d74
```
#0f1d74 rgb(15,29,116)
```
#0a1979
```
#0a1979 rgb(10,25,121)
```
#05157e
```
#05157e rgb(5,21,126)
```

Tone Color Variation

Below, you can see how #282f5b 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
#30313a Atypical Achromatopsia 0.001% of the population

Dichromacy

#283b65 Protanopia 1% of men
#203d62 Deuteranopia 1% of men
#264145 Tritanopia 0.001% of the population

Trichromacy

#283761 Protanomaly 1% of men, 0.01% of women
#23385f Deuteranomaly 6% of men, 0.4% of women
#273a4d Tritanomaly 0.01% of the population

#282f5b hex color

#282f5b Color Information

#282f5b Color Conversion

Color Schemes with #282f5b

Alternatives to #282f5b

#282f5b Preview

Shades and Tints of #282f5b

Tones of #282f5b

Color Blindness Simulator