#2d7297 hex color

In a RGB color space, hex #2d7297 is composed of 17.6% red, 44.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 24.5% magenta, 0% yellow and 40.8% black. It has a hue angle of 200.9 degrees, a saturation of 54.1% and a lightness of 38.4%. #2d7297 color hex could be obtained by blending #5ae4ff with #00002f. Closest websafe color is: #336699.

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

● #2d7297 color description : Dark blue.

The hexadecimal color #2d7297 has RGB values of R:45, G:114, B:151 and CMYK values of C:0.7, M:0.25, Y:0, K:0.41. Its decimal value is 2978455.

Hex triplet	2d7297	`#2d7297`
RGB Decimal	45, 114, 151	`rgb(45,114,151)`
RGB Percent	17.6, 44.7, 59.2	`rgb(17.6%,44.7%,59.2%)`
CMYK	70, 25, 0, 41
HSL	200.9°, 54.1, 38.4	`hsl(200.9,54.1%,38.4%)`
HSV (or HSB)	200.9°, 70.2, 59.2
Web Safe	336699	`#336699`

CIE-LAB	45.395, -9.122, -26.38
XYZ	12.684, 14.826, 31.47
xyY	0.215, 0.251, 14.826
CIE-LCH	45.395, 27.913, 250.926
CIE-LUV	45.395, -25.879, -37.389
Hunter-Lab	38.504, -8.582, -21.505
Binary	00101101, 01110010, 10010111

#2d7297
```
#2d7297 rgb(45,114,151)
```
#97522d
```
#97522d rgb(151,82,45)
```

Complementary Color

#2d9787
```
#2d9787 rgb(45,151,135)
```
#2d7297
```
#2d7297 rgb(45,114,151)
```
#2d3d97
```
#2d3d97 rgb(45,61,151)
```

Analogous Color

#97872d
```
#97872d rgb(151,135,45)
```
#2d7297
```
#2d7297 rgb(45,114,151)
```
#972d3d
```
#972d3d rgb(151,45,61)
```

Split Complementary Color

#72972d
```
#72972d rgb(114,151,45)
```
#2d7297
```
#2d7297 rgb(45,114,151)
```
#972d72
```
#972d72 rgb(151,45,114)
```

Triadic Color

#2d9752
```
#2d9752 rgb(45,151,82)
```
#2d7297
```
#2d7297 rgb(45,114,151)
```
#972d72
```
#972d72 rgb(151,45,114)
```
#97522d
```
#97522d rgb(151,82,45)
```

Tetradic Color

#1b465c
```
#1b465c rgb(27,70,92)
```
#215470
```
#215470 rgb(33,84,112)
```
#276383
```
#276383 rgb(39,99,131)
```
#2d7297
```
#2d7297 rgb(45,114,151)
```
#3381ab
```
#3381ab rgb(51,129,171)
```
#3990be
```
#3990be rgb(57,144,190)
```
#489cc8
```
#489cc8 rgb(72,156,200)
```

Monochromatic Color

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

#2d8d97
```
#2d8d97 rgb(45,141,151)
```
#2d8497
```
#2d8497 rgb(45,132,151)
```
#2d7b97
```
#2d7b97 rgb(45,123,151)
```
#2d7297
```
#2d7297 rgb(45,114,151)
```
#2d6997
```
#2d6997 rgb(45,105,151)
```
#2d6097
```
#2d6097 rgb(45,96,151)
```
#2d5897
```
#2d5897 rgb(45,88,151)
```

Similar Colors

Text with hexadecimal color #2d7297

This text has a font color of #2d7297.

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

#2d7297 background color

This paragraph has a background color of #2d7297.

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

#2d7297 border color

This element has a border color of #2d7297.

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

CSS codes

.text {color:#2d7297;}

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

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

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

#040b0f
```
#040b0f rgb(4,11,15)
```
#09171e
```
#09171e rgb(9,23,30)
```
#0d222d
```
#0d222d rgb(13,34,45)
```
#122e3c
```
#122e3c rgb(18,46,60)
```
#16394b
```
#16394b rgb(22,57,75)
```
#1b445b
```
#1b445b rgb(27,68,91)
```
#1f506a
```
#1f506a rgb(31,80,106)
```
#245b79
```
#245b79 rgb(36,91,121)
```
#286788
```
#286788 rgb(40,103,136)
```
#2d7297
```
#2d7297 rgb(45,114,151)
```
#327da6
```
#327da6 rgb(50,125,166)
```
#3689b5
```
#3689b5 rgb(54,137,181)
```
#3b94c4
```
#3b94c4 rgb(59,148,196)
```

Shade Color Variation

#4a9cc9
```
#4a9cc9 rgb(74,156,201)
```
#59a5cd
```
#59a5cd rgb(89,165,205)
```
#68add2
```
#68add2 rgb(104,173,210)
```
#77b5d6
```
#77b5d6 rgb(119,181,214)
```
#86bddb
```
#86bddb rgb(134,189,219)
```
#95c5df
```
#95c5df rgb(149,197,223)
```
#a4cee4
```
#a4cee4 rgb(164,206,228)
```
#b3d6e8
```
#b3d6e8 rgb(179,214,232)
```
#c2deed
```
#c2deed rgb(194,222,237)
```
#d2e6f1
```
#d2e6f1 rgb(210,230,241)
```
#e1eff6
```
#e1eff6 rgb(225,239,246)
```
#f0f7fa
```
#f0f7fa rgb(240,247,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 #077dbd is the most saturated one.

#626262
```
#626262 rgb(98,98,98)
```
#5a646a
```
#5a646a rgb(90,100,106)
```
#536771
```
#536771 rgb(83,103,113)
```
#4b6979
```
#4b6979 rgb(75,105,121)
```
#446b80
```
#446b80 rgb(68,107,128)
```
#3c6d88
```
#3c6d88 rgb(60,109,136)
```
#35708f
```
#35708f rgb(53,112,143)
```
#2d7297
```
#2d7297 rgb(45,114,151)
```
#25749f
```
#25749f rgb(37,116,159)
```
#1e77a6
```
#1e77a6 rgb(30,119,166)
```
#1679ae
```
#1679ae rgb(22,121,174)
```
#0f7bb5
```
#0f7bb5 rgb(15,123,181)
```
#077dbd
```
#077dbd rgb(7,125,189)
```

Tone Color Variation

Below, you can see how #2d7297 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
#57656d Atypical Achromatopsia 0.001% of the population

Dichromacy

#677197 Protanopia 1% of men
#61729f Deuteranopia 1% of men
#257d86 Tritanopia 0.001% of the population

Trichromacy

#527197 Protanomaly 1% of men, 0.01% of women
#4e729c Deuteranomaly 6% of men, 0.4% of women
#28798c Tritanomaly 0.01% of the population

#2d7297 hex color

#2d7297 Color Information

#2d7297 Color Conversion

Color Schemes with #2d7297

Alternatives to #2d7297

#2d7297 Preview

Shades and Tints of #2d7297

Tones of #2d7297

Color Blindness Simulator