#2d5377 hex color

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

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

● #2d5377 color description : Dark moderate blue.

The hexadecimal color #2d5377 has RGB values of R:45, G:83, B:119 and CMYK values of C:0.62, M:0.3, Y:0, K:0.53. Its decimal value is 2970487.

Hex triplet	2d5377	`#2d5377`
RGB Decimal	45, 83, 119	`rgb(45,83,119)`
RGB Percent	17.6, 32.5, 46.7	`rgb(17.6%,32.5%,46.7%)`
CMYK	62, 30, 0, 53
HSL	209.2°, 45.1, 32.2	`hsl(209.2,45.1%,32.2%)`
HSV (or HSB)	209.2°, 62.2, 46.7
Web Safe	336666	`#336666`

CIE-LAB	34.14, -1.621, -24.553
XYZ	7.504, 8.076, 18.615
xyY	0.219, 0.236, 8.076
CIE-LCH	34.14, 24.607, 266.223
CIE-LUV	34.14, -15.592, -33.005
Hunter-Lab	28.418, -2.594, -18.945
Binary	00101101, 01010011, 01110111

#2d5377
```
#2d5377 rgb(45,83,119)
```
#77512d
```
#77512d rgb(119,81,45)
```

Complementary Color

#2d7776
```
#2d7776 rgb(45,119,118)
```
#2d5377
```
#2d5377 rgb(45,83,119)
```
#2d2e77
```
#2d2e77 rgb(45,46,119)
```

Analogous Color

#77762d
```
#77762d rgb(119,118,45)
```
#2d5377
```
#2d5377 rgb(45,83,119)
```
#772d2e
```
#772d2e rgb(119,45,46)
```

Split Complementary Color

#53772d
```
#53772d rgb(83,119,45)
```
#2d5377
```
#2d5377 rgb(45,83,119)
```
#772d53
```
#772d53 rgb(119,45,83)
```

Triadic Color

#2d7751
```
#2d7751 rgb(45,119,81)
```
#2d5377
```
#2d5377 rgb(45,83,119)
```
#772d53
```
#772d53 rgb(119,45,83)
```
#77512d
```
#77512d rgb(119,81,45)
```

Tetradic Color

#182c3f
```
#182c3f rgb(24,44,63)
```
#1f3952
```
#1f3952 rgb(31,57,82)
```
#264664
```
#264664 rgb(38,70,100)
```
#2d5377
```
#2d5377 rgb(45,83,119)
```
#34608a
```
#34608a rgb(52,96,138)
```
#3b6d9c
```
#3b6d9c rgb(59,109,156)
```
#427aaf
```
#427aaf rgb(66,122,175)
```

Monochromatic Color

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

#2d6677
```
#2d6677 rgb(45,102,119)
```
#2d5f77
```
#2d5f77 rgb(45,95,119)
```
#2d5977
```
#2d5977 rgb(45,89,119)
```
#2d5377
```
#2d5377 rgb(45,83,119)
```
#2d4d77
```
#2d4d77 rgb(45,77,119)
```
#2d4777
```
#2d4777 rgb(45,71,119)
```
#2d4077
```
#2d4077 rgb(45,64,119)
```

Similar Colors

Text with hexadecimal color #2d5377

This text has a font color of #2d5377.

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

#2d5377 background color

This paragraph has a background color of #2d5377.

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

#2d5377 border color

This element has a border color of #2d5377.

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

CSS codes

.text {color:#2d5377;}

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

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

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)
```
#0d1722
```
#0d1722 rgb(13,23,34)
```
#122130
```
#122130 rgb(18,33,48)
```
#172b3e
```
#172b3e rgb(23,43,62)
```
#1d354c
```
#1d354c rgb(29,53,76)
```
#223f5b
```
#223f5b rgb(34,63,91)
```
#284969
```
#284969 rgb(40,73,105)
```
#2d5377
```
#2d5377 rgb(45,83,119)
```
#325d85
```
#325d85 rgb(50,93,133)
```
#386793
```
#386793 rgb(56,103,147)
```
#3d71a2
```
#3d71a2 rgb(61,113,162)
```
#437bb0
```
#437bb0 rgb(67,123,176)
```

Shade Color Variation

#4b85bb
```
#4b85bb rgb(75,133,187)
```
#598ec0
```
#598ec0 rgb(89,142,192)
```
#6898c6
```
#6898c6 rgb(104,152,198)
```
#76a2cb
```
#76a2cb rgb(118,162,203)
```
#84abd1
```
#84abd1 rgb(132,171,209)
```
#92b5d6
```
#92b5d6 rgb(146,181,214)
```
#a1bfdb
```
#a1bfdb rgb(161,191,219)
```
#afc8e1
```
#afc8e1 rgb(175,200,225)
```
#bdd2e6
```
#bdd2e6 rgb(189,210,230)
```
#cbdceb
```
#cbdceb rgb(203,220,235)
```
#d9e5f1
```
#d9e5f1 rgb(217,229,241)
```
#e8eff6
```
#e8eff6 rgb(232,239,246)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#4d5257
```
#4d5257 rgb(77,82,87)
```
#46525e
```
#46525e rgb(70,82,94)
```
#405264
```
#405264 rgb(64,82,100)
```
#3a536a
```
#3a536a rgb(58,83,106)
```
#335371
```
#335371 rgb(51,83,113)
```
#2d5377
```
#2d5377 rgb(45,83,119)
```
#27537d
```
#27537d rgb(39,83,125)
```
#205384
```
#205384 rgb(32,83,132)
```
#1a548a
```
#1a548a rgb(26,84,138)
```
#145490
```
#145490 rgb(20,84,144)
```
#0d5497
```
#0d5497 rgb(13,84,151)
```
#07549d
```
#07549d rgb(7,84,157)
```
#0154a3
```
#0154a3 rgb(1,84,163)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464d55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d587b Protanopia 1% of men
#47587f Deuteranopia 1% of men
#2b6067 Tritanopia 0.001% of the population

Trichromacy

#415679 Protanomaly 1% of men, 0.01% of women
#3d567c Deuteranomaly 6% of men, 0.4% of women
#2b5b6d Tritanomaly 0.01% of the population

#2d5377 hex color

#2d5377 Color Information

#2d5377 Color Conversion

Color Schemes with #2d5377

Alternatives to #2d5377

#2d5377 Preview

Shades and Tints of #2d5377

Tones of #2d5377

Color Blindness Simulator