#2d7589 hex color

In a RGB color space, hex #2d7589 is composed of 17.6% red, 45.9% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 14.6% magenta, 0% yellow and 46.3% black. It has a hue angle of 193 degrees, a saturation of 50.5% and a lightness of 35.7%. #2d7589 color hex could be obtained by blending #5aeaff with #000013. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 46
- B 54
RGB color chart
- C 67
- M 15
- Y 0
- K 46
CMYK color chart

● #2d7589 color description : Dark moderate cyan.

The hexadecimal color #2d7589 has RGB values of R:45, G:117, B:137 and CMYK values of C:0.67, M:0.15, Y:0, K:0.46. Its decimal value is 2979209.

Hex triplet	2d7589	`#2d7589`
RGB Decimal	45, 117, 137	`rgb(45,117,137)`
RGB Percent	17.6, 45.9, 53.7	`rgb(17.6%,45.9%,53.7%)`
CMYK	67, 15, 0, 46
HSL	193°, 50.5, 35.7	`hsl(193,50.5%,35.7%)`
HSV (or HSB)	193°, 67.2, 53.7
Web Safe	336699	`#336699`

CIE-LAB	45.751, -15.632, -17.528
XYZ	11.958, 15.086, 25.947
xyY	0.226, 0.285, 15.086
CIE-LCH	45.751, 23.486, 228.272
CIE-LUV	45.751, -27.667, -23.074
Hunter-Lab	38.84, -13.016, -12.42
Binary	00101101, 01110101, 10001001

#2d7589
```
#2d7589 rgb(45,117,137)
```
#89412d
```
#89412d rgb(137,65,45)
```

Complementary Color

#2d896f
```
#2d896f rgb(45,137,111)
```
#2d7589
```
#2d7589 rgb(45,117,137)
```
#2d4789
```
#2d4789 rgb(45,71,137)
```

Analogous Color

#896f2d
```
#896f2d rgb(137,111,45)
```
#2d7589
```
#2d7589 rgb(45,117,137)
```
#892d47
```
#892d47 rgb(137,45,71)
```

Split Complementary Color

#75892d
```
#75892d rgb(117,137,45)
```
#2d7589
```
#2d7589 rgb(45,117,137)
```
#892d75
```
#892d75 rgb(137,45,117)
```

Triadic Color

#2d8941
```
#2d8941 rgb(45,137,65)
```
#2d7589
```
#2d7589 rgb(45,117,137)
```
#892d75
```
#892d75 rgb(137,45,117)
```
#89412d
```
#89412d rgb(137,65,45)
```

Tetradic Color

#1a444f
```
#1a444f rgb(26,68,79)
```
#205463
```
#205463 rgb(32,84,99)
```
#276576
```
#276576 rgb(39,101,118)
```
#2d7589
```
#2d7589 rgb(45,117,137)
```
#33859c
```
#33859c rgb(51,133,156)
```
#3a96af
```
#3a96af rgb(58,150,175)
```
#42a5c1
```
#42a5c1 rgb(66,165,193)
```

Monochromatic Color

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

#2d8986
```
#2d8986 rgb(45,137,134)
```
#2d8489
```
#2d8489 rgb(45,132,137)
```
#2d7d89
```
#2d7d89 rgb(45,125,137)
```
#2d7589
```
#2d7589 rgb(45,117,137)
```
#2d6d89
```
#2d6d89 rgb(45,109,137)
```
#2d6689
```
#2d6689 rgb(45,102,137)
```
#2d5e89
```
#2d5e89 rgb(45,94,137)
```

Similar Colors

Text with hexadecimal color #2d7589

This text has a font color of #2d7589.

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

#2d7589 background color

This paragraph has a background color of #2d7589.

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

#2d7589 border color

This element has a border color of #2d7589.

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

CSS codes

.text {color:#2d7589;}

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

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

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, #010404 is the darkest color, while #f4fafc is the lightest one.

#010404
```
#010404 rgb(1,4,4)
```
#061013
```
#061013 rgb(6,16,19)
```
#0b1d22
```
#0b1d22 rgb(11,29,34)
```
#102930
```
#102930 rgb(16,41,48)
```
#15363f
```
#15363f rgb(21,54,63)
```
#1a434e
```
#1a434e rgb(26,67,78)
```
#1e4f5d
```
#1e4f5d rgb(30,79,93)
```
#235c6b
```
#235c6b rgb(35,92,107)
```
#28687a
```
#28687a rgb(40,104,122)
```
#2d7589
```
#2d7589 rgb(45,117,137)
```
#328298
```
#328298 rgb(50,130,152)
```
#378ea7
```
#378ea7 rgb(55,142,167)
```
#3c9bb5
```
#3c9bb5 rgb(60,155,181)
```

Shade Color Variation

#43a6c1
```
#43a6c1 rgb(67,166,193)
```
#52adc6
```
#52adc6 rgb(82,173,198)
```
#61b4cb
```
#61b4cb rgb(97,180,203)
```
#6fbbd0
```
#6fbbd0 rgb(111,187,208)
```
#7ec2d5
```
#7ec2d5 rgb(126,194,213)
```
#8dc9da
```
#8dc9da rgb(141,201,218)
```
#9cd0de
```
#9cd0de rgb(156,208,222)
```
#abd7e3
```
#abd7e3 rgb(171,215,227)
```
#b9dee8
```
#b9dee8 rgb(185,222,232)
```
#c8e5ed
```
#c8e5ed rgb(200,229,237)
```
#d7ecf2
```
#d7ecf2 rgb(215,236,242)
```
#e6f3f7
```
#e6f3f7 rgb(230,243,247)
```
#f4fafc
```
#f4fafc rgb(244,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575d5f is the less saturated color, while #038db3 is the most saturated one.

#575d5f
```
#575d5f rgb(87,93,95)
```
#506166
```
#506166 rgb(80,97,102)
```
#49656d
```
#49656d rgb(73,101,109)
```
#426974
```
#426974 rgb(66,105,116)
```
#3b6d7b
```
#3b6d7b rgb(59,109,123)
```
#347182
```
#347182 rgb(52,113,130)
```
#2d7589
```
#2d7589 rgb(45,117,137)
```
#267990
```
#267990 rgb(38,121,144)
```
#1f7d97
```
#1f7d97 rgb(31,125,151)
```
#18819e
```
#18819e rgb(24,129,158)
```
#1185a5
```
#1185a5 rgb(17,133,165)
```
#0a89ac
```
#0a89ac rgb(10,137,172)
```
#038db3
```
#038db3 rgb(3,141,179)
```

Tone Color Variation

Below, you can see how #2d7589 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
#57666a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7289 Protanopia 1% of men
#6d7292 Deuteranopia 1% of men
#327d86 Tritanopia 0.001% of the population

Trichromacy

#567389 Protanomaly 1% of men, 0.01% of women
#55738f Deuteranomaly 6% of men, 0.4% of women
#307a87 Tritanomaly 0.01% of the population

#2d7589 hex color

#2d7589 Color Information

#2d7589 Color Conversion

Color Schemes with #2d7589

Alternatives to #2d7589

#2d7589 Preview

Shades and Tints of #2d7589

Tones of #2d7589

Color Blindness Simulator