#2d5575 hex color

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

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

● #2d5575 color description : Dark moderate blue.

The hexadecimal color #2d5575 has RGB values of R:45, G:85, B:117 and CMYK values of C:0.62, M:0.27, Y:0, K:0.54. Its decimal value is 2970997.

Hex triplet	2d5575	`#2d5575`
RGB Decimal	45, 85, 117	`rgb(45,85,117)`
RGB Percent	17.6, 33.3, 45.9	`rgb(17.6%,33.3%,45.9%)`
CMYK	62, 27, 0, 54
HSL	206.7°, 44.4, 31.8	`hsl(206.7,44.4%,31.8%)`
HSV (or HSB)	206.7°, 61.5, 45.9
Web Safe	336666	`#336666`

CIE-LAB	34.679, -3.595, -22.472
XYZ	7.541, 8.339, 18.041
xyY	0.222, 0.246, 8.339
CIE-LCH	34.679, 22.758, 260.91
CIE-LUV	34.679, -16.373, -29.96
Hunter-Lab	28.877, -3.922, -16.828
Binary	00101101, 01010101, 01110101

#2d5575
```
#2d5575 rgb(45,85,117)
```
#754d2d
```
#754d2d rgb(117,77,45)
```

Complementary Color

#2d7571
```
#2d7571 rgb(45,117,113)
```
#2d5575
```
#2d5575 rgb(45,85,117)
```
#2d3175
```
#2d3175 rgb(45,49,117)
```

Analogous Color

#75712d
```
#75712d rgb(117,113,45)
```
#2d5575
```
#2d5575 rgb(45,85,117)
```
#752d31
```
#752d31 rgb(117,45,49)
```

Split Complementary Color

#55752d
```
#55752d rgb(85,117,45)
```
#2d5575
```
#2d5575 rgb(45,85,117)
```
#752d55
```
#752d55 rgb(117,45,85)
```

Triadic Color

#2d754d
```
#2d754d rgb(45,117,77)
```
#2d5575
```
#2d5575 rgb(45,85,117)
```
#752d55
```
#752d55 rgb(117,45,85)
```
#754d2d
```
#754d2d rgb(117,77,45)
```

Tetradic Color

#182d3e
```
#182d3e rgb(24,45,62)
```
#1f3a50
```
#1f3a50 rgb(31,58,80)
```
#264863
```
#264863 rgb(38,72,99)
```
#2d5575
```
#2d5575 rgb(45,85,117)
```
#346287
```
#346287 rgb(52,98,135)
```
#3b709a
```
#3b709a rgb(59,112,154)
```
#427dac
```
#427dac rgb(66,125,172)
```

Monochromatic Color

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

#2d6775
```
#2d6775 rgb(45,103,117)
```
#2d6175
```
#2d6175 rgb(45,97,117)
```
#2d5b75
```
#2d5b75 rgb(45,91,117)
```
#2d5575
```
#2d5575 rgb(45,85,117)
```
#2d4f75
```
#2d4f75 rgb(45,79,117)
```
#2d4975
```
#2d4975 rgb(45,73,117)
```
#2d4375
```
#2d4375 rgb(45,67,117)
```

Similar Colors

Text with hexadecimal color #2d5575

This text has a font color of #2d5575.

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

#2d5575 background color

This paragraph has a background color of #2d5575.

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

#2d5575 border color

This element has a border color of #2d5575.

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

CSS codes

.text {color:#2d5575;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#070d12
```
#070d12 rgb(7,13,18)
```
#0c1720
```
#0c1720 rgb(12,23,32)
```
#12222e
```
#12222e rgb(18,34,46)
```
#172c3c
```
#172c3c rgb(23,44,60)
```
#1d364b
```
#1d364b rgb(29,54,75)
```
#224059
```
#224059 rgb(34,64,89)
```
#284b67
```
#284b67 rgb(40,75,103)
```
#2d5575
```
#2d5575 rgb(45,85,117)
```
#325f83
```
#325f83 rgb(50,95,131)
```
#386a91
```
#386a91 rgb(56,106,145)
```
#3d74a0
```
#3d74a0 rgb(61,116,160)
```
#437eae
```
#437eae rgb(67,126,174)
```

Shade Color Variation

#4b88ba
```
#4b88ba rgb(75,136,186)
```
#5992bf
```
#5992bf rgb(89,146,191)
```
#679bc4
```
#679bc4 rgb(103,155,196)
```
#75a4ca
```
#75a4ca rgb(117,164,202)
```
#83aecf
```
#83aecf rgb(131,174,207)
```
#91b7d5
```
#91b7d5 rgb(145,183,213)
```
#a0c0da
```
#a0c0da rgb(160,192,218)
```
#aec9e0
```
#aec9e0 rgb(174,201,224)
```
#bcd3e5
```
#bcd3e5 rgb(188,211,229)
```
#cadceb
```
#cadceb rgb(202,220,235)
```
#d8e5f0
```
#d8e5f0 rgb(216,229,240)
```
#e6eff6
```
#e6eff6 rgb(230,239,246)
```
#f5f8fb
```
#f5f8fb rgb(245,248,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 #015aa1 is the most saturated one.

#4c5256
```
#4c5256 rgb(76,82,86)
```
#46525c
```
#46525c rgb(70,82,92)
```
#405362
```
#405362 rgb(64,83,98)
```
#395469
```
#395469 rgb(57,84,105)
```
#33546f
```
#33546f rgb(51,84,111)
```
#2d5575
```
#2d5575 rgb(45,85,117)
```
#27567b
```
#27567b rgb(39,86,123)
```
#215681
```
#215681 rgb(33,86,129)
```
#1a5788
```
#1a5788 rgb(26,87,136)
```
#14588e
```
#14588e rgb(20,88,142)
```
#0e5894
```
#0e5894 rgb(14,88,148)
```
#08599a
```
#08599a rgb(8,89,154)
```
#015aa1
```
#015aa1 rgb(1,90,161)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474f55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505979 Protanopia 1% of men
#4b597d Deuteranopia 1% of men
#2d6168 Tritanopia 0.001% of the population

Trichromacy

#435777 Protanomaly 1% of men, 0.01% of women
#40587a Deuteranomaly 6% of men, 0.4% of women
#2d5d6d Tritanomaly 0.01% of the population

#2d5575 hex color

#2d5575 Color Information

#2d5575 Color Conversion

Color Schemes with #2d5575

Alternatives to #2d5575

#2d5575 Preview

Shades and Tints of #2d5575

Tones of #2d5575

Color Blindness Simulator