#2d5796 hex color

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

♥
- f
- t
- g
- R 18
- G 34
- B 59
RGB color chart
- C 70
- M 42
- Y 0
- K 41
CMYK color chart

● #2d5796 color description : Dark blue.

The hexadecimal color #2d5796 has RGB values of R:45, G:87, B:150 and CMYK values of C:0.7, M:0.42, Y:0, K:0.41. Its decimal value is 2971542.

Hex triplet	2d5796	`#2d5796`
RGB Decimal	45, 87, 150	`rgb(45,87,150)`
RGB Percent	17.6, 34.1, 58.8	`rgb(17.6%,34.1%,58.8%)`
CMYK	70, 42, 0, 41
HSL	216°, 53.8, 38.2	`hsl(216,53.8%,38.2%)`
HSV (or HSB)	216°, 70, 58.8
Web Safe	336699	`#336699`

CIE-LAB	37.07, 7.248, -38.894
XYZ	9.994, 9.576, 30.174
xyY	0.201, 0.192, 9.576
CIE-LCH	37.07, 39.563, 280.556
CIE-LUV	37.07, -16.434, -55.591
Hunter-Lab	30.944, 3.498, -36.153
Binary	00101101, 01010111, 10010110

#2d5796
```
#2d5796 rgb(45,87,150)
```
#966c2d
```
#966c2d rgb(150,108,45)
```

Complementary Color

#2d8c96
```
#2d8c96 rgb(45,140,150)
```
#2d5796
```
#2d5796 rgb(45,87,150)
```
#382d96
```
#382d96 rgb(56,45,150)
```

Analogous Color

#8c962d
```
#8c962d rgb(140,150,45)
```
#2d5796
```
#2d5796 rgb(45,87,150)
```
#96382d
```
#96382d rgb(150,56,45)
```

Split Complementary Color

#57962d
```
#57962d rgb(87,150,45)
```
#2d5796
```
#2d5796 rgb(45,87,150)
```
#962d57
```
#962d57 rgb(150,45,87)
```

Triadic Color

#2d966c
```
#2d966c rgb(45,150,108)
```
#2d5796
```
#2d5796 rgb(45,87,150)
```
#962d57
```
#962d57 rgb(150,45,87)
```
#966c2d
```
#966c2d rgb(150,108,45)
```

Tetradic Color

#1b355b
```
#1b355b rgb(27,53,91)
```
#21406f
```
#21406f rgb(33,64,111)
```
#274c82
```
#274c82 rgb(39,76,130)
```
#2d5796
```
#2d5796 rgb(45,87,150)
```
#3362aa
```
#3362aa rgb(51,98,170)
```
#396ebd
```
#396ebd rgb(57,110,189)
```
#487bc8
```
#487bc8 rgb(72,123,200)
```

Monochromatic Color

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

#2d7196
```
#2d7196 rgb(45,113,150)
```
#2d6996
```
#2d6996 rgb(45,105,150)
```
#2d6096
```
#2d6096 rgb(45,96,150)
```
#2d5796
```
#2d5796 rgb(45,87,150)
```
#2d4e96
```
#2d4e96 rgb(45,78,150)
```
#2d4696
```
#2d4696 rgb(45,70,150)
```
#2d3d96
```
#2d3d96 rgb(45,61,150)
```

Similar Colors

Text with hexadecimal color #2d5796

This text has a font color of #2d5796.

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

#2d5796 background color

This paragraph has a background color of #2d5796.

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

#2d5796 border color

This element has a border color of #2d5796.

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

CSS codes

.text {color:#2d5796;}

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

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

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

#04080e
```
#04080e rgb(4,8,14)
```
#09111d
```
#09111d rgb(9,17,29)
```
#0d1a2c
```
#0d1a2c rgb(13,26,44)
```
#12223b
```
#12223b rgb(18,34,59)
```
#162b4b
```
#162b4b rgb(22,43,75)
```
#1b345a
```
#1b345a rgb(27,52,90)
```
#1f3d69
```
#1f3d69 rgb(31,61,105)
```
#244578
```
#244578 rgb(36,69,120)
```
#284e87
```
#284e87 rgb(40,78,135)
```
#2d5796
```
#2d5796 rgb(45,87,150)
```
#3260a5
```
#3260a5 rgb(50,96,165)
```
#3669b4
```
#3669b4 rgb(54,105,180)
```
#3b71c3
```
#3b71c3 rgb(59,113,195)
```

Shade Color Variation

#497cc8
```
#497cc8 rgb(73,124,200)
```
#5887cd
```
#5887cd rgb(88,135,205)
```
#6792d1
```
#6792d1 rgb(103,146,209)
```
#769dd6
```
#769dd6 rgb(118,157,214)
```
#85a7db
```
#85a7db rgb(133,167,219)
```
#94b2df
```
#94b2df rgb(148,178,223)
```
#a4bde4
```
#a4bde4 rgb(164,189,228)
```
#b3c8e8
```
#b3c8e8 rgb(179,200,232)
```
#c2d3ed
```
#c2d3ed rgb(194,211,237)
```
#d1def1
```
#d1def1 rgb(209,222,241)
```
#e0e9f6
```
#e0e9f6 rgb(224,233,246)
```
#eff3fa
```
#eff3fa rgb(239,243,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5a6069
```
#5a6069 rgb(90,96,105)
```
#535f71
```
#535f71 rgb(83,95,113)
```
#4b5d78
```
#4b5d78 rgb(75,93,120)
```
#445c80
```
#445c80 rgb(68,92,128)
```
#3c5a87
```
#3c5a87 rgb(60,90,135)
```
#35598f
```
#35598f rgb(53,89,143)
```
#2d5796
```
#2d5796 rgb(45,87,150)
```
#26569e
```
#26569e rgb(38,86,158)
```
#1e54a5
```
#1e54a5 rgb(30,84,165)
```
#1753ad
```
#1753ad rgb(23,83,173)
```
#0f51b4
```
#0f51b4 rgb(15,81,180)
```
#0850bc
```
#0850bc rgb(8,80,188)
```
#004ec3
```
#004ec3 rgb(0,78,195)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5360 Atypical Achromatopsia 0.001% of the population

Dichromacy

#445e9a Protanopia 1% of men
#30609b Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#3b5b98 Protanomaly 1% of men, 0.01% of women
#2e5d99 Deuteranomaly 6% of men, 0.4% of women
#10627e Tritanomaly 0.01% of the population

#2d5796 hex color

#2d5796 Color Information

#2d5796 Color Conversion

Color Schemes with #2d5796

Alternatives to #2d5796

#2d5796 Preview

Shades and Tints of #2d5796

Tones of #2d5796

Color Blindness Simulator