#2d5c75 hex color

In a RGB color space, hex #2d5c75 is composed of 17.6% red, 36.1% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 21.4% magenta, 0% yellow and 54.1% black. It has a hue angle of 200.8 degrees, a saturation of 44.4% and a lightness of 31.8%. #2d5c75 color hex could be obtained by blending #5ab8ea with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 36
- B 46
RGB color chart
- C 62
- M 21
- Y 0
- K 54
CMYK color chart

● #2d5c75 color description : Dark moderate blue.

The hexadecimal color #2d5c75 has RGB values of R:45, G:92, B:117 and CMYK values of C:0.62, M:0.21, Y:0, K:0.54. Its decimal value is 2972789.

Hex triplet	2d5c75	`#2d5c75`
RGB Decimal	45, 92, 117	`rgb(45,92,117)`
RGB Percent	17.6, 36.1, 45.9	`rgb(17.6%,36.1%,45.9%)`
CMYK	62, 21, 0, 54
HSL	200.8°, 44.4, 31.8	`hsl(200.8,44.4%,31.8%)`
HSV (or HSB)	200.8°, 61.5, 45.9
Web Safe	336666	`#336666`

CIE-LAB	36.922, -7.905, -18.994
XYZ	8.119, 9.496, 18.234
xyY	0.226, 0.265, 9.496
CIE-LCH	36.922, 20.573, 247.402
CIE-LUV	36.922, -19.014, -24.944
Hunter-Lab	30.816, -6.895, -13.511
Binary	00101101, 01011100, 01110101

#2d5c75
```
#2d5c75 rgb(45,92,117)
```
#75462d
```
#75462d rgb(117,70,45)
```

Complementary Color

#2d756a
```
#2d756a rgb(45,117,106)
```
#2d5c75
```
#2d5c75 rgb(45,92,117)
```
#2d3875
```
#2d3875 rgb(45,56,117)
```

Analogous Color

#756a2d
```
#756a2d rgb(117,106,45)
```
#2d5c75
```
#2d5c75 rgb(45,92,117)
```
#752d38
```
#752d38 rgb(117,45,56)
```

Split Complementary Color

#5c752d
```
#5c752d rgb(92,117,45)
```
#2d5c75
```
#2d5c75 rgb(45,92,117)
```
#752d5c
```
#752d5c rgb(117,45,92)
```

Triadic Color

#2d7546
```
#2d7546 rgb(45,117,70)
```
#2d5c75
```
#2d5c75 rgb(45,92,117)
```
#752d5c
```
#752d5c rgb(117,45,92)
```
#75462d
```
#75462d rgb(117,70,45)
```

Tetradic Color

#18313e
```
#18313e rgb(24,49,62)
```
#1f3f50
```
#1f3f50 rgb(31,63,80)
```
#264e63
```
#264e63 rgb(38,78,99)
```
#2d5c75
```
#2d5c75 rgb(45,92,117)
```
#346a87
```
#346a87 rgb(52,106,135)
```
#3b799a
```
#3b799a rgb(59,121,154)
```
#4287ac
```
#4287ac rgb(66,135,172)
```

Monochromatic Color

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

#2d6e75
```
#2d6e75 rgb(45,110,117)
```
#2d6875
```
#2d6875 rgb(45,104,117)
```
#2d6275
```
#2d6275 rgb(45,98,117)
```
#2d5c75
```
#2d5c75 rgb(45,92,117)
```
#2d5675
```
#2d5675 rgb(45,86,117)
```
#2d5075
```
#2d5075 rgb(45,80,117)
```
#2d4a75
```
#2d4a75 rgb(45,74,117)
```

Similar Colors

Text with hexadecimal color #2d5c75

This text has a font color of #2d5c75.

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

#2d5c75 background color

This paragraph has a background color of #2d5c75.

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

#2d5c75 border color

This element has a border color of #2d5c75.

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

CSS codes

.text {color:#2d5c75;}

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

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

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 #f5f9fb is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#070e12
```
#070e12 rgb(7,14,18)
```
#0c1920
```
#0c1920 rgb(12,25,32)
```
#12242e
```
#12242e rgb(18,36,46)
```
#172f3c
```
#172f3c rgb(23,47,60)
```
#1d3b4b
```
#1d3b4b rgb(29,59,75)
```
#224659
```
#224659 rgb(34,70,89)
```
#285167
```
#285167 rgb(40,81,103)
```
#2d5c75
```
#2d5c75 rgb(45,92,117)
```
#326783
```
#326783 rgb(50,103,131)
```
#387291
```
#387291 rgb(56,114,145)
```
#3d7da0
```
#3d7da0 rgb(61,125,160)
```
#4389ae
```
#4389ae rgb(67,137,174)
```

Shade Color Variation

#4b93ba
```
#4b93ba rgb(75,147,186)
```
#599bbf
```
#599bbf rgb(89,155,191)
```
#67a4c4
```
#67a4c4 rgb(103,164,196)
```
#75acca
```
#75acca rgb(117,172,202)
```
#83b5cf
```
#83b5cf rgb(131,181,207)
```
#91bdd5
```
#91bdd5 rgb(145,189,213)
```
#a0c6da
```
#a0c6da rgb(160,198,218)
```
#aecee0
```
#aecee0 rgb(174,206,224)
```
#bcd7e5
```
#bcd7e5 rgb(188,215,229)
```
#cadfeb
```
#cadfeb rgb(202,223,235)
```
#d8e8f0
```
#d8e8f0 rgb(216,232,240)
```
#e6f0f6
```
#e6f0f6 rgb(230,240,246)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

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

#4c5256
```
#4c5256 rgb(76,82,86)
```
#46545c
```
#46545c rgb(70,84,92)
```
#405662
```
#405662 rgb(64,86,98)
```
#395869
```
#395869 rgb(57,88,105)
```
#335a6f
```
#335a6f rgb(51,90,111)
```
#2d5c75
```
#2d5c75 rgb(45,92,117)
```
#275e7b
```
#275e7b rgb(39,94,123)
```
#216081
```
#216081 rgb(33,96,129)
```
#1a6288
```
#1a6288 rgb(26,98,136)
```
#14648e
```
#14648e rgb(20,100,142)
```
#0e6694
```
#0e6694 rgb(14,102,148)
```
#08679a
```
#08679a rgb(8,103,154)
```
#0169a1
```
#0169a1 rgb(1,105,161)
```

Tone Color Variation

Below, you can see how #2d5c75 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
#4a5358 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585e78 Protanopia 1% of men
#555e7e Deuteranopia 1% of men
#30676e Tritanopia 0.001% of the population

Trichromacy

#485d77 Protanomaly 1% of men, 0.01% of women
#465d7b Deuteranomaly 6% of men, 0.4% of women
#2f6370 Tritanomaly 0.01% of the population

#2d5c75 hex color

#2d5c75 Color Information

#2d5c75 Color Conversion

Color Schemes with #2d5c75

Alternatives to #2d5c75

#2d5c75 Preview

Shades and Tints of #2d5c75

Tones of #2d5c75

Color Blindness Simulator