#2d5981 hex color

In a RGB color space, hex #2d5981 is composed of 17.6% red, 34.9% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 31% magenta, 0% yellow and 49.4% black. It has a hue angle of 208.6 degrees, a saturation of 48.3% and a lightness of 34.1%. #2d5981 color hex could be obtained by blending #5ab2ff with #000003. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 35
- B 51
RGB color chart
- C 65
- M 31
- Y 0
- K 49
CMYK color chart

● #2d5981 color description : Dark moderate blue.

The hexadecimal color #2d5981 has RGB values of R:45, G:89, B:129 and CMYK values of C:0.65, M:0.31, Y:0, K:0.49. Its decimal value is 2972033.

Hex triplet	2d5981	`#2d5981`
RGB Decimal	45, 89, 129	`rgb(45,89,129)`
RGB Percent	17.6, 34.9, 50.6	`rgb(17.6%,34.9%,50.6%)`
CMYK	65, 31, 0, 49
HSL	208.6°, 48.3, 34.1	`hsl(208.6,48.3%,34.1%)`
HSV (or HSB)	208.6°, 65.1, 50.6
Web Safe	336699	`#336699`

CIE-LAB	36.531, -1.818, -26.977
XYZ	8.616, 9.287, 22.106
xyY	0.215, 0.232, 9.287
CIE-LCH	36.531, 27.038, 266.144
CIE-LUV	36.531, -17.558, -37.137
Hunter-Lab	30.475, -2.863, -21.676
Binary	00101101, 01011001, 10000001

#2d5981
```
#2d5981 rgb(45,89,129)
```
#81552d
```
#81552d rgb(129,85,45)
```

Complementary Color

#2d817f
```
#2d817f rgb(45,129,127)
```
#2d5981
```
#2d5981 rgb(45,89,129)
```
#2d2f81
```
#2d2f81 rgb(45,47,129)
```

Analogous Color

#817f2d
```
#817f2d rgb(129,127,45)
```
#2d5981
```
#2d5981 rgb(45,89,129)
```
#812d2f
```
#812d2f rgb(129,45,47)
```

Split Complementary Color

#59812d
```
#59812d rgb(89,129,45)
```
#2d5981
```
#2d5981 rgb(45,89,129)
```
#812d59
```
#812d59 rgb(129,45,89)
```

Triadic Color

#2d8155
```
#2d8155 rgb(45,129,85)
```
#2d5981
```
#2d5981 rgb(45,89,129)
```
#812d59
```
#812d59 rgb(129,45,89)
```
#81552d
```
#81552d rgb(129,85,45)
```

Tetradic Color

#193248
```
#193248 rgb(25,50,72)
```
#203f5b
```
#203f5b rgb(32,63,91)
```
#264c6e
```
#264c6e rgb(38,76,110)
```
#2d5981
```
#2d5981 rgb(45,89,129)
```
#346694
```
#346694 rgb(52,102,148)
```
#3a73a7
```
#3a73a7 rgb(58,115,167)
```
#4180ba
```
#4180ba rgb(65,128,186)
```

Monochromatic Color

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

#2d6e81
```
#2d6e81 rgb(45,110,129)
```
#2d6781
```
#2d6781 rgb(45,103,129)
```
#2d6081
```
#2d6081 rgb(45,96,129)
```
#2d5981
```
#2d5981 rgb(45,89,129)
```
#2d5281
```
#2d5281 rgb(45,82,129)
```
#2d4b81
```
#2d4b81 rgb(45,75,129)
```
#2d4481
```
#2d4481 rgb(45,68,129)
```

Similar Colors

Text with hexadecimal color #2d5981

This text has a font color of #2d5981.

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

#2d5981 background color

This paragraph has a background color of #2d5981.

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

#2d5981 border color

This element has a border color of #2d5981.

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

CSS codes

.text {color:#2d5981;}

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

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

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, #04090d is the darkest color, while #fdfefe is the lightest one.

#04090d
```
#04090d rgb(4,9,13)
```
#09131b
```
#09131b rgb(9,19,27)
```
#0f1d2a
```
#0f1d2a rgb(15,29,42)
```
#142738
```
#142738 rgb(20,39,56)
```
#193147
```
#193147 rgb(25,49,71)
```
#1e3b55
```
#1e3b55 rgb(30,59,85)
```
#234564
```
#234564 rgb(35,69,100)
```
#284f72
```
#284f72 rgb(40,79,114)
```
#2d5981
```
#2d5981 rgb(45,89,129)
```
#326390
```
#326390 rgb(50,99,144)
```
#376d9e
```
#376d9e rgb(55,109,158)
```
#3c77ad
```
#3c77ad rgb(60,119,173)
```
#4181bb
```
#4181bb rgb(65,129,187)
```

Shade Color Variation

#4f8bc1
```
#4f8bc1 rgb(79,139,193)
```
#5d94c7
```
#5d94c7 rgb(93,148,199)
```
#6c9ecc
```
#6c9ecc rgb(108,158,204)
```
#7aa8d1
```
#7aa8d1 rgb(122,168,209)
```
#89b1d6
```
#89b1d6 rgb(137,177,214)
```
#97bbdb
```
#97bbdb rgb(151,187,219)
```
#a6c4e0
```
#a6c4e0 rgb(166,196,224)
```
#b4cee5
```
#b4cee5 rgb(180,206,229)
```
#c3d7ea
```
#c3d7ea rgb(195,215,234)
```
#d1e1ef
```
#d1e1ef rgb(209,225,239)
```
#e0ebf4
```
#e0ebf4 rgb(224,235,244)
```
#eff4f9
```
#eff4f9 rgb(239,244,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555759 is the less saturated color, while #055ba9 is the most saturated one.

#555759
```
#555759 rgb(85,87,89)
```
#4e5760
```
#4e5760 rgb(78,87,96)
```
#485866
```
#485866 rgb(72,88,102)
```
#41586d
```
#41586d rgb(65,88,109)
```
#3a5874
```
#3a5874 rgb(58,88,116)
```
#34597a
```
#34597a rgb(52,89,122)
```
#2d5981
```
#2d5981 rgb(45,89,129)
```
#265988
```
#265988 rgb(38,89,136)
```
#205a8e
```
#205a8e rgb(32,90,142)
```
#195a95
```
#195a95 rgb(25,90,149)
```
#125a9c
```
#125a9c rgb(18,90,156)
```
#0c5ba2
```
#0c5ba2 rgb(12,91,162)
```
#055ba9
```
#055ba9 rgb(5,91,169)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#49525a Atypical Achromatopsia 0.001% of the population

Dichromacy

#515d84 Protanopia 1% of men
#495e88 Deuteranopia 1% of men
#27666e Tritanopia 0.001% of the population

Trichromacy

#445b83 Protanomaly 1% of men, 0.01% of women
#3f5c86 Deuteranomaly 6% of men, 0.4% of women
#296175 Tritanomaly 0.01% of the population

#2d5981 hex color

#2d5981 Color Information

#2d5981 Color Conversion

Color Schemes with #2d5981

Alternatives to #2d5981

#2d5981 Preview

Shades and Tints of #2d5981

Tones of #2d5981

Color Blindness Simulator