#2d3689 hex color

In a RGB color space, hex #2d3689 is composed of 17.6% red, 21.2% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 60.6% magenta, 0% yellow and 46.3% black. It has a hue angle of 234.1 degrees, a saturation of 50.5% and a lightness of 35.7%. #2d3689 color hex could be obtained by blending #5a6cff with #000013. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 21
- B 54
RGB color chart
- C 67
- M 61
- Y 0
- K 46
CMYK color chart

● #2d3689 color description : Dark moderate blue.

The hexadecimal color #2d3689 has RGB values of R:45, G:54, B:137 and CMYK values of C:0.67, M:0.61, Y:0, K:0.46. Its decimal value is 2963081.

Hex triplet	2d3689	`#2d3689`
RGB Decimal	45, 54, 137	`rgb(45,54,137)`
RGB Percent	17.6, 21.2, 53.7	`rgb(17.6%,21.2%,53.7%)`
CMYK	67, 61, 0, 46
HSL	234.1°, 50.5, 35.7	`hsl(234.1,50.5%,35.7%)`
HSV (or HSB)	234.1°, 67.2, 53.7
Web Safe	333399	`#333399`

CIE-LAB	26.74, 24.513, -47.568
XYZ	6.916, 5.002, 24.267
xyY	0.191, 0.138, 5.002
CIE-LCH	26.74, 53.513, 297.263
CIE-LUV	26.74, -6.631, -61.676
Hunter-Lab	22.365, 16.057, -48.675
Binary	00101101, 00110110, 10001001

#2d3689
```
#2d3689 rgb(45,54,137)
```
#89802d
```
#89802d rgb(137,128,45)
```

Complementary Color

#2d6489
```
#2d6489 rgb(45,100,137)
```
#2d3689
```
#2d3689 rgb(45,54,137)
```
#522d89
```
#522d89 rgb(82,45,137)
```

Analogous Color

#64892d
```
#64892d rgb(100,137,45)
```
#2d3689
```
#2d3689 rgb(45,54,137)
```
#89522d
```
#89522d rgb(137,82,45)
```

Split Complementary Color

#36892d
```
#36892d rgb(54,137,45)
```
#2d3689
```
#2d3689 rgb(45,54,137)
```
#892d36
```
#892d36 rgb(137,45,54)
```

Triadic Color

#2d8980
```
#2d8980 rgb(45,137,128)
```
#2d3689
```
#2d3689 rgb(45,54,137)
```
#892d36
```
#892d36 rgb(137,45,54)
```
#89802d
```
#89802d rgb(137,128,45)
```

Tetradic Color

#1a1f4f
```
#1a1f4f rgb(26,31,79)
```
#202763
```
#202763 rgb(32,39,99)
```
#272e76
```
#272e76 rgb(39,46,118)
```
#2d3689
```
#2d3689 rgb(45,54,137)
```
#333e9c
```
#333e9c rgb(51,62,156)
```
#3a45af
```
#3a45af rgb(58,69,175)
```
#424ec1
```
#424ec1 rgb(66,78,193)
```

Monochromatic Color

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

#2d4d89
```
#2d4d89 rgb(45,77,137)
```
#2d4589
```
#2d4589 rgb(45,69,137)
```
#2d3e89
```
#2d3e89 rgb(45,62,137)
```
#2d3689
```
#2d3689 rgb(45,54,137)
```
#2d2e89
```
#2d2e89 rgb(45,46,137)
```
#332d89
```
#332d89 rgb(51,45,137)
```
#3b2d89
```
#3b2d89 rgb(59,45,137)
```

Similar Colors

Text with hexadecimal color #2d3689

This text has a font color of #2d3689.

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

#2d3689 background color

This paragraph has a background color of #2d3689.

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

#2d3689 border color

This element has a border color of #2d3689.

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

CSS codes

.text {color:#2d3689;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#060713
```
#060713 rgb(6,7,19)
```
#0b0d22
```
#0b0d22 rgb(11,13,34)
```
#101330
```
#101330 rgb(16,19,48)
```
#15193f
```
#15193f rgb(21,25,63)
```
#1a1f4e
```
#1a1f4e rgb(26,31,78)
```
#1e255d
```
#1e255d rgb(30,37,93)
```
#232a6b
```
#232a6b rgb(35,42,107)
```
#28307a
```
#28307a rgb(40,48,122)
```
#2d3689
```
#2d3689 rgb(45,54,137)
```
#323c98
```
#323c98 rgb(50,60,152)
```
#3742a7
```
#3742a7 rgb(55,66,167)
```
#3c47b5
```
#3c47b5 rgb(60,71,181)
```

Shade Color Variation

#4350c1
```
#4350c1 rgb(67,80,193)
```
#525dc6
```
#525dc6 rgb(82,93,198)
```
#616bcb
```
#616bcb rgb(97,107,203)
```
#6f79d0
```
#6f79d0 rgb(111,121,208)
```
#7e87d5
```
#7e87d5 rgb(126,135,213)
```
#8d94da
```
#8d94da rgb(141,148,218)
```
#9ca2de
```
#9ca2de rgb(156,162,222)
```
#abb0e3
```
#abb0e3 rgb(171,176,227)
```
#b9bee8
```
#b9bee8 rgb(185,190,232)
```
#c8cced
```
#c8cced rgb(200,204,237)
```
#d7d9f2
```
#d7d9f2 rgb(215,217,242)
```
#e6e7f7
```
#e6e7f7 rgb(230,231,247)
```
#f4f5fc
```
#f4f5fc rgb(244,245,252)
```

Tint Color Variation

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

#57585f
```
#57585f rgb(87,88,95)
```
#505266
```
#505266 rgb(80,82,102)
```
#494d6d
```
#494d6d rgb(73,77,109)
```
#424774
```
#424774 rgb(66,71,116)
```
#3b417b
```
#3b417b rgb(59,65,123)
```
#343c82
```
#343c82 rgb(52,60,130)
```
#2d3689
```
#2d3689 rgb(45,54,137)
```
#263090
```
#263090 rgb(38,48,144)
```
#1f2b97
```
#1f2b97 rgb(31,43,151)
```
#18259e
```
#18259e rgb(24,37,158)
```
#111fa5
```
#111fa5 rgb(17,31,165)
```
#0a1aac
```
#0a1aac rgb(10,26,172)
```
#0314b3
```
#0314b3 rgb(3,20,179)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3c4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00468a Protanopia 1% of men
#004a79 Deuteranopia 1% of men
#005055 Tritanopia 0.001% of the population

Trichromacy

#10408a Protanomaly 1% of men, 0.01% of women
#10437f Deuteranomaly 6% of men, 0.4% of women
#104668 Tritanomaly 0.01% of the population

#2d3689 hex color

#2d3689 Color Information

#2d3689 Color Conversion

Color Schemes with #2d3689

Alternatives to #2d3689

#2d3689 Preview

Shades and Tints of #2d3689

Tones of #2d3689

Color Blindness Simulator