colorhexa.com

#2d3596 hex color

In a RGB color space, hex #2d3596 is composed of 17.6% red, 20.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 64.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 235.4 degrees, a saturation of 53.8% and a lightness of 38.2%. #2d3596 color hex could be obtained by blending #5a6aff with #00002d. Closest websafe color is: #333399.

- R 18
- G 21
- B 59
RGB color chart
- C 70
- M 65
- Y 0
- K 41
CMYK color chart

● #2d3596 color description : Dark blue.

The hexadecimal color #2d3596 has RGB values of R:45, G:53, B:150 and CMYK values of C:0.7, M:0.65, Y:0, K:0.41. Its decimal value is 2962838.

Hex triplet	2d3596	`#2d3596`
RGB Decimal	45, 53, 150	`rgb(45,53,150)`
RGB Percent	17.6, 20.8, 58.8	`rgb(17.6%,20.8%,58.8%)`
CMYK	70, 65, 0, 41
HSL	235.4°, 53.8, 38.2	`hsl(235.4,53.8%,38.2%)`
HSV (or HSB)	235.4°, 70, 58.8
Web Safe	333399	`#333399`

CIE-LAB	27.588, 29.948, -54.207
XYZ	7.859, 5.306, 29.462
xyY	0.184, 0.124, 5.306
CIE-LCH	27.588, 61.93, 298.92
CIE-LUV	27.588, -6.832, -70.569
Hunter-Lab	23.034, 20.595, -59.713
Binary	00101101, 00110101, 10010110

#2d3596
```
#2d3596 rgb(45,53,150)
```
#968e2d
```
#968e2d rgb(150,142,45)
```

Complementary Color

#2d6a96
```
#2d6a96 rgb(45,106,150)
```
#2d3596
```
#2d3596 rgb(45,53,150)
```
#5a2d96
```
#5a2d96 rgb(90,45,150)
```

Analogous Color

#6a962d
```
#6a962d rgb(106,150,45)
```
#2d3596
```
#2d3596 rgb(45,53,150)
```
#965a2d
```
#965a2d rgb(150,90,45)
```

Split Complementary Color

#35962d
```
#35962d rgb(53,150,45)
```
#2d3596
```
#2d3596 rgb(45,53,150)
```
#962d35
```
#962d35 rgb(150,45,53)
```

Triadic Color

#2d968e
```
#2d968e rgb(45,150,142)
```
#2d3596
```
#2d3596 rgb(45,53,150)
```
#962d35
```
#962d35 rgb(150,45,53)
```
#968e2d
```
#968e2d rgb(150,142,45)
```

Tetradic Color

#1b205b
```
#1b205b rgb(27,32,91)
```
#21276f
```
#21276f rgb(33,39,111)
```
#272e82
```
#272e82 rgb(39,46,130)
```
#2d3596
```
#2d3596 rgb(45,53,150)
```
#333caa
```
#333caa rgb(51,60,170)
```
#3943bd
```
#3943bd rgb(57,67,189)
```
#4851c8
```
#4851c8 rgb(72,81,200)
```

Monochromatic Color

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

#2d4f96
```
#2d4f96 rgb(45,79,150)
```
#2d4796
```
#2d4796 rgb(45,71,150)
```
#2d3e96
```
#2d3e96 rgb(45,62,150)
```
#2d3596
```
#2d3596 rgb(45,53,150)
```
#2e2d96
```
#2e2d96 rgb(46,45,150)
```
#372d96
```
#372d96 rgb(55,45,150)
```
#3f2d96
```
#3f2d96 rgb(63,45,150)
```

Similar Colors

Text with hexadecimal color #2d3596

This text has a font color of #2d3596.

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

#2d3596 background color

This paragraph has a background color of #2d3596.

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

#2d3596 border color

This element has a border color of #2d3596.

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

CSS codes

.text {color:#2d3596;}

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

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

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, #04050e is the darkest color, while #fefeff is the lightest one.

#04050e
```
#04050e rgb(4,5,14)
```
#090a1d
```
#090a1d rgb(9,10,29)
```
#0d102c
```
#0d102c rgb(13,16,44)
```
#12153b
```
#12153b rgb(18,21,59)
```
#161a4b
```
#161a4b rgb(22,26,75)
```
#1b205a
```
#1b205a rgb(27,32,90)
```
#1f2569
```
#1f2569 rgb(31,37,105)
```
#242a78
```
#242a78 rgb(36,42,120)
```
#283087
```
#283087 rgb(40,48,135)
```
#2d3596
```
#2d3596 rgb(45,53,150)
```
#323aa5
```
#323aa5 rgb(50,58,165)
```
#3640b4
```
#3640b4 rgb(54,64,180)
```
#3b45c3
```
#3b45c3 rgb(59,69,195)
```

Shade Color Variation

#4953c8
```
#4953c8 rgb(73,83,200)
```
#5861cd
```
#5861cd rgb(88,97,205)
```
#676fd1
```
#676fd1 rgb(103,111,209)
```
#767ed6
```
#767ed6 rgb(118,126,214)
```
#858cdb
```
#858cdb rgb(133,140,219)
```
#949adf
```
#949adf rgb(148,154,223)
```
#a4a8e4
```
#a4a8e4 rgb(164,168,228)
```
#b3b7e8
```
#b3b7e8 rgb(179,183,232)
```
#c2c5ed
```
#c2c5ed rgb(194,197,237)
```
#d1d3f1
```
#d1d3f1 rgb(209,211,241)
```
#e0e2f6
```
#e0e2f6 rgb(224,226,246)
```
#eff0fa
```
#eff0fa rgb(239,240,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5b69 is the less saturated color, while #000fc3 is the most saturated one.

#5a5b69
```
#5a5b69 rgb(90,91,105)
```
#535571
```
#535571 rgb(83,85,113)
```
#4b4e78
```
#4b4e78 rgb(75,78,120)
```
#444880
```
#444880 rgb(68,72,128)
```
#3c4287
```
#3c4287 rgb(60,66,135)
```
#353b8f
```
#353b8f rgb(53,59,143)
```
#2d3596
```
#2d3596 rgb(45,53,150)
```
#262f9e
```
#262f9e rgb(38,47,158)
```
#1e28a5
```
#1e28a5 rgb(30,40,165)
```
#1722ad
```
#1722ad rgb(23,34,173)
```
#0f1cb4
```
#0f1cb4 rgb(15,28,180)
```
#0815bc
```
#0815bc rgb(8,21,188)
```
#000fc3
```
#000fc3 rgb(0,15,195)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3c50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488e Protanopia 1% of men
#004c7c Deuteranopia 1% of men
#005257 Tritanopia 0.001% of the population

Trichromacy

#104191 Protanomaly 1% of men, 0.01% of women
#104485 Deuteranomaly 6% of men, 0.4% of women
#10476e Tritanomaly 0.01% of the population