#2d5777 hex color

In a RGB color space, hex #2d5777 is composed of 17.6% red, 34.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 26.9% magenta, 0% yellow and 53.3% black. It has a hue angle of 205.9 degrees, a saturation of 45.1% and a lightness of 32.2%. #2d5777 color hex could be obtained by blending #5aaeee with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 34
- B 47
RGB color chart
- C 62
- M 27
- Y 0
- K 53
CMYK color chart

● #2d5777 color description : Dark moderate blue.

The hexadecimal color #2d5777 has RGB values of R:45, G:87, B:119 and CMYK values of C:0.62, M:0.27, Y:0, K:0.53. Its decimal value is 2971511.

Hex triplet	2d5777	`#2d5777`
RGB Decimal	45, 87, 119	`rgb(45,87,119)`
RGB Percent	17.6, 34.1, 46.7	`rgb(17.6%,34.1%,46.7%)`
CMYK	62, 27, 0, 53
HSL	205.9°, 45.1, 32.2	`hsl(205.9,45.1%,32.2%)`
HSV (or HSB)	205.9°, 62.2, 46.7
Web Safe	336666	`#336666`

CIE-LAB	35.411, -4.14, -22.57
XYZ	7.819, 8.706, 18.72
xyY	0.222, 0.247, 8.706
CIE-LCH	35.411, 22.947, 259.607
CIE-LUV	35.411, -17.071, -30.216
Hunter-Lab	29.505, -4.329, -16.964
Binary	00101101, 01010111, 01110111

#2d5777
```
#2d5777 rgb(45,87,119)
```
#774d2d
```
#774d2d rgb(119,77,45)
```

Complementary Color

#2d7772
```
#2d7772 rgb(45,119,114)
```
#2d5777
```
#2d5777 rgb(45,87,119)
```
#2d3277
```
#2d3277 rgb(45,50,119)
```

Analogous Color

#77722d
```
#77722d rgb(119,114,45)
```
#2d5777
```
#2d5777 rgb(45,87,119)
```
#772d32
```
#772d32 rgb(119,45,50)
```

Split Complementary Color

#57772d
```
#57772d rgb(87,119,45)
```
#2d5777
```
#2d5777 rgb(45,87,119)
```
#772d57
```
#772d57 rgb(119,45,87)
```

Triadic Color

#2d774d
```
#2d774d rgb(45,119,77)
```
#2d5777
```
#2d5777 rgb(45,87,119)
```
#772d57
```
#772d57 rgb(119,45,87)
```
#774d2d
```
#774d2d rgb(119,77,45)
```

Tetradic Color

#182e3f
```
#182e3f rgb(24,46,63)
```
#1f3c52
```
#1f3c52 rgb(31,60,82)
```
#264964
```
#264964 rgb(38,73,100)
```
#2d5777
```
#2d5777 rgb(45,87,119)
```
#34658a
```
#34658a rgb(52,101,138)
```
#3b729c
```
#3b729c rgb(59,114,156)
```
#4280af
```
#4280af rgb(66,128,175)
```

Monochromatic Color

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

#2d6a77
```
#2d6a77 rgb(45,106,119)
```
#2d6377
```
#2d6377 rgb(45,99,119)
```
#2d5d77
```
#2d5d77 rgb(45,93,119)
```
#2d5777
```
#2d5777 rgb(45,87,119)
```
#2d5177
```
#2d5177 rgb(45,81,119)
```
#2d4b77
```
#2d4b77 rgb(45,75,119)
```
#2d4577
```
#2d4577 rgb(45,69,119)
```

Similar Colors

Text with hexadecimal color #2d5777

This text has a font color of #2d5777.

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

#2d5777 background color

This paragraph has a background color of #2d5777.

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

#2d5777 border color

This element has a border color of #2d5777.

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

CSS codes

.text {color:#2d5777;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#070e13
```
#070e13 rgb(7,14,19)
```
#0d1922
```
#0d1922 rgb(13,25,34)
```
#122330
```
#122330 rgb(18,35,48)
```
#172d3e
```
#172d3e rgb(23,45,62)
```
#1d384c
```
#1d384c rgb(29,56,76)
```
#22425b
```
#22425b rgb(34,66,91)
```
#284d69
```
#284d69 rgb(40,77,105)
```
#2d5777
```
#2d5777 rgb(45,87,119)
```
#326185
```
#326185 rgb(50,97,133)
```
#386c93
```
#386c93 rgb(56,108,147)
```
#3d76a2
```
#3d76a2 rgb(61,118,162)
```
#4381b0
```
#4381b0 rgb(67,129,176)
```

Shade Color Variation

#4b8bbb
```
#4b8bbb rgb(75,139,187)
```
#5994c0
```
#5994c0 rgb(89,148,192)
```
#689dc6
```
#689dc6 rgb(104,157,198)
```
#76a6cb
```
#76a6cb rgb(118,166,203)
```
#84afd1
```
#84afd1 rgb(132,175,209)
```
#92b9d6
```
#92b9d6 rgb(146,185,214)
```
#a1c2db
```
#a1c2db rgb(161,194,219)
```
#afcbe1
```
#afcbe1 rgb(175,203,225)
```
#bdd4e6
```
#bdd4e6 rgb(189,212,230)
```
#cbddeb
```
#cbddeb rgb(203,221,235)
```
#d9e7f1
```
#d9e7f1 rgb(217,231,241)
```
#e8f0f6
```
#e8f0f6 rgb(232,240,246)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d5357 is the less saturated color, while #015da3 is the most saturated one.

#4d5357
```
#4d5357 rgb(77,83,87)
```
#46545e
```
#46545e rgb(70,84,94)
```
#405464
```
#405464 rgb(64,84,100)
```
#3a556a
```
#3a556a rgb(58,85,106)
```
#335671
```
#335671 rgb(51,86,113)
```
#2d5777
```
#2d5777 rgb(45,87,119)
```
#27587d
```
#27587d rgb(39,88,125)
```
#205984
```
#205984 rgb(32,89,132)
```
#1a5a8a
```
#1a5a8a rgb(26,90,138)
```
#145a90
```
#145a90 rgb(20,90,144)
```
#0d5b97
```
#0d5b97 rgb(13,91,151)
```
#075c9d
```
#075c9d rgb(7,92,157)
```
#015da3
```
#015da3 rgb(1,93,163)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#475056 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525b7a Protanopia 1% of men
#4d5b7f Deuteranopia 1% of men
#2d636a Tritanopia 0.001% of the population

Trichromacy

#445979 Protanomaly 1% of men, 0.01% of women
#41597c Deuteranomaly 6% of men, 0.4% of women
#2d5e6f Tritanomaly 0.01% of the population

#2d5777 hex color

#2d5777 Color Information

#2d5777 Color Conversion

Color Schemes with #2d5777

Alternatives to #2d5777

#2d5777 Preview

Shades and Tints of #2d5777

Tones of #2d5777

Color Blindness Simulator