#2d5a81 hex color

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

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

● #2d5a81 color description : Dark moderate blue.

The hexadecimal color #2d5a81 has RGB values of R:45, G:90, B:129 and CMYK values of C:0.65, M:0.3, Y:0, K:0.49. Its decimal value is 2972289.

Hex triplet	2d5a81	`#2d5a81`
RGB Decimal	45, 90, 129	`rgb(45,90,129)`
RGB Percent	17.6, 35.3, 50.6	`rgb(17.6%,35.3%,50.6%)`
CMYK	65, 30, 0, 49
HSL	207.9°, 48.3, 34.1	`hsl(207.9,48.3%,34.1%)`
HSV (or HSB)	207.9°, 65.1, 50.6
Web Safe	336699	`#336699`

CIE-LAB	36.845, -2.446, -26.485
XYZ	8.7, 9.455, 22.134
xyY	0.216, 0.235, 9.455
CIE-LCH	36.845, 26.598, 264.722
CIE-LUV	36.845, -17.922, -36.435
Hunter-Lab	30.748, -3.305, -21.156
Binary	00101101, 01011010, 10000001

#2d5a81
```
#2d5a81 rgb(45,90,129)
```
#81542d
```
#81542d rgb(129,84,45)
```

Complementary Color

#2d817e
```
#2d817e rgb(45,129,126)
```
#2d5a81
```
#2d5a81 rgb(45,90,129)
```
#2d3081
```
#2d3081 rgb(45,48,129)
```

Analogous Color

#817e2d
```
#817e2d rgb(129,126,45)
```
#2d5a81
```
#2d5a81 rgb(45,90,129)
```
#812d30
```
#812d30 rgb(129,45,48)
```

Split Complementary Color

#5a812d
```
#5a812d rgb(90,129,45)
```
#2d5a81
```
#2d5a81 rgb(45,90,129)
```
#812d5a
```
#812d5a rgb(129,45,90)
```

Triadic Color

#2d8154
```
#2d8154 rgb(45,129,84)
```
#2d5a81
```
#2d5a81 rgb(45,90,129)
```
#812d5a
```
#812d5a rgb(129,45,90)
```
#81542d
```
#81542d rgb(129,84,45)
```

Tetradic Color

#193248
```
#193248 rgb(25,50,72)
```
#20405b
```
#20405b rgb(32,64,91)
```
#264d6e
```
#264d6e rgb(38,77,110)
```
#2d5a81
```
#2d5a81 rgb(45,90,129)
```
#346794
```
#346794 rgb(52,103,148)
```
#3a74a7
```
#3a74a7 rgb(58,116,167)
```
#4182ba
```
#4182ba rgb(65,130,186)
```

Monochromatic Color

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

#2d6f81
```
#2d6f81 rgb(45,111,129)
```
#2d6881
```
#2d6881 rgb(45,104,129)
```
#2d6181
```
#2d6181 rgb(45,97,129)
```
#2d5a81
```
#2d5a81 rgb(45,90,129)
```
#2d5381
```
#2d5381 rgb(45,83,129)
```
#2d4c81
```
#2d4c81 rgb(45,76,129)
```
#2d4581
```
#2d4581 rgb(45,69,129)
```

Similar Colors

Text with hexadecimal color #2d5a81

This text has a font color of #2d5a81.

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

#2d5a81 background color

This paragraph has a background color of #2d5a81.

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

#2d5a81 border color

This element has a border color of #2d5a81.

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

CSS codes

.text {color:#2d5a81;}

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

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

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)
```
#1e3c55
```
#1e3c55 rgb(30,60,85)
```
#234664
```
#234664 rgb(35,70,100)
```
#285072
```
#285072 rgb(40,80,114)
```
#2d5a81
```
#2d5a81 rgb(45,90,129)
```
#326490
```
#326490 rgb(50,100,144)
```
#376e9e
```
#376e9e rgb(55,110,158)
```
#3c78ad
```
#3c78ad rgb(60,120,173)
```
#4183bb
```
#4183bb rgb(65,131,187)
```

Shade Color Variation

#4f8cc1
```
#4f8cc1 rgb(79,140,193)
```
#5d96c7
```
#5d96c7 rgb(93,150,199)
```
#6c9fcc
```
#6c9fcc rgb(108,159,204)
```
#7aa9d1
```
#7aa9d1 rgb(122,169,209)
```
#89b2d6
```
#89b2d6 rgb(137,178,214)
```
#97bbdb
```
#97bbdb rgb(151,187,219)
```
#a6c5e0
```
#a6c5e0 rgb(166,197,224)
```
#b4cee5
```
#b4cee5 rgb(180,206,229)
```
#c3d8ea
```
#c3d8ea rgb(195,216,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 #055da9 is the most saturated one.

#555759
```
#555759 rgb(85,87,89)
```
#4e5860
```
#4e5860 rgb(78,88,96)
```
#485866
```
#485866 rgb(72,88,102)
```
#41596d
```
#41596d rgb(65,89,109)
```
#3a5974
```
#3a5974 rgb(58,89,116)
```
#345a7a
```
#345a7a rgb(52,90,122)
```
#2d5a81
```
#2d5a81 rgb(45,90,129)
```
#265a88
```
#265a88 rgb(38,90,136)
```
#205b8e
```
#205b8e rgb(32,91,142)
```
#195b95
```
#195b95 rgb(25,91,149)
```
#125c9c
```
#125c9c rgb(18,92,156)
```
#0c5ca2
```
#0c5ca2 rgb(12,92,162)
```
#055da9
```
#055da9 rgb(5,93,169)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4a535b Atypical Achromatopsia 0.001% of the population

Dichromacy

#525e84 Protanopia 1% of men
#4b5f89 Deuteranopia 1% of men
#27676f Tritanopia 0.001% of the population

Trichromacy

#445c83 Protanomaly 1% of men, 0.01% of women
#405d86 Deuteranomaly 6% of men, 0.4% of women
#296275 Tritanomaly 0.01% of the population

#2d5a81 hex color

#2d5a81 Color Information

#2d5a81 Color Conversion

Color Schemes with #2d5a81

Alternatives to #2d5a81

#2d5a81 Preview

Shades and Tints of #2d5a81

Tones of #2d5a81

Color Blindness Simulator