#2843a2 hex color

In a RGB color space, hex #2843a2 is composed of 15.7% red, 26.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 58.6% magenta, 0% yellow and 36.5% black. It has a hue angle of 226.7 degrees, a saturation of 60.4% and a lightness of 39.6%. #2843a2 color hex could be obtained by blending #5086ff with #000045. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 16
- G 26
- B 64
RGB color chart
- C 75
- M 59
- Y 0
- K 36
CMYK color chart

● #2843a2 color description : Dark blue.

The hexadecimal color #2843a2 has RGB values of R:40, G:67, B:162 and CMYK values of C:0.75, M:0.59, Y:0, K:0.36. Its decimal value is 2638754.

Hex triplet	2843a2	`#2843a2`
RGB Decimal	40, 67, 162	`rgb(40,67,162)`
RGB Percent	15.7, 26.3, 63.5	`rgb(15.7%,26.3%,63.5%)`
CMYK	75, 59, 0, 36
HSL	226.7°, 60.4, 39.6	`hsl(226.7,60.4%,39.6%)`
HSV (or HSB)	226.7°, 75.3, 63.5
Web Safe	333399	`#333399`

CIE-LAB	31.973, 24.462, -54.356
XYZ	9.402, 7.073, 35.05
xyY	0.182, 0.137, 7.073
CIE-LCH	31.973, 59.607, 294.229
CIE-LUV	31.973, -11.386, -74.746
Hunter-Lab	26.596, 16.562, -59.52
Binary	00101000, 01000011, 10100010

#2843a2
```
#2843a2 rgb(40,67,162)
```
#a28728
```
#a28728 rgb(162,135,40)
```

Complementary Color

#2880a2
```
#2880a2 rgb(40,128,162)
```
#2843a2
```
#2843a2 rgb(40,67,162)
```
#4a28a2
```
#4a28a2 rgb(74,40,162)
```

Analogous Color

#80a228
```
#80a228 rgb(128,162,40)
```
#2843a2
```
#2843a2 rgb(40,67,162)
```
#a24a28
```
#a24a28 rgb(162,74,40)
```

Split Complementary Color

#43a228
```
#43a228 rgb(67,162,40)
```
#2843a2
```
#2843a2 rgb(40,67,162)
```
#a22843
```
#a22843 rgb(162,40,67)
```

Triadic Color

#28a287
```
#28a287 rgb(40,162,135)
```
#2843a2
```
#2843a2 rgb(40,67,162)
```
#a22843
```
#a22843 rgb(162,40,67)
```
#a28728
```
#a28728 rgb(162,135,40)
```

Tetradic Color

#192a65
```
#192a65 rgb(25,42,101)
```
#1e3279
```
#1e3279 rgb(30,50,121)
```
#233b8e
```
#233b8e rgb(35,59,142)
```
#2843a2
```
#2843a2 rgb(40,67,162)
```
#2d4bb6
```
#2d4bb6 rgb(45,75,182)
```
#3254cb
```
#3254cb rgb(50,84,203)
```
#4564d1
```
#4564d1 rgb(69,100,209)
```

Monochromatic Color

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

#2862a2
```
#2862a2 rgb(40,98,162)
```
#2857a2
```
#2857a2 rgb(40,87,162)
```
#284da2
```
#284da2 rgb(40,77,162)
```
#2843a2
```
#2843a2 rgb(40,67,162)
```
#2839a2
```
#2839a2 rgb(40,57,162)
```
#282fa2
```
#282fa2 rgb(40,47,162)
```
#2c28a2
```
#2c28a2 rgb(44,40,162)
```

Similar Colors

Text with hexadecimal color #2843a2

This text has a font color of #2843a2.

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

#2843a2 background color

This paragraph has a background color of #2843a2.

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

#2843a2 border color

This element has a border color of #2843a2.

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

CSS codes

.text {color:#2843a2;}

.background {background-color:#2843a2;}

.border {border:1px solid #2843a2;}

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

#010205
```
#010205 rgb(1,2,5)
```
#050814
```
#050814 rgb(5,8,20)
```
#090f24
```
#090f24 rgb(9,15,36)
```
#0d1534
```
#0d1534 rgb(13,21,52)
```
#111c44
```
#111c44 rgb(17,28,68)
```
#152253
```
#152253 rgb(21,34,83)
```
#182963
```
#182963 rgb(24,41,99)
```
#1c2f73
```
#1c2f73 rgb(28,47,115)
```
#203683
```
#203683 rgb(32,54,131)
```
#243c92
```
#243c92 rgb(36,60,146)
```
#2843a2
```
#2843a2 rgb(40,67,162)
```
#2c4ab2
```
#2c4ab2 rgb(44,74,178)
```
#3050c1
```
#3050c1 rgb(48,80,193)
```

Shade Color Variation

#3758ce
```
#3758ce rgb(55,88,206)
```
#4766d2
```
#4766d2 rgb(71,102,210)
```
#5773d5
```
#5773d5 rgb(87,115,213)
```
#6680d9
```
#6680d9 rgb(102,128,217)
```
#768ddd
```
#768ddd rgb(118,141,221)
```
#869ae1
```
#869ae1 rgb(134,154,225)
```
#96a7e5
```
#96a7e5 rgb(150,167,229)
```
#a5b4e9
```
#a5b4e9 rgb(165,180,233)
```
#b5c1ed
```
#b5c1ed rgb(181,193,237)
```
#c5cef1
```
#c5cef1 rgb(197,206,241)
```
#d4dcf5
```
#d4dcf5 rgb(212,220,245)
```
#e4e9f8
```
#e4e9f8 rgb(228,233,248)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```

Tint Color Variation

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

#5e616c
```
#5e616c rgb(94,97,108)
```
#575d73
```
#575d73 rgb(87,93,115)
```
#4f597b
```
#4f597b rgb(79,89,123)
```
#475483
```
#475483 rgb(71,84,131)
```
#3f508b
```
#3f508b rgb(63,80,139)
```
#384c92
```
#384c92 rgb(56,76,146)
```
#30479a
```
#30479a rgb(48,71,154)
```
#2843a2
```
#2843a2 rgb(40,67,162)
```
#203faa
```
#203faa rgb(32,63,170)
```
#183ab2
```
#183ab2 rgb(24,58,178)
```
#1136b9
```
#1136b9 rgb(17,54,185)
```
#0932c1
```
#0932c1 rgb(9,50,193)
```
#012dc9
```
#012dc9 rgb(1,45,201)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#404558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0051a0 Protanopia 1% of men
#00568c Deuteranopia 1% of men
#005c62 Tritanopia 0.001% of the population

Trichromacy

#0e4ca1 Protanomaly 1% of men, 0.01% of women
#0e4f94 Deuteranomaly 6% of men, 0.4% of women
#0e5379 Tritanomaly 0.01% of the population

#2843a2 hex color

#2843a2 Color Information

#2843a2 Color Conversion

Color Schemes with #2843a2

Alternatives to #2843a2

#2843a2 Preview

Shades and Tints of #2843a2

Tones of #2843a2

Color Blindness Simulator