#2d5797 hex color

In a RGB color space, hex #2d5797 is composed of 17.6% red, 34.1% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 42.4% magenta, 0% yellow and 40.8% black. It has a hue angle of 216.2 degrees, a saturation of 54.1% and a lightness of 38.4%. #2d5797 color hex could be obtained by blending #5aaeff with #00002f. 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

● #2d5797 color description : Dark blue.

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

Hex triplet	2d5797	`#2d5797`
RGB Decimal	45, 87, 151	`rgb(45,87,151)`
RGB Percent	17.6, 34.1, 59.2	`rgb(17.6%,34.1%,59.2%)`
CMYK	70, 42, 0, 41
HSL	216.2°, 54.1, 38.4	`hsl(216.2,54.1%,38.4%)`
HSV (or HSB)	216.2°, 70.2, 59.2
Web Safe	336699	`#336699`

CIE-LAB	37.129, 7.626, -39.401
XYZ	10.075, 9.608, 30.6
xyY	0.2, 0.191, 9.608
CIE-LCH	37.129, 40.133, 280.954
CIE-LUV	37.129, -16.418, -56.386
Hunter-Lab	30.997, 3.775, -36.834
Binary	00101101, 01010111, 10010111

#2d5797
```
#2d5797 rgb(45,87,151)
```
#976d2d
```
#976d2d rgb(151,109,45)
```

Complementary Color

#2d8c97
```
#2d8c97 rgb(45,140,151)
```
#2d5797
```
#2d5797 rgb(45,87,151)
```
#382d97
```
#382d97 rgb(56,45,151)
```

Analogous Color

#8c972d
```
#8c972d rgb(140,151,45)
```
#2d5797
```
#2d5797 rgb(45,87,151)
```
#97382d
```
#97382d rgb(151,56,45)
```

Split Complementary Color

#57972d
```
#57972d rgb(87,151,45)
```
#2d5797
```
#2d5797 rgb(45,87,151)
```
#972d57
```
#972d57 rgb(151,45,87)
```

Triadic Color

#2d976d
```
#2d976d rgb(45,151,109)
```
#2d5797
```
#2d5797 rgb(45,87,151)
```
#972d57
```
#972d57 rgb(151,45,87)
```
#976d2d
```
#976d2d rgb(151,109,45)
```

Tetradic Color

#1b355c
```
#1b355c rgb(27,53,92)
```
#214070
```
#214070 rgb(33,64,112)
```
#274c83
```
#274c83 rgb(39,76,131)
```
#2d5797
```
#2d5797 rgb(45,87,151)
```
#3362ab
```
#3362ab rgb(51,98,171)
```
#396ebe
```
#396ebe rgb(57,110,190)
```
#487bc8
```
#487bc8 rgb(72,123,200)
```

Monochromatic Color

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

#2d7297
```
#2d7297 rgb(45,114,151)
```
#2d6997
```
#2d6997 rgb(45,105,151)
```
#2d6097
```
#2d6097 rgb(45,96,151)
```
#2d5797
```
#2d5797 rgb(45,87,151)
```
#2d4e97
```
#2d4e97 rgb(45,78,151)
```
#2d4597
```
#2d4597 rgb(45,69,151)
```
#2d3d97
```
#2d3d97 rgb(45,61,151)
```

Similar Colors

Text with hexadecimal color #2d5797

This text has a font color of #2d5797.

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

#2d5797 background color

This paragraph has a background color of #2d5797.

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

#2d5797 border color

This element has a border color of #2d5797.

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

CSS codes

.text {color:#2d5797;}

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

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

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, #04090f is the darkest color, while #ffffff is the lightest one.

#04090f
```
#04090f rgb(4,9,15)
```
#09111e
```
#09111e rgb(9,17,30)
```
#0d1a2d
```
#0d1a2d rgb(13,26,45)
```
#12233c
```
#12233c rgb(18,35,60)
```
#162b4b
```
#162b4b rgb(22,43,75)
```
#1b345b
```
#1b345b rgb(27,52,91)
```
#1f3d6a
```
#1f3d6a rgb(31,61,106)
```
#244679
```
#244679 rgb(36,70,121)
```
#284e88
```
#284e88 rgb(40,78,136)
```
#2d5797
```
#2d5797 rgb(45,87,151)
```
#3260a6
```
#3260a6 rgb(50,96,166)
```
#3668b5
```
#3668b5 rgb(54,104,181)
```
#3b71c4
```
#3b71c4 rgb(59,113,196)
```

Shade Color Variation

#4a7cc9
```
#4a7cc9 rgb(74,124,201)
```
#5987cd
```
#5987cd rgb(89,135,205)
```
#6892d2
```
#6892d2 rgb(104,146,210)
```
#779dd6
```
#779dd6 rgb(119,157,214)
```
#86a8db
```
#86a8db rgb(134,168,219)
```
#95b3df
```
#95b3df rgb(149,179,223)
```
#a4bde4
```
#a4bde4 rgb(164,189,228)
```
#b3c8e8
```
#b3c8e8 rgb(179,200,232)
```
#c2d3ed
```
#c2d3ed rgb(194,211,237)
```
#d2def1
```
#d2def1 rgb(210,222,241)
```
#e1e9f6
```
#e1e9f6 rgb(225,233,246)
```
#f0f4fa
```
#f0f4fa rgb(240,244,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626262 is the less saturated color, while #074fbd is the most saturated one.

#626262
```
#626262 rgb(98,98,98)
```
#5a606a
```
#5a606a rgb(90,96,106)
```
#535f71
```
#535f71 rgb(83,95,113)
```
#4b5d79
```
#4b5d79 rgb(75,93,121)
```
#445c80
```
#445c80 rgb(68,92,128)
```
#3c5a88
```
#3c5a88 rgb(60,90,136)
```
#35598f
```
#35598f rgb(53,89,143)
```
#2d5797
```
#2d5797 rgb(45,87,151)
```
#25559f
```
#25559f rgb(37,85,159)
```
#1e54a6
```
#1e54a6 rgb(30,84,166)
```
#1652ae
```
#1652ae rgb(22,82,174)
```
#0f51b5
```
#0f51b5 rgb(15,81,181)
```
#074fbd
```
#074fbd rgb(7,79,189)
```

Tone Color Variation

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

#435e9b Protanopia 1% of men
#2e619b Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

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

#2d5797 hex color

#2d5797 Color Information

#2d5797 Color Conversion

Color Schemes with #2d5797

Alternatives to #2d5797

#2d5797 Preview

Shades and Tints of #2d5797

Tones of #2d5797

Color Blindness Simulator