#2d3393 hex color

In a RGB color space, hex #2d3393 is composed of 17.6% red, 20% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 65.3% magenta, 0% yellow and 42.4% black. It has a hue angle of 236.5 degrees, a saturation of 53.1% and a lightness of 37.6%. #2d3393 color hex could be obtained by blending #5a66ff with #000027. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 20
- B 58
RGB color chart
- C 69
- M 65
- Y 0
- K 42
CMYK color chart

● #2d3393 color description : Dark moderate blue.

The hexadecimal color #2d3393 has RGB values of R:45, G:51, B:147 and CMYK values of C:0.69, M:0.65, Y:0, K:0.42. Its decimal value is 2962323.

Hex triplet	2d3393	`#2d3393`
RGB Decimal	45, 51, 147	`rgb(45,51,147)`
RGB Percent	17.6, 20, 57.6	`rgb(17.6%,20%,57.6%)`
CMYK	69, 65, 0, 42
HSL	236.5°, 53.1, 37.6	`hsl(236.5,53.1%,37.6%)`
HSV (or HSB)	236.5°, 69.4, 57.6
Web Safe	333399	`#333399`

CIE-LAB	26.825, 30.168, -53.614
XYZ	7.531, 5.032, 28.176
xyY	0.185, 0.124, 5.032
CIE-LCH	26.825, 61.518, 299.366
CIE-LUV	26.825, -6.286, -69.059
Hunter-Lab	22.431, 20.677, -58.773
Binary	00101101, 00110011, 10010011

#2d3393
```
#2d3393 rgb(45,51,147)
```
#938d2d
```
#938d2d rgb(147,141,45)
```

Complementary Color

#2d6693
```
#2d6693 rgb(45,102,147)
```
#2d3393
```
#2d3393 rgb(45,51,147)
```
#5a2d93
```
#5a2d93 rgb(90,45,147)
```

Analogous Color

#66932d
```
#66932d rgb(102,147,45)
```
#2d3393
```
#2d3393 rgb(45,51,147)
```
#935a2d
```
#935a2d rgb(147,90,45)
```

Split Complementary Color

#33932d
```
#33932d rgb(51,147,45)
```
#2d3393
```
#2d3393 rgb(45,51,147)
```
#932d33
```
#932d33 rgb(147,45,51)
```

Triadic Color

#2d938d
```
#2d938d rgb(45,147,141)
```
#2d3393
```
#2d3393 rgb(45,51,147)
```
#932d33
```
#932d33 rgb(147,45,51)
```
#938d2d
```
#938d2d rgb(147,141,45)
```

Tetradic Color

#1b1f58
```
#1b1f58 rgb(27,31,88)
```
#21256c
```
#21256c rgb(33,37,108)
```
#272c7f
```
#272c7f rgb(39,44,127)
```
#2d3393
```
#2d3393 rgb(45,51,147)
```
#333aa7
```
#333aa7 rgb(51,58,167)
```
#3941ba
```
#3941ba rgb(57,65,186)
```
#464ec6
```
#464ec6 rgb(70,78,198)
```

Monochromatic Color

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

#2d4d93
```
#2d4d93 rgb(45,77,147)
```
#2d4493
```
#2d4493 rgb(45,68,147)
```
#2d3c93
```
#2d3c93 rgb(45,60,147)
```
#2d3393
```
#2d3393 rgb(45,51,147)
```
#302d93
```
#302d93 rgb(48,45,147)
```
#382d93
```
#382d93 rgb(56,45,147)
```
#412d93
```
#412d93 rgb(65,45,147)
```

Similar Colors

Text with hexadecimal color #2d3393

This text has a font color of #2d3393.

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

#2d3393 background color

This paragraph has a background color of #2d3393.

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

#2d3393 border color

This element has a border color of #2d3393.

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

CSS codes

.text {color:#2d3393;}

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

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

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, #04040c is the darkest color, while #fcfcfe is the lightest one.

#04040c
```
#04040c rgb(4,4,12)
```
#08091b
```
#08091b rgb(8,9,27)
```
#0d0f2a
```
#0d0f2a rgb(13,15,42)
```
#111439
```
#111439 rgb(17,20,57)
```
#161948
```
#161948 rgb(22,25,72)
```
#1b1e57
```
#1b1e57 rgb(27,30,87)
```
#1f2366
```
#1f2366 rgb(31,35,102)
```
#242975
```
#242975 rgb(36,41,117)
```
#282e84
```
#282e84 rgb(40,46,132)
```
#2d3393
```
#2d3393 rgb(45,51,147)
```
#3238a2
```
#3238a2 rgb(50,56,162)
```
#363db1
```
#363db1 rgb(54,61,177)
```
#3b43c0
```
#3b43c0 rgb(59,67,192)
```

Shade Color Variation

#484fc7
```
#484fc7 rgb(72,79,199)
```
#575dcb
```
#575dcb rgb(87,93,203)
```
#666cd0
```
#666cd0 rgb(102,108,208)
```
#757ad5
```
#757ad5 rgb(117,122,213)
```
#8489d9
```
#8489d9 rgb(132,137,217)
```
#9397de
```
#9397de rgb(147,151,222)
```
#a2a6e2
```
#a2a6e2 rgb(162,166,226)
```
#b1b4e7
```
#b1b4e7 rgb(177,180,231)
```
#c0c2ec
```
#c0c2ec rgb(192,194,236)
```
#cfd1f0
```
#cfd1f0 rgb(207,209,240)
```
#dedff5
```
#dedff5 rgb(222,223,245)
```
#edeef9
```
#edeef9 rgb(237,238,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#595a67
```
#595a67 rgb(89,90,103)
```
#52546e
```
#52546e rgb(82,84,110)
```
#4b4d75
```
#4b4d75 rgb(75,77,117)
```
#43477d
```
#43477d rgb(67,71,125)
```
#3c4084
```
#3c4084 rgb(60,64,132)
```
#343a8c
```
#343a8c rgb(52,58,140)
```
#2d3393
```
#2d3393 rgb(45,51,147)
```
#262c9a
```
#262c9a rgb(38,44,154)
```
#1e26a2
```
#1e26a2 rgb(30,38,162)
```
#171fa9
```
#171fa9 rgb(23,31,169)
```
#0f19b1
```
#0f19b1 rgb(15,25,177)
```
#0812b8
```
#0812b8 rgb(8,18,184)
```
#010cbf
```
#010cbf rgb(1,12,191)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#393a4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004b79 Deuteranopia 1% of men
#005055 Tritanopia 0.001% of the population

Trichromacy

#103f8d Protanomaly 1% of men, 0.01% of women
#104282 Deuteranomaly 6% of men, 0.4% of women
#10456b Tritanomaly 0.01% of the population

#2d3393 hex color

#2d3393 Color Information

#2d3393 Color Conversion

Color Schemes with #2d3393

Alternatives to #2d3393

#2d3393 Preview

Shades and Tints of #2d3393

Tones of #2d3393

Color Blindness Simulator