#2a3993 hex color

In a RGB color space, hex #2a3993 is composed of 16.5% red, 22.4% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 61.2% magenta, 0% yellow and 42.4% black. It has a hue angle of 231.4 degrees, a saturation of 55.6% and a lightness of 37.1%. #2a3993 color hex could be obtained by blending #5472ff with #000027. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 16
- G 22
- B 58
RGB color chart
- C 71
- M 61
- Y 0
- K 42
CMYK color chart

● #2a3993 color description : Dark blue.

The hexadecimal color #2a3993 has RGB values of R:42, G:57, B:147 and CMYK values of C:0.71, M:0.61, Y:0, K:0.42. Its decimal value is 2767251.

Hex triplet	2a3993	`#2a3993`
RGB Decimal	42, 57, 147	`rgb(42,57,147)`
RGB Percent	16.5, 22.4, 57.6	`rgb(16.5%,22.4%,57.6%)`
CMYK	71, 61, 0, 42
HSL	231.4°, 55.6, 37.1	`hsl(231.4,55.6%,37.1%)`
HSV (or HSB)	231.4°, 71.4, 57.6
Web Safe	333399	`#333399`

CIE-LAB	28.18, 25.762, -51.409
XYZ	7.683, 5.525, 28.264
xyY	0.185, 0.133, 5.525
CIE-LCH	28.18, 57.502, 296.616
CIE-LUV	28.18, -8.266, -67.688
Hunter-Lab	23.505, 17.217, -54.842
Binary	00101010, 00111001, 10010011

#2a3993
```
#2a3993 rgb(42,57,147)
```
#93842a
```
#93842a rgb(147,132,42)
```

Complementary Color

#2a6e93
```
#2a6e93 rgb(42,110,147)
```
#2a3993
```
#2a3993 rgb(42,57,147)
```
#502a93
```
#502a93 rgb(80,42,147)
```

Analogous Color

#6e932a
```
#6e932a rgb(110,147,42)
```
#2a3993
```
#2a3993 rgb(42,57,147)
```
#93502a
```
#93502a rgb(147,80,42)
```

Split Complementary Color

#39932a
```
#39932a rgb(57,147,42)
```
#2a3993
```
#2a3993 rgb(42,57,147)
```
#932a39
```
#932a39 rgb(147,42,57)
```

Triadic Color

#2a9384
```
#2a9384 rgb(42,147,132)
```
#2a3993
```
#2a3993 rgb(42,57,147)
```
#932a39
```
#932a39 rgb(147,42,57)
```
#93842a
```
#93842a rgb(147,132,42)
```

Tetradic Color

#192258
```
#192258 rgb(25,34,88)
```
#1f2a6b
```
#1f2a6b rgb(31,42,107)
```
#24317f
```
#24317f rgb(36,49,127)
```
#2a3993
```
#2a3993 rgb(42,57,147)
```
#3041a7
```
#3041a7 rgb(48,65,167)
```
#3548bb
```
#3548bb rgb(53,72,187)
```
#4154c9
```
#4154c9 rgb(65,84,201)
```

Monochromatic Color

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

#2a5393
```
#2a5393 rgb(42,83,147)
```
#2a4b93
```
#2a4b93 rgb(42,75,147)
```
#2a4293
```
#2a4293 rgb(42,66,147)
```
#2a3993
```
#2a3993 rgb(42,57,147)
```
#2a3093
```
#2a3093 rgb(42,48,147)
```
#2d2a93
```
#2d2a93 rgb(45,42,147)
```
#352a93
```
#352a93 rgb(53,42,147)
```

Similar Colors

Text with hexadecimal color #2a3993

This text has a font color of #2a3993.

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

#2a3993 background color

This paragraph has a background color of #2a3993.

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

#2a3993 border color

This element has a border color of #2a3993.

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

CSS codes

.text {color:#2a3993;}

.background {background-color:#2a3993;}

.border {border:1px solid #2a3993;}

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, #03040a is the darkest color, while #f9fafd is the lightest one.

#03040a
```
#03040a rgb(3,4,10)
```
#070a19
```
#070a19 rgb(7,10,25)
```
#0b1028
```
#0b1028 rgb(11,16,40)
```
#101637
```
#101637 rgb(16,22,55)
```
#141b47
```
#141b47 rgb(20,27,71)
```
#192156
```
#192156 rgb(25,33,86)
```
#1d2765
```
#1d2765 rgb(29,39,101)
```
#212d74
```
#212d74 rgb(33,45,116)
```
#263384
```
#263384 rgb(38,51,132)
```
#2a3993
```
#2a3993 rgb(42,57,147)
```
#2e3fa2
```
#2e3fa2 rgb(46,63,162)
```
#3345b2
```
#3345b2 rgb(51,69,178)
```
#374bc1
```
#374bc1 rgb(55,75,193)
```

Shade Color Variation

#4256c9
```
#4256c9 rgb(66,86,201)
```
#5263cd
```
#5263cd rgb(82,99,205)
```
#6171d2
```
#6171d2 rgb(97,113,210)
```
#707fd6
```
#707fd6 rgb(112,127,214)
```
#7f8cdb
```
#7f8cdb rgb(127,140,219)
```
#8f9adf
```
#8f9adf rgb(143,154,223)
```
#9ea8e3
```
#9ea8e3 rgb(158,168,227)
```
#adb6e8
```
#adb6e8 rgb(173,182,232)
```
#bcc3ec
```
#bcc3ec rgb(188,195,236)
```
#ccd1f0
```
#ccd1f0 rgb(204,209,240)
```
#dbdff5
```
#dbdff5 rgb(219,223,245)
```
#eaecf9
```
#eaecf9 rgb(234,236,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#5d5d60
```
#5d5d60 rgb(93,93,96)
```
#565867
```
#565867 rgb(86,88,103)
```
#4e536f
```
#4e536f rgb(78,83,111)
```
#474e76
```
#474e76 rgb(71,78,118)
```
#40497d
```
#40497d rgb(64,73,125)
```
#394384
```
#394384 rgb(57,67,132)
```
#313e8c
```
#313e8c rgb(49,62,140)
```
#2a3993
```
#2a3993 rgb(42,57,147)
```
#23349a
```
#23349a rgb(35,52,154)
```
#1b2fa2
```
#1b2fa2 rgb(27,47,162)
```
#1429a9
```
#1429a9 rgb(20,41,169)
```
#0d24b0
```
#0d24b0 rgb(13,36,176)
```
#061fb7
```
#061fb7 rgb(6,31,183)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3b3e50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004990 Protanopia 1% of men
#004e7e Deuteranopia 1% of men
#005359 Tritanopia 0.001% of the population

Trichromacy

#0f4391 Protanomaly 1% of men, 0.01% of women
#0f4686 Deuteranomaly 6% of men, 0.4% of women
#0f4a6e Tritanomaly 0.01% of the population

#2a3993 hex color

#2a3993 Color Information

#2a3993 Color Conversion

Color Schemes with #2a3993

Alternatives to #2a3993

#2a3993 Preview

Shades and Tints of #2a3993

Tones of #2a3993

Color Blindness Simulator