#2d3688 hex color

In a RGB color space, hex #2d3688 is composed of 17.6% red, 21.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 60.3% magenta, 0% yellow and 46.7% black. It has a hue angle of 234.1 degrees, a saturation of 50.3% and a lightness of 35.5%. #2d3688 color hex could be obtained by blending #5a6cff with #000011. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 21
- B 53
RGB color chart
- C 67
- M 60
- Y 0
- K 47
CMYK color chart

● #2d3688 color description : Dark moderate blue.

The hexadecimal color #2d3688 has RGB values of R:45, G:54, B:136 and CMYK values of C:0.67, M:0.6, Y:0, K:0.47. Its decimal value is 2963080.

Hex triplet	2d3688	`#2d3688`
RGB Decimal	45, 54, 136	`rgb(45,54,136)`
RGB Percent	17.6, 21.2, 53.3	`rgb(17.6%,21.2%,53.3%)`
CMYK	67, 60, 0, 47
HSL	234.1°, 50.3, 35.5	`hsl(234.1,50.3%,35.5%)`
HSV (or HSB)	234.1°, 66.9, 53.3
Web Safe	333399	`#333399`

CIE-LAB	26.659, 24.144, -47.079
XYZ	6.844, 4.973, 23.89
xyY	0.192, 0.139, 4.973
CIE-LCH	26.659, 52.909, 297.15
CIE-LUV	26.659, -6.598, -60.998
Hunter-Lab	22.301, 15.756, -47.904
Binary	00101101, 00110110, 10001000

#2d3688
```
#2d3688 rgb(45,54,136)
```
#887f2d
```
#887f2d rgb(136,127,45)
```

Complementary Color

#2d6488
```
#2d6488 rgb(45,100,136)
```
#2d3688
```
#2d3688 rgb(45,54,136)
```
#522d88
```
#522d88 rgb(82,45,136)
```

Analogous Color

#64882d
```
#64882d rgb(100,136,45)
```
#2d3688
```
#2d3688 rgb(45,54,136)
```
#88522d
```
#88522d rgb(136,82,45)
```

Split Complementary Color

#36882d
```
#36882d rgb(54,136,45)
```
#2d3688
```
#2d3688 rgb(45,54,136)
```
#882d36
```
#882d36 rgb(136,45,54)
```

Triadic Color

#2d887f
```
#2d887f rgb(45,136,127)
```
#2d3688
```
#2d3688 rgb(45,54,136)
```
#882d36
```
#882d36 rgb(136,45,54)
```
#887f2d
```
#887f2d rgb(136,127,45)
```

Tetradic Color

#1a1f4f
```
#1a1f4f rgb(26,31,79)
```
#202762
```
#202762 rgb(32,39,98)
```
#272e75
```
#272e75 rgb(39,46,117)
```
#2d3688
```
#2d3688 rgb(45,54,136)
```
#333e9b
```
#333e9b rgb(51,62,155)
```
#3a45ae
```
#3a45ae rgb(58,69,174)
```
#414ec0
```
#414ec0 rgb(65,78,192)
```

Monochromatic Color

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

#2d4d88
```
#2d4d88 rgb(45,77,136)
```
#2d4588
```
#2d4588 rgb(45,69,136)
```
#2d3e88
```
#2d3e88 rgb(45,62,136)
```
#2d3688
```
#2d3688 rgb(45,54,136)
```
#2d2e88
```
#2d2e88 rgb(45,46,136)
```
#332d88
```
#332d88 rgb(51,45,136)
```
#3b2d88
```
#3b2d88 rgb(59,45,136)
```

Similar Colors

Text with hexadecimal color #2d3688

This text has a font color of #2d3688.

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

#2d3688 background color

This paragraph has a background color of #2d3688.

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

#2d3688 border color

This element has a border color of #2d3688.

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

CSS codes

.text {color:#2d3688;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060712
```
#060712 rgb(6,7,18)
```
#0b0d21
```
#0b0d21 rgb(11,13,33)
```
#101330
```
#101330 rgb(16,19,48)
```
#15193e
```
#15193e rgb(21,25,62)
```
#191f4d
```
#191f4d rgb(25,31,77)
```
#1e245c
```
#1e245c rgb(30,36,92)
```
#232a6b
```
#232a6b rgb(35,42,107)
```
#283079
```
#283079 rgb(40,48,121)
```
#2d3688
```
#2d3688 rgb(45,54,136)
```
#323c97
```
#323c97 rgb(50,60,151)
```
#3742a5
```
#3742a5 rgb(55,66,165)
```
#3c48b4
```
#3c48b4 rgb(60,72,180)
```

Shade Color Variation

#434fc1
```
#434fc1 rgb(67,79,193)
```
#515dc6
```
#515dc6 rgb(81,93,198)
```
#606bca
```
#606bca rgb(96,107,202)
```
#6f78cf
```
#6f78cf rgb(111,120,207)
```
#7e86d4
```
#7e86d4 rgb(126,134,212)
```
#8c94d9
```
#8c94d9 rgb(140,148,217)
```
#9ba2de
```
#9ba2de rgb(155,162,222)
```
#aab0e3
```
#aab0e3 rgb(170,176,227)
```
#b9bde8
```
#b9bde8 rgb(185,189,232)
```
#c7cbed
```
#c7cbed rgb(199,203,237)
```
#d6d9f1
```
#d6d9f1 rgb(214,217,241)
```
#e5e7f6
```
#e5e7f6 rgb(229,231,246)
```
#f4f4fb
```
#f4f4fb rgb(244,244,251)
```

Tint Color Variation

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

#57585e
```
#57585e rgb(87,88,94)
```
#505265
```
#505265 rgb(80,82,101)
```
#494c6c
```
#494c6c rgb(73,76,108)
```
#424773
```
#424773 rgb(66,71,115)
```
#3b417a
```
#3b417a rgb(59,65,122)
```
#343c81
```
#343c81 rgb(52,60,129)
```
#2d3688
```
#2d3688 rgb(45,54,136)
```
#26308f
```
#26308f rgb(38,48,143)
```
#1f2b96
```
#1f2b96 rgb(31,43,150)
```
#18259d
```
#18259d rgb(24,37,157)
```
#1120a4
```
#1120a4 rgb(17,32,164)
```
#0a1aab
```
#0a1aab rgb(10,26,171)
```
#0314b2
```
#0314b2 rgb(3,20,178)
```

Tone Color Variation

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

#104089 Protanomaly 1% of men, 0.01% of women
#10437e Deuteranomaly 6% of men, 0.4% of women
#104667 Tritanomaly 0.01% of the population

#2d3688 hex color

#2d3688 Color Information

#2d3688 Color Conversion

Color Schemes with #2d3688

Alternatives to #2d3688

#2d3688 Preview

Shades and Tints of #2d3688

Tones of #2d3688

Color Blindness Simulator