#2d7295 hex color

In a RGB color space, hex #2d7295 is composed of 17.6% red, 44.7% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 23.5% magenta, 0% yellow and 41.6% black. It has a hue angle of 200.2 degrees, a saturation of 53.6% and a lightness of 38%. #2d7295 color hex could be obtained by blending #5ae4ff 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

● #2d7295 color description : Dark moderate blue.

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

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

CIE-LAB	45.306, -9.824, -25.335
XYZ	12.523, 14.761, 30.621
xyY	0.216, 0.255, 14.761
CIE-LCH	45.306, 27.173, 248.805
CIE-LUV	45.306, -25.97, -35.676
Hunter-Lab	38.421, -9.055, -20.36
Binary	00101101, 01110010, 10010101

#2d7295
```
#2d7295 rgb(45,114,149)
```
#95502d
```
#95502d rgb(149,80,45)
```

Complementary Color

#2d9584
```
#2d9584 rgb(45,149,132)
```
#2d7295
```
#2d7295 rgb(45,114,149)
```
#2d3e95
```
#2d3e95 rgb(45,62,149)
```

Analogous Color

#95842d
```
#95842d rgb(149,132,45)
```
#2d7295
```
#2d7295 rgb(45,114,149)
```
#952d3e
```
#952d3e rgb(149,45,62)
```

Split Complementary Color

#72952d
```
#72952d rgb(114,149,45)
```
#2d7295
```
#2d7295 rgb(45,114,149)
```
#952d72
```
#952d72 rgb(149,45,114)
```

Triadic Color

#2d9550
```
#2d9550 rgb(45,149,80)
```
#2d7295
```
#2d7295 rgb(45,114,149)
```
#952d72
```
#952d72 rgb(149,45,114)
```
#95502d
```
#95502d rgb(149,80,45)
```

Tetradic Color

#1b455a
```
#1b455a rgb(27,69,90)
```
#21546e
```
#21546e rgb(33,84,110)
```
#276381
```
#276381 rgb(39,99,129)
```
#2d7295
```
#2d7295 rgb(45,114,149)
```
#3381a9
```
#3381a9 rgb(51,129,169)
```
#3990bc
```
#3990bc rgb(57,144,188)
```
#479cc7
```
#479cc7 rgb(71,156,199)
```

Monochromatic Color

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

#2d8c95
```
#2d8c95 rgb(45,140,149)
```
#2d8395
```
#2d8395 rgb(45,131,149)
```
#2d7b95
```
#2d7b95 rgb(45,123,149)
```
#2d7295
```
#2d7295 rgb(45,114,149)
```
#2d6995
```
#2d6995 rgb(45,105,149)
```
#2d6195
```
#2d6195 rgb(45,97,149)
```
#2d5895
```
#2d5895 rgb(45,88,149)
```

Similar Colors

Text with hexadecimal color #2d7295

This text has a font color of #2d7295.

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

#2d7295 background color

This paragraph has a background color of #2d7295.

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

#2d7295 border color

This element has a border color of #2d7295.

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

CSS codes

.text {color:#2d7295;}

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

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

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)
```
#0d212c
```
#0d212c rgb(13,33,44)
```
#122d3b
```
#122d3b rgb(18,45,59)
```
#16384a
```
#16384a rgb(22,56,74)
```
#1b4459
```
#1b4459 rgb(27,68,89)
```
#1f4f68
```
#1f4f68 rgb(31,79,104)
```
#245b77
```
#245b77 rgb(36,91,119)
```
#286686
```
#286686 rgb(40,102,134)
```
#2d7295
```
#2d7295 rgb(45,114,149)
```
#327ea4
```
#327ea4 rgb(50,126,164)
```
#3689b3
```
#3689b3 rgb(54,137,179)
```
#3b95c2
```
#3b95c2 rgb(59,149,194)
```

Shade Color Variation

#499dc8
```
#499dc8 rgb(73,157,200)
```
#58a5cc
```
#58a5cc rgb(88,165,204)
```
#67add1
```
#67add1 rgb(103,173,209)
```
#76b5d6
```
#76b5d6 rgb(118,181,214)
```
#85bdda
```
#85bdda rgb(133,189,218)
```
#94c5df
```
#94c5df rgb(148,197,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, #5a6368 is the less saturated color, while #0081c2 is the most saturated one.

#5a6368
```
#5a6368 rgb(90,99,104)
```
#526670
```
#526670 rgb(82,102,112)
```
#4b6877
```
#4b6877 rgb(75,104,119)
```
#436b7f
```
#436b7f rgb(67,107,127)
```
#3c6d86
```
#3c6d86 rgb(60,109,134)
```
#34708e
```
#34708e rgb(52,112,142)
```
#2d7295
```
#2d7295 rgb(45,114,149)
```
#26749c
```
#26749c rgb(38,116,156)
```
#1e77a4
```
#1e77a4 rgb(30,119,164)
```
#1779ab
```
#1779ab rgb(23,121,171)
```
#0f7cb3
```
#0f7cb3 rgb(15,124,179)
```
#087eba
```
#087eba rgb(8,126,186)
```
#0081c2
```
#0081c2 rgb(0,129,194)
```

Tone Color Variation

Below, you can see how #2d7295 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
#57646b Atypical Achromatopsia 0.001% of the population

Dichromacy

#687195 Protanopia 1% of men
#62719d Deuteranopia 1% of men
#277d86 Tritanopia 0.001% of the population

Trichromacy

#527195 Protanomaly 1% of men, 0.01% of women
#4e719a Deuteranomaly 6% of men, 0.4% of women
#29798b Tritanomaly 0.01% of the population

#2d7295 hex color

#2d7295 Color Information

#2d7295 Color Conversion

Color Schemes with #2d7295

Alternatives to #2d7295

#2d7295 Preview

Shades and Tints of #2d7295

Tones of #2d7295

Color Blindness Simulator