#2d7395 hex color

In a RGB color space, hex #2d7395 is composed of 17.6% red, 45.1% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 22.8% magenta, 0% yellow and 41.6% black. It has a hue angle of 199.6 degrees, a saturation of 53.6% and a lightness of 38%. #2d7395 color hex could be obtained by blending #5ae6ff with #00002b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 45
- B 58
RGB color chart
- C 70
- M 23
- Y 0
- K 42
CMYK color chart

● #2d7395 color description : Dark moderate blue.

The hexadecimal color #2d7395 has RGB values of R:45, G:115, B:149 and CMYK values of C:0.7, M:0.23, Y:0, K:0.42. Its decimal value is 2978709.

Hex triplet	2d7395	`#2d7395`
RGB Decimal	45, 115, 149	`rgb(45,115,149)`
RGB Percent	17.6, 45.1, 58.4	`rgb(17.6%,45.1%,58.4%)`
CMYK	70, 23, 0, 42
HSL	199.6°, 53.6, 38	`hsl(199.6,53.6%,38%)`
HSV (or HSB)	199.6°, 69.8, 58.4
Web Safe	336699	`#336699`

CIE-LAB	45.618, -10.405, -24.85
XYZ	12.636, 14.988, 30.659
xyY	0.217, 0.257, 14.988
CIE-LCH	45.618, 26.94, 247.281
CIE-LUV	45.618, -26.337, -34.911
Hunter-Lab	38.715, -9.489, -19.853
Binary	00101101, 01110011, 10010101

#2d7395
```
#2d7395 rgb(45,115,149)
```
#954f2d
```
#954f2d rgb(149,79,45)
```

Complementary Color

#2d9583
```
#2d9583 rgb(45,149,131)
```
#2d7395
```
#2d7395 rgb(45,115,149)
```
#2d3f95
```
#2d3f95 rgb(45,63,149)
```

Analogous Color

#95832d
```
#95832d rgb(149,131,45)
```
#2d7395
```
#2d7395 rgb(45,115,149)
```
#952d3f
```
#952d3f rgb(149,45,63)
```

Split Complementary Color

#73952d
```
#73952d rgb(115,149,45)
```
#2d7395
```
#2d7395 rgb(45,115,149)
```
#952d73
```
#952d73 rgb(149,45,115)
```

Triadic Color

#2d954f
```
#2d954f rgb(45,149,79)
```
#2d7395
```
#2d7395 rgb(45,115,149)
```
#952d73
```
#952d73 rgb(149,45,115)
```
#954f2d
```
#954f2d rgb(149,79,45)
```

Tetradic Color

#1b465a
```
#1b465a rgb(27,70,90)
```
#21556e
```
#21556e rgb(33,85,110)
```
#276481
```
#276481 rgb(39,100,129)
```
#2d7395
```
#2d7395 rgb(45,115,149)
```
#3382a9
```
#3382a9 rgb(51,130,169)
```
#3991bc
```
#3991bc rgb(57,145,188)
```
#479dc7
```
#479dc7 rgb(71,157,199)
```

Monochromatic Color

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

#2d8d95
```
#2d8d95 rgb(45,141,149)
```
#2d8495
```
#2d8495 rgb(45,132,149)
```
#2d7c95
```
#2d7c95 rgb(45,124,149)
```
#2d7395
```
#2d7395 rgb(45,115,149)
```
#2d6a95
```
#2d6a95 rgb(45,106,149)
```
#2d6295
```
#2d6295 rgb(45,98,149)
```
#2d5995
```
#2d5995 rgb(45,89,149)
```

Similar Colors

Text with hexadecimal color #2d7395

This text has a font color of #2d7395.

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

#2d7395 background color

This paragraph has a background color of #2d7395.

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

#2d7395 border color

This element has a border color of #2d7395.

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

CSS codes

.text {color:#2d7395;}

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

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

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, #040a0d is the darkest color, while #fdfeff is the lightest one.

#040a0d
```
#040a0d rgb(4,10,13)
```
#09161c
```
#09161c rgb(9,22,28)
```
#0d222c
```
#0d222c rgb(13,34,44)
```
#122d3b
```
#122d3b rgb(18,45,59)
```
#16394a
```
#16394a rgb(22,57,74)
```
#1b4459
```
#1b4459 rgb(27,68,89)
```
#1f5068
```
#1f5068 rgb(31,80,104)
```
#245c77
```
#245c77 rgb(36,92,119)
```
#286786
```
#286786 rgb(40,103,134)
```
#2d7395
```
#2d7395 rgb(45,115,149)
```
#327fa4
```
#327fa4 rgb(50,127,164)
```
#368ab3
```
#368ab3 rgb(54,138,179)
```
#3b96c2
```
#3b96c2 rgb(59,150,194)
```

Shade Color Variation

#499ec8
```
#499ec8 rgb(73,158,200)
```
#58a6cc
```
#58a6cc rgb(88,166,204)
```
#67aed1
```
#67aed1 rgb(103,174,209)
```
#76b6d6
```
#76b6d6 rgb(118,182,214)
```
#85beda
```
#85beda rgb(133,190,218)
```
#94c6df
```
#94c6df rgb(148,198,223)
```
#a3cee3
```
#a3cee3 rgb(163,206,227)
```
#b2d6e8
```
#b2d6e8 rgb(178,214,232)
```
#c1deec
```
#c1deec rgb(193,222,236)
```
#d0e6f1
```
#d0e6f1 rgb(208,230,241)
```
#dfeef5
```
#dfeef5 rgb(223,238,245)
```
#eef6fa
```
#eef6fa rgb(238,246,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#5a6468
```
#5a6468 rgb(90,100,104)
```
#526670
```
#526670 rgb(82,102,112)
```
#4b6977
```
#4b6977 rgb(75,105,119)
```
#436b7f
```
#436b7f rgb(67,107,127)
```
#3c6e86
```
#3c6e86 rgb(60,110,134)
```
#34708e
```
#34708e rgb(52,112,142)
```
#2d7395
```
#2d7395 rgb(45,115,149)
```
#26769c
```
#26769c rgb(38,118,156)
```
#1e78a4
```
#1e78a4 rgb(30,120,164)
```
#177bab
```
#177bab rgb(23,123,171)
```
#0f7db3
```
#0f7db3 rgb(15,125,179)
```
#0880ba
```
#0880ba rgb(8,128,186)
```
#0082c2
```
#0082c2 rgb(0,130,194)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#57656c Atypical Achromatopsia 0.001% of the population

Dichromacy

#697295 Protanopia 1% of men
#63729d Deuteranopia 1% of men
#287d87 Tritanopia 0.001% of the population

Trichromacy

#537295 Protanomaly 1% of men, 0.01% of women
#4f729a Deuteranomaly 6% of men, 0.4% of women
#29798c Tritanomaly 0.01% of the population

#2d7395 hex color

#2d7395 Color Information

#2d7395 Color Conversion

Color Schemes with #2d7395

Alternatives to #2d7395

#2d7395 Preview

Shades and Tints of #2d7395

Tones of #2d7395

Color Blindness Simulator