colorhexa.com

#282045 hex color

In a RGB color space, hex #282045 is composed of 15.7% red, 12.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 53.6% magenta, 0% yellow and 72.9% black. It has a hue angle of 253 degrees, a saturation of 36.6% and a lightness of 19.8%. #282045 color hex could be obtained by blending #50408a with #000000. Closest websafe color is: #333333.

- R 16
- G 13
- B 27
RGB color chart
- C 42
- M 54
- Y 0
- K 73
CMYK color chart

● #282045 color description : Very dark desaturated blue.

The hexadecimal color #282045 has RGB values of R:40, G:32, B:69 and CMYK values of C:0.42, M:0.54, Y:0, K:0.73. Its decimal value is 2629701.

Hex triplet	282045	`#282045`
RGB Decimal	40, 32, 69	`rgb(40,32,69)`
RGB Percent	15.7, 12.5, 27.1	`rgb(15.7%,12.5%,27.1%)`
CMYK	42, 54, 0, 73
HSL	253°, 36.6, 19.8	`hsl(253,36.6%,19.8%)`
HSV (or HSB)	253°, 53.6, 27.1
Web Safe	333333	`#333333`

CIE-LAB	15.028, 14.27, -22.054
XYZ	2.466, 1.914, 5.869
xyY	0.241, 0.187, 1.914
CIE-LCH	15.028, 26.268, 302.904
CIE-LUV	15.028, 0.847, -22.515
Hunter-Lab	13.834, 7.604, -15.471
Binary	00101000, 00100000, 01000101

#282045
```
#282045 rgb(40,32,69)
```
#3d4520
```
#3d4520 rgb(61,69,32)
```

Complementary Color

#202b45
```
#202b45 rgb(32,43,69)
```
#282045
```
#282045 rgb(40,32,69)
```
#3b2045
```
#3b2045 rgb(59,32,69)
```

Analogous Color

#2b4520
```
#2b4520 rgb(43,69,32)
```
#282045
```
#282045 rgb(40,32,69)
```
#453b20
```
#453b20 rgb(69,59,32)
```

Split Complementary Color

#0a0811
```
#0a0811 rgb(10,8,17)
```
#141022
```
#141022 rgb(20,16,34)
```
#1e1834
```
#1e1834 rgb(30,24,52)
```
#282045
```
#282045 rgb(40,32,69)
```
#322856
```
#322856 rgb(50,40,86)
```
#3c3068
```
#3c3068 rgb(60,48,104)
```
#463879
```
#463879 rgb(70,56,121)
```

Monochromatic Color

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

#202145
```
#202145 rgb(32,33,69)
```
#222045
```
#222045 rgb(34,32,69)
```
#252045
```
#252045 rgb(37,32,69)
```
#282045
```
#282045 rgb(40,32,69)
```
#2b2045
```
#2b2045 rgb(43,32,69)
```
#2e2045
```
#2e2045 rgb(46,32,69)
```
#312045
```
#312045 rgb(49,32,69)
```

Similar Colors

Text with hexadecimal color #282045

This text has a font color of #282045.

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

#282045 background color

This paragraph has a background color of #282045.

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

#282045 border color

This element has a border color of #282045.

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

CSS codes

.text {color:#282045;}

.background {background-color:#282045;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#09070f
```
#09070f rgb(9,7,15)
```
#110d1d
```
#110d1d rgb(17,13,29)
```
#18142a
```
#18142a rgb(24,20,42)
```
#201a38
```
#201a38 rgb(32,26,56)
```
#282045
```
#282045 rgb(40,32,69)
```
#302652
```
#302652 rgb(48,38,82)
```
#382c60
```
#382c60 rgb(56,44,96)
```
#3f336d
```
#3f336d rgb(63,51,109)
```
#47397b
```
#47397b rgb(71,57,123)
```
#4f3f88
```
#4f3f88 rgb(79,63,136)
```
#574595
```
#574595 rgb(87,69,149)
```
#5e4ca3
```
#5e4ca3 rgb(94,76,163)
```

Shade Color Variation

#6753af
```
#6753af rgb(103,83,175)
```
#7360b5
```
#7360b5 rgb(115,96,181)
```
#7e6ebc
```
#7e6ebc rgb(126,110,188)
```
#8a7bc2
```
#8a7bc2 rgb(138,123,194)
```
#9688c8
```
#9688c8 rgb(150,136,200)
```
#a296ce
```
#a296ce rgb(162,150,206)
```
#aea3d4
```
#aea3d4 rgb(174,163,212)
```
#bab1db
```
#bab1db rgb(186,177,219)
```
#c6bee1
```
#c6bee1 rgb(198,190,225)
```
#d1cbe7
```
#d1cbe7 rgb(209,203,231)
```
#ddd9ed
```
#ddd9ed rgb(221,217,237)
```
#e9e6f3
```
#e9e6f3 rgb(233,230,243)
```
#f5f4fa
```
#f5f4fa rgb(245,244,250)
```

Tint Color Variation

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

#313035
```
#313035 rgb(49,48,53)
```
#2f2c39
```
#2f2c39 rgb(47,44,57)
```
#2c283d
```
#2c283d rgb(44,40,61)
```
#2a2441
```
#2a2441 rgb(42,36,65)
```
#282045
```
#282045 rgb(40,32,69)
```
#261c49
```
#261c49 rgb(38,28,73)
```
#24184d
```
#24184d rgb(36,24,77)
```
#211451
```
#211451 rgb(33,20,81)
```
#1f1055
```
#1f1055 rgb(31,16,85)
```
#1d0d58
```
#1d0d58 rgb(29,13,88)
```
#1b095c
```
#1b095c rgb(27,9,92)
```
#190560
```
#190560 rgb(25,5,96)
```
#160164
```
#160164 rgb(22,1,100)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#27262d Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f2f52 Protanopia 1% of men
#1e314c Deuteranopia 1% of men
#2c3135 Tritanopia 0.001% of the population

Trichromacy

#222a4d Protanomaly 1% of men, 0.01% of women
#212b49 Deuteranomaly 6% of men, 0.4% of women
#2a2b3b Tritanomaly 0.01% of the population