#2d3366 hex color

In a RGB color space, hex #2d3366 is composed of 17.6% red, 20% green and 40% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 50% magenta, 0% yellow and 60% black. It has a hue angle of 233.7 degrees, a saturation of 38.8% and a lightness of 28.8%. #2d3366 color hex could be obtained by blending #5a66cc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 20
- B 40
RGB color chart
- C 56
- M 50
- Y 0
- K 60
CMYK color chart

● #2d3366 color description : Very dark desaturated blue.

The hexadecimal color #2d3366 has RGB values of R:45, G:51, B:102 and CMYK values of C:0.56, M:0.5, Y:0, K:0.6. Its decimal value is 2962278.

Hex triplet	2d3366	`#2d3366`
RGB Decimal	45, 51, 102	`rgb(45,51,102)`
RGB Percent	17.6, 20, 40	`rgb(17.6%,20%,40%)`
CMYK	56, 50, 0, 60
HSL	233.7°, 38.8, 28.8	`hsl(233.7,38.8%,28.8%)`
HSV (or HSB)	233.7°, 55.9, 40
Web Safe	333366	`#333366`

CIE-LAB	23.286, 13.712, -30.933
XYZ	4.664, 3.885, 13.074
xyY	0.216, 0.18, 3.885
CIE-LCH	23.286, 33.836, 293.907
CIE-LUV	23.286, -4.608, -38.171
Hunter-Lab	19.71, 7.746, -25.531
Binary	00101101, 00110011, 01100110

#2d3366
```
#2d3366 rgb(45,51,102)
```
#66602d
```
#66602d rgb(102,96,45)
```

Complementary Color

#2d5066
```
#2d5066 rgb(45,80,102)
```
#2d3366
```
#2d3366 rgb(45,51,102)
```
#442d66
```
#442d66 rgb(68,45,102)
```

Analogous Color

#50662d
```
#50662d rgb(80,102,45)
```
#2d3366
```
#2d3366 rgb(45,51,102)
```
#66442d
```
#66442d rgb(102,68,45)
```

Split Complementary Color

#33662d
```
#33662d rgb(51,102,45)
```
#2d3366
```
#2d3366 rgb(45,51,102)
```
#662d33
```
#662d33 rgb(102,45,51)
```

Triadic Color

#2d6660
```
#2d6660 rgb(45,102,96)
```
#2d3366
```
#2d3366 rgb(45,51,102)
```
#662d33
```
#662d33 rgb(102,45,51)
```
#66602d
```
#66602d rgb(102,96,45)
```

Tetradic Color

#161831
```
#161831 rgb(22,24,49)
```
#1d2143
```
#1d2143 rgb(29,33,67)
```
#252a54
```
#252a54 rgb(37,42,84)
```
#2d3366
```
#2d3366 rgb(45,51,102)
```
#353c78
```
#353c78 rgb(53,60,120)
```
#3d4589
```
#3d4589 rgb(61,69,137)
```
#444e9b
```
#444e9b rgb(68,78,155)
```

Monochromatic Color

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

#2d4166
```
#2d4166 rgb(45,65,102)
```
#2d3d66
```
#2d3d66 rgb(45,61,102)
```
#2d3866
```
#2d3866 rgb(45,56,102)
```
#2d3366
```
#2d3366 rgb(45,51,102)
```
#2d2e66
```
#2d2e66 rgb(45,46,102)
```
#312d66
```
#312d66 rgb(49,45,102)
```
#352d66
```
#352d66 rgb(53,45,102)
```

Similar Colors

Text with hexadecimal color #2d3366

This text has a font color of #2d3366.

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

#2d3366 background color

This paragraph has a background color of #2d3366.

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

#2d3366 border color

This element has a border color of #2d3366.

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

CSS codes

.text {color:#2d3366;}

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

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

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

#030307
```
#030307 rgb(3,3,7)
```
#090a14
```
#090a14 rgb(9,10,20)
```
#0f1122
```
#0f1122 rgb(15,17,34)
```
#151830
```
#151830 rgb(21,24,48)
```
#1b1f3d
```
#1b1f3d rgb(27,31,61)
```
#21254b
```
#21254b rgb(33,37,75)
```
#272c58
```
#272c58 rgb(39,44,88)
```
#2d3366
```
#2d3366 rgb(45,51,102)
```
#333a74
```
#333a74 rgb(51,58,116)
```
#394181
```
#394181 rgb(57,65,129)
```
#3f478f
```
#3f478f rgb(63,71,143)
```
#454e9c
```
#454e9c rgb(69,78,156)
```
#4b55aa
```
#4b55aa rgb(75,85,170)
```

Shade Color Variation

#555fb4
```
#555fb4 rgb(85,95,180)
```
#626cba
```
#626cba rgb(98,108,186)
```
#7078c0
```
#7078c0 rgb(112,120,192)
```
#7e85c6
```
#7e85c6 rgb(126,133,198)
```
#8b92cc
```
#8b92cc rgb(139,146,204)
```
#999fd2
```
#999fd2 rgb(153,159,210)
```
#a6acd8
```
#a6acd8 rgb(166,172,216)
```
#b4b8de
```
#b4b8de rgb(180,184,222)
```
#c2c5e4
```
#c2c5e4 rgb(194,197,228)
```
#cfd2ea
```
#cfd2ea rgb(207,210,234)
```
#dddff0
```
#dddff0 rgb(221,223,240)
```
#ebecf6
```
#ebecf6 rgb(235,236,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#49494a
```
#49494a rgb(73,73,74)
```
#44454f
```
#44454f rgb(68,69,79)
```
#3e4055
```
#3e4055 rgb(62,64,85)
```
#383c5b
```
#383c5b rgb(56,60,91)
```
#333760
```
#333760 rgb(51,55,96)
```
#2d3366
```
#2d3366 rgb(45,51,102)
```
#272f6c
```
#272f6c rgb(39,47,108)
```
#222a71
```
#222a71 rgb(34,42,113)
```
#1c2677
```
#1c2677 rgb(28,38,119)
```
#16217d
```
#16217d rgb(22,33,125)
```
#111d82
```
#111d82 rgb(17,29,130)
```
#0b1888
```
#0b1888 rgb(11,24,136)
```
#05148e
```
#05148e rgb(5,20,142)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#353640 Atypical Achromatopsia 0.001% of the population

Dichromacy

#284070 Protanopia 1% of men
#1c426b Deuteranopia 1% of men
#28464b Tritanopia 0.001% of the population

Trichromacy

#2a3b6c Protanomaly 1% of men, 0.01% of women
#223c69 Deuteranomaly 6% of men, 0.4% of women
#2a3f55 Tritanomaly 0.01% of the population

#2d3366 hex color

#2d3366 Color Information

#2d3366 Color Conversion

Color Schemes with #2d3366

Alternatives to #2d3366

#2d3366 Preview

Shades and Tints of #2d3366

Tones of #2d3366

Color Blindness Simulator