#2d6d89 hex color

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

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

● #2d6d89 color description : Dark moderate blue.

The hexadecimal color #2d6d89 has RGB values of R:45, G:109, B:137 and CMYK values of C:0.67, M:0.2, Y:0, K:0.46. Its decimal value is 2977161.

Hex triplet	2d6d89	`#2d6d89`
RGB Decimal	45, 109, 137	`rgb(45,109,137)`
RGB Percent	17.6, 42.7, 53.7	`rgb(17.6%,42.7%,53.7%)`
CMYK	67, 20, 0, 46
HSL	198.3°, 50.5, 35.7	`hsl(198.3,50.5%,35.7%)`
HSV (or HSB)	198.3°, 67.2, 53.7
Web Safe	336699	`#336699`

CIE-LAB	43.213, -11.085, -21.429
XYZ	11.065, 13.3, 25.65
xyY	0.221, 0.266, 13.3
CIE-LCH	43.213, 24.127, 242.648
CIE-LUV	43.213, -24.663, -29.214
Hunter-Lab	36.47, -9.665, -16.171
Binary	00101101, 01101101, 10001001

#2d6d89
```
#2d6d89 rgb(45,109,137)
```
#89492d
```
#89492d rgb(137,73,45)
```

Complementary Color

#2d8977
```
#2d8977 rgb(45,137,119)
```
#2d6d89
```
#2d6d89 rgb(45,109,137)
```
#2d3f89
```
#2d3f89 rgb(45,63,137)
```

Analogous Color

#89772d
```
#89772d rgb(137,119,45)
```
#2d6d89
```
#2d6d89 rgb(45,109,137)
```
#892d3f
```
#892d3f rgb(137,45,63)
```

Split Complementary Color

#6d892d
```
#6d892d rgb(109,137,45)
```
#2d6d89
```
#2d6d89 rgb(45,109,137)
```
#892d6d
```
#892d6d rgb(137,45,109)
```

Triadic Color

#2d8949
```
#2d8949 rgb(45,137,73)
```
#2d6d89
```
#2d6d89 rgb(45,109,137)
```
#892d6d
```
#892d6d rgb(137,45,109)
```
#89492d
```
#89492d rgb(137,73,45)
```

Tetradic Color

#1a3f4f
```
#1a3f4f rgb(26,63,79)
```
#204e63
```
#204e63 rgb(32,78,99)
```
#275e76
```
#275e76 rgb(39,94,118)
```
#2d6d89
```
#2d6d89 rgb(45,109,137)
```
#337c9c
```
#337c9c rgb(51,124,156)
```
#3a8caf
```
#3a8caf rgb(58,140,175)
```
#429ac1
```
#429ac1 rgb(66,154,193)
```

Monochromatic Color

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

#2d8489
```
#2d8489 rgb(45,132,137)
```
#2d7c89
```
#2d7c89 rgb(45,124,137)
```
#2d7589
```
#2d7589 rgb(45,117,137)
```
#2d6d89
```
#2d6d89 rgb(45,109,137)
```
#2d6589
```
#2d6589 rgb(45,101,137)
```
#2d5e89
```
#2d5e89 rgb(45,94,137)
```
#2d5689
```
#2d5689 rgb(45,86,137)
```

Similar Colors

Text with hexadecimal color #2d6d89

This text has a font color of #2d6d89.

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

#2d6d89 background color

This paragraph has a background color of #2d6d89.

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

#2d6d89 border color

This element has a border color of #2d6d89.

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

CSS codes

.text {color:#2d6d89;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#060f13
```
#060f13 rgb(6,15,19)
```
#0b1b22
```
#0b1b22 rgb(11,27,34)
```
#102730
```
#102730 rgb(16,39,48)
```
#15323f
```
#15323f rgb(21,50,63)
```
#1a3e4e
```
#1a3e4e rgb(26,62,78)
```
#1e4a5d
```
#1e4a5d rgb(30,74,93)
```
#23566b
```
#23566b rgb(35,86,107)
```
#28617a
```
#28617a rgb(40,97,122)
```
#2d6d89
```
#2d6d89 rgb(45,109,137)
```
#327998
```
#327998 rgb(50,121,152)
```
#3784a7
```
#3784a7 rgb(55,132,167)
```
#3c90b5
```
#3c90b5 rgb(60,144,181)
```

Shade Color Variation

#439bc1
```
#439bc1 rgb(67,155,193)
```
#52a3c6
```
#52a3c6 rgb(82,163,198)
```
#61abcb
```
#61abcb rgb(97,171,203)
```
#6fb3d0
```
#6fb3d0 rgb(111,179,208)
```
#7ebad5
```
#7ebad5 rgb(126,186,213)
```
#8dc2da
```
#8dc2da rgb(141,194,218)
```
#9ccade
```
#9ccade rgb(156,202,222)
```
#abd2e3
```
#abd2e3 rgb(171,210,227)
```
#b9dae8
```
#b9dae8 rgb(185,218,232)
```
#c8e2ed
```
#c8e2ed rgb(200,226,237)
```
#d7eaf2
```
#d7eaf2 rgb(215,234,242)
```
#e6f1f7
```
#e6f1f7 rgb(230,241,247)
```
#f4f9fc
```
#f4f9fc rgb(244,249,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 #037db3 is the most saturated one.

#575d5f
```
#575d5f rgb(87,93,95)
```
#505f66
```
#505f66 rgb(80,95,102)
```
#49626d
```
#49626d rgb(73,98,109)
```
#426574
```
#426574 rgb(66,101,116)
```
#3b687b
```
#3b687b rgb(59,104,123)
```
#346a82
```
#346a82 rgb(52,106,130)
```
#2d6d89
```
#2d6d89 rgb(45,109,137)
```
#267090
```
#267090 rgb(38,112,144)
```
#1f7297
```
#1f7297 rgb(31,114,151)
```
#18759e
```
#18759e rgb(24,117,158)
```
#1178a5
```
#1178a5 rgb(17,120,165)
```
#0a7bac
```
#0a7bac rgb(10,123,172)
```
#037db3
```
#037db3 rgb(3,125,179)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#536066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666c8a Protanopia 1% of men
#626c92 Deuteranopia 1% of men
#2d7780 Tritanopia 0.001% of the population

Trichromacy

#516c89 Protanomaly 1% of men, 0.01% of women
#4e6c8e Deuteranomaly 6% of men, 0.4% of women
#2d7383 Tritanomaly 0.01% of the population

#2d6d89 hex color

#2d6d89 Color Information

#2d6d89 Color Conversion

Color Schemes with #2d6d89

Alternatives to #2d6d89

#2d6d89 Preview

Shades and Tints of #2d6d89

Tones of #2d6d89

Color Blindness Simulator