#2d7391 hex color

In a RGB color space, hex #2d7391 is composed of 17.6% red, 45.1% green and 56.9% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 20.7% magenta, 0% yellow and 43.1% black. It has a hue angle of 198 degrees, a saturation of 52.6% and a lightness of 37.3%. #2d7391 color hex could be obtained by blending #5ae6ff with #000023. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 45
- B 57
RGB color chart
- C 69
- M 21
- Y 0
- K 43
CMYK color chart

● #2d7391 color description : Dark moderate blue.

The hexadecimal color #2d7391 has RGB values of R:45, G:115, B:145 and CMYK values of C:0.69, M:0.21, Y:0, K:0.43. Its decimal value is 2978705.

Hex triplet	2d7391	`#2d7391`
RGB Decimal	45, 115, 145	`rgb(45,115,145)`
RGB Percent	17.6, 45.1, 56.9	`rgb(17.6%,45.1%,56.9%)`
CMYK	69, 21, 0, 43
HSL	198°, 52.6, 37.3	`hsl(198,52.6%,37.3%)`
HSV (or HSB)	198°, 69, 56.9
Web Safe	336699	`#336699`

CIE-LAB	45.446, -11.792, -22.748
XYZ	12.322, 14.863, 29.006
xyY	0.219, 0.265, 14.863
CIE-LCH	45.446, 25.622, 242.598
CIE-LUV	45.446, -26.526, -31.478
Hunter-Lab	38.552, -10.412, -17.622
Binary	00101101, 01110011, 10010001

#2d7391
```
#2d7391 rgb(45,115,145)
```
#914b2d
```
#914b2d rgb(145,75,45)
```

Complementary Color

#2d917d
```
#2d917d rgb(45,145,125)
```
#2d7391
```
#2d7391 rgb(45,115,145)
```
#2d4191
```
#2d4191 rgb(45,65,145)
```

Analogous Color

#917d2d
```
#917d2d rgb(145,125,45)
```
#2d7391
```
#2d7391 rgb(45,115,145)
```
#912d41
```
#912d41 rgb(145,45,65)
```

Split Complementary Color

#73912d
```
#73912d rgb(115,145,45)
```
#2d7391
```
#2d7391 rgb(45,115,145)
```
#912d73
```
#912d73 rgb(145,45,115)
```

Triadic Color

#2d914b
```
#2d914b rgb(45,145,75)
```
#2d7391
```
#2d7391 rgb(45,115,145)
```
#912d73
```
#912d73 rgb(145,45,115)
```
#914b2d
```
#914b2d rgb(145,75,45)
```

Tetradic Color

#1b4557
```
#1b4557 rgb(27,69,87)
```
#21546a
```
#21546a rgb(33,84,106)
```
#27647e
```
#27647e rgb(39,100,126)
```
#2d7391
```
#2d7391 rgb(45,115,145)
```
#3382a4
```
#3382a4 rgb(51,130,164)
```
#3992b8
```
#3992b8 rgb(57,146,184)
```
#459fc5
```
#459fc5 rgb(69,159,197)
```

Monochromatic Color

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

#2d8c91
```
#2d8c91 rgb(45,140,145)
```
#2d8491
```
#2d8491 rgb(45,132,145)
```
#2d7b91
```
#2d7b91 rgb(45,123,145)
```
#2d7391
```
#2d7391 rgb(45,115,145)
```
#2d6b91
```
#2d6b91 rgb(45,107,145)
```
#2d6291
```
#2d6291 rgb(45,98,145)
```
#2d5a91
```
#2d5a91 rgb(45,90,145)
```

Similar Colors

Text with hexadecimal color #2d7391

This text has a font color of #2d7391.

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

#2d7391 background color

This paragraph has a background color of #2d7391.

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

#2d7391 border color

This element has a border color of #2d7391.

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

CSS codes

.text {color:#2d7391;}

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

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

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, #03080a is the darkest color, while #fafdfe is the lightest one.

#03080a
```
#03080a rgb(3,8,10)
```
#081419
```
#081419 rgb(8,20,25)
```
#0c2028
```
#0c2028 rgb(12,32,40)
```
#112c37
```
#112c37 rgb(17,44,55)
```
#163846
```
#163846 rgb(22,56,70)
```
#1a4455
```
#1a4455 rgb(26,68,85)
```
#1f4f64
```
#1f4f64 rgb(31,79,100)
```
#245b73
```
#245b73 rgb(36,91,115)
```
#286782
```
#286782 rgb(40,103,130)
```
#2d7391
```
#2d7391 rgb(45,115,145)
```
#327fa0
```
#327fa0 rgb(50,127,160)
```
#368baf
```
#368baf rgb(54,139,175)
```
#3b97be
```
#3b97be rgb(59,151,190)
```

Shade Color Variation

#47a0c6
```
#47a0c6 rgb(71,160,198)
```
#56a7ca
```
#56a7ca rgb(86,167,202)
```
#65afcf
```
#65afcf rgb(101,175,207)
```
#74b7d4
```
#74b7d4 rgb(116,183,212)
```
#83bfd8
```
#83bfd8 rgb(131,191,216)
```
#92c6dd
```
#92c6dd rgb(146,198,221)
```
#a0cee2
```
#a0cee2 rgb(160,206,226)
```
#afd6e6
```
#afd6e6 rgb(175,214,230)
```
#bedeeb
```
#bedeeb rgb(190,222,235)
```
#cde5f0
```
#cde5f0 rgb(205,229,240)
```
#dcedf4
```
#dcedf4 rgb(220,237,244)
```
#ebf5f9
```
#ebf5f9 rgb(235,245,249)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#596165
```
#596165 rgb(89,97,101)
```
#52646c
```
#52646c rgb(82,100,108)
```
#4a6774
```
#4a6774 rgb(74,103,116)
```
#436a7b
```
#436a7b rgb(67,106,123)
```
#3c6d82
```
#3c6d82 rgb(60,109,130)
```
#34708a
```
#34708a rgb(52,112,138)
```
#2d7391
```
#2d7391 rgb(45,115,145)
```
#267698
```
#267698 rgb(38,118,152)
```
#1e79a0
```
#1e79a0 rgb(30,121,160)
```
#177ca7
```
#177ca7 rgb(23,124,167)
```
#107fae
```
#107fae rgb(16,127,174)
```
#0882b6
```
#0882b6 rgb(8,130,182)
```
#0185bd
```
#0185bd rgb(1,133,189)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#57656b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7291 Protanopia 1% of men
#66719a Deuteranopia 1% of men
#2b7d86 Tritanopia 0.001% of the population

Trichromacy

#547291 Protanomaly 1% of men, 0.01% of women
#517296 Deuteranomaly 6% of men, 0.4% of women
#2c798a Tritanomaly 0.01% of the population

#2d7391 hex color

#2d7391 Color Information

#2d7391 Color Conversion

Color Schemes with #2d7391

Alternatives to #2d7391

#2d7391 Preview

Shades and Tints of #2d7391

Tones of #2d7391

Color Blindness Simulator