#2d5375 hex color

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

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

● #2d5375 color description : Dark moderate blue.

The hexadecimal color #2d5375 has RGB values of R:45, G:83, B:117 and CMYK values of C:0.62, M:0.29, Y:0, K:0.54. Its decimal value is 2970485.

Hex triplet	2d5375	`#2d5375`
RGB Decimal	45, 83, 117	`rgb(45,83,117)`
RGB Percent	17.6, 32.5, 45.9	`rgb(17.6%,32.5%,45.9%)`
CMYK	62, 29, 0, 54
HSL	208.3°, 44.4, 31.8	`hsl(208.3,44.4%,31.8%)`
HSV (or HSB)	208.3°, 61.5, 45.9
Web Safe	336666	`#336666`

CIE-LAB	34.042, -2.334, -23.465
XYZ	7.386, 8.028, 17.989
xyY	0.221, 0.24, 8.028
CIE-LCH	34.042, 23.581, 264.319
CIE-LUV	34.042, -15.631, -31.352
Hunter-Lab	28.334, -3.057, -17.809
Binary	00101101, 01010011, 01110101

#2d5375
```
#2d5375 rgb(45,83,117)
```
#754f2d
```
#754f2d rgb(117,79,45)
```

Complementary Color

#2d7573
```
#2d7573 rgb(45,117,115)
```
#2d5375
```
#2d5375 rgb(45,83,117)
```
#2d2f75
```
#2d2f75 rgb(45,47,117)
```

Analogous Color

#75732d
```
#75732d rgb(117,115,45)
```
#2d5375
```
#2d5375 rgb(45,83,117)
```
#752d2f
```
#752d2f rgb(117,45,47)
```

Split Complementary Color

#53752d
```
#53752d rgb(83,117,45)
```
#2d5375
```
#2d5375 rgb(45,83,117)
```
#752d53
```
#752d53 rgb(117,45,83)
```

Triadic Color

#2d754f
```
#2d754f rgb(45,117,79)
```
#2d5375
```
#2d5375 rgb(45,83,117)
```
#752d53
```
#752d53 rgb(117,45,83)
```
#754f2d
```
#754f2d rgb(117,79,45)
```

Tetradic Color

#182c3e
```
#182c3e rgb(24,44,62)
```
#1f3950
```
#1f3950 rgb(31,57,80)
```
#264663
```
#264663 rgb(38,70,99)
```
#2d5375
```
#2d5375 rgb(45,83,117)
```
#346087
```
#346087 rgb(52,96,135)
```
#3b6d9a
```
#3b6d9a rgb(59,109,154)
```
#427aac
```
#427aac rgb(66,122,172)
```

Monochromatic Color

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

#2d6575
```
#2d6575 rgb(45,101,117)
```
#2d5f75
```
#2d5f75 rgb(45,95,117)
```
#2d5975
```
#2d5975 rgb(45,89,117)
```
#2d5375
```
#2d5375 rgb(45,83,117)
```
#2d4d75
```
#2d4d75 rgb(45,77,117)
```
#2d4775
```
#2d4775 rgb(45,71,117)
```
#2d4175
```
#2d4175 rgb(45,65,117)
```

Similar Colors

Text with hexadecimal color #2d5375

This text has a font color of #2d5375.

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

#2d5375 background color

This paragraph has a background color of #2d5375.

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

#2d5375 border color

This element has a border color of #2d5375.

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

CSS codes

.text {color:#2d5375;}

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

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

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)
```
#12212e
```
#12212e rgb(18,33,46)
```
#172b3c
```
#172b3c rgb(23,43,60)
```
#1d354b
```
#1d354b rgb(29,53,75)
```
#223f59
```
#223f59 rgb(34,63,89)
```
#284967
```
#284967 rgb(40,73,103)
```
#2d5375
```
#2d5375 rgb(45,83,117)
```
#325d83
```
#325d83 rgb(50,93,131)
```
#386791
```
#386791 rgb(56,103,145)
```
#3d71a0
```
#3d71a0 rgb(61,113,160)
```
#437bae
```
#437bae rgb(67,123,174)
```

Shade Color Variation

#4b85ba
```
#4b85ba rgb(75,133,186)
```
#598fbf
```
#598fbf rgb(89,143,191)
```
#6798c4
```
#6798c4 rgb(103,152,196)
```
#75a2ca
```
#75a2ca rgb(117,162,202)
```
#83abcf
```
#83abcf rgb(131,171,207)
```
#91b5d5
```
#91b5d5 rgb(145,181,213)
```
#a0bfda
```
#a0bfda rgb(160,191,218)
```
#aec8e0
```
#aec8e0 rgb(174,200,224)
```
#bcd2e5
```
#bcd2e5 rgb(188,210,229)
```
#cadbeb
```
#cadbeb rgb(202,219,235)
```
#d8e5f0
```
#d8e5f0 rgb(216,229,240)
```
#e6eef6
```
#e6eef6 rgb(230,238,246)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```

Tint Color Variation

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

#4c5156
```
#4c5156 rgb(76,81,86)
```
#46525c
```
#46525c rgb(70,82,92)
```
#405262
```
#405262 rgb(64,82,98)
```
#395269
```
#395269 rgb(57,82,105)
```
#33536f
```
#33536f rgb(51,83,111)
```
#2d5375
```
#2d5375 rgb(45,83,117)
```
#27537b
```
#27537b rgb(39,83,123)
```
#215481
```
#215481 rgb(33,84,129)
```
#1a5488
```
#1a5488 rgb(26,84,136)
```
#14548e
```
#14548e rgb(20,84,142)
```
#0e5594
```
#0e5594 rgb(14,85,148)
```
#08559a
```
#08559a rgb(8,85,154)
```
#0155a1
```
#0155a1 rgb(1,85,161)
```

Tone Color Variation

Below, you can see how #2d5375 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
#464d54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5879 Protanopia 1% of men
#49587d Deuteranopia 1% of men
#2c6067 Tritanopia 0.001% of the population

Trichromacy

#425677 Protanomaly 1% of men, 0.01% of women
#3e567a Deuteranomaly 6% of men, 0.4% of women
#2c5b6c Tritanomaly 0.01% of the population

#2d5375 hex color

#2d5375 Color Information

#2d5375 Color Conversion

Color Schemes with #2d5375

Alternatives to #2d5375

#2d5375 Preview

Shades and Tints of #2d5375

Tones of #2d5375

Color Blindness Simulator