colorhexa.com

#2d3965 hex color

In a RGB color space, hex #2d3965 is composed of 17.6% red, 22.4% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 43.6% magenta, 0% yellow and 60.4% black. It has a hue angle of 227.1 degrees, a saturation of 38.4% and a lightness of 28.6%. #2d3965 color hex could be obtained by blending #5a72ca with #000000. Closest websafe color is: #333366.

- R 18
- G 22
- B 40
RGB color chart
- C 55
- M 44
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #2d3965 has RGB values of R:45, G:57, B:101 and CMYK values of C:0.55, M:0.44, Y:0, K:0.6. Its decimal value is 2963813.

Hex triplet	2d3965	`#2d3965`
RGB Decimal	45, 57, 101	`rgb(45,57,101)`
RGB Percent	17.6, 22.4, 39.6	`rgb(17.6%,22.4%,39.6%)`
CMYK	55, 44, 0, 60
HSL	227.1°, 38.4, 28.6	`hsl(227.1,38.4%,28.6%)`
HSV (or HSB)	227.1°, 55.4, 39.6
Web Safe	333366	`#333366`

CIE-LAB	25.025, 9.18, -27.515
XYZ	4.894, 4.424, 12.907
xyY	0.22, 0.199, 4.424
CIE-LCH	25.025, 29.006, 288.45
CIE-LUV	25.025, -6.452, -34.584
Hunter-Lab	21.032, 4.727, -21.663
Binary	00101101, 00111001, 01100101

#2d3965
```
#2d3965 rgb(45,57,101)
```
#65592d
```
#65592d rgb(101,89,45)
```

Complementary Color

#2d5565
```
#2d5565 rgb(45,85,101)
```
#2d3965
```
#2d3965 rgb(45,57,101)
```
#3d2d65
```
#3d2d65 rgb(61,45,101)
```

Analogous Color

#55652d
```
#55652d rgb(85,101,45)
```
#2d3965
```
#2d3965 rgb(45,57,101)
```
#653d2d
```
#653d2d rgb(101,61,45)
```

Split Complementary Color

#39652d
```
#39652d rgb(57,101,45)
```
#2d3965
```
#2d3965 rgb(45,57,101)
```
#652d39
```
#652d39 rgb(101,45,57)
```

Triadic Color

#151b30
```
#151b30 rgb(21,27,48)
```
#1d2542
```
#1d2542 rgb(29,37,66)
```
#252f53
```
#252f53 rgb(37,47,83)
```
#2d3965
```
#2d3965 rgb(45,57,101)
```
#354377
```
#354377 rgb(53,67,119)
```
#3d4d88
```
#3d4d88 rgb(61,77,136)
```
#45579a
```
#45579a rgb(69,87,154)
```

Monochromatic Color

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

#2d4765
```
#2d4765 rgb(45,71,101)
```
#2d4265
```
#2d4265 rgb(45,66,101)
```
#2d3e65
```
#2d3e65 rgb(45,62,101)
```
#2d3965
```
#2d3965 rgb(45,57,101)
```
#2d3465
```
#2d3465 rgb(45,52,101)
```
#2d3065
```
#2d3065 rgb(45,48,101)
```
#2f2d65
```
#2f2d65 rgb(47,45,101)
```

Similar Colors

Text with hexadecimal color #2d3965

This text has a font color of #2d3965.

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

#2d3965 background color

This paragraph has a background color of #2d3965.

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

#2d3965 border color

This element has a border color of #2d3965.

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

CSS codes

.text {color:#2d3965;}

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

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

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

#030306
```
#030306 rgb(3,3,6)
```
#090b14
```
#090b14 rgb(9,11,20)
```
#0f1321
```
#0f1321 rgb(15,19,33)
```
#151a2f
```
#151a2f rgb(21,26,47)
```
#1b223c
```
#1b223c rgb(27,34,60)
```
#212a4a
```
#212a4a rgb(33,42,74)
```
#273157
```
#273157 rgb(39,49,87)
```
#2d3965
```
#2d3965 rgb(45,57,101)
```
#334173
```
#334173 rgb(51,65,115)
```
#394880
```
#394880 rgb(57,72,128)
```
#3f508e
```
#3f508e rgb(63,80,142)
```
#45589b
```
#45589b rgb(69,88,155)
```
#4b5fa9
```
#4b5fa9 rgb(75,95,169)
```

Shade Color Variation

#5569b3
```
#5569b3 rgb(85,105,179)
```
#6275b9
```
#6275b9 rgb(98,117,185)
```
#7081bf
```
#7081bf rgb(112,129,191)
```
#7d8dc5
```
#7d8dc5 rgb(125,141,197)
```
#8b99cb
```
#8b99cb rgb(139,153,203)
```
#98a5d1
```
#98a5d1 rgb(152,165,209)
```
#a6b1d7
```
#a6b1d7 rgb(166,177,215)
```
#b4bddd
```
#b4bddd rgb(180,189,221)
```
#c1c9e3
```
#c1c9e3 rgb(193,201,227)
```
#cfd4e9
```
#cfd4e9 rgb(207,212,233)
```
#dce0f0
```
#dce0f0 rgb(220,224,240)
```
#eaecf6
```
#eaecf6 rgb(234,236,246)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

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

#43464f
```
#43464f rgb(67,70,79)
```
#3e4354
```
#3e4354 rgb(62,67,84)
```
#383f5a
```
#383f5a rgb(56,63,90)
```
#333c5f
```
#333c5f rgb(51,60,95)
```
#2d3965
```
#2d3965 rgb(45,57,101)
```
#27366b
```
#27366b rgb(39,54,107)
```
#223370
```
#223370 rgb(34,51,112)
```
#1c2f76
```
#1c2f76 rgb(28,47,118)
```
#172c7b
```
#172c7b rgb(23,44,123)
```
#112981
```
#112981 rgb(17,41,129)
```
#0b2687
```
#0b2687 rgb(11,38,135)
```
#06238c
```
#06238c rgb(6,35,140)
```
#001f92
```
#001f92 rgb(0,31,146)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#373a43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#33446d Protanopia 1% of men
#2b456c Deuteranopia 1% of men
#2b4a4f Tritanopia 0.001% of the population

Trichromacy

#30406a Protanomaly 1% of men, 0.01% of women
#2c4169 Deuteranomaly 6% of men, 0.4% of women
#2b4357 Tritanomaly 0.01% of the population