#2d5875 hex color

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

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

● #2d5875 color description : Dark moderate blue.

The hexadecimal color #2d5875 has RGB values of R:45, G:88, B:117 and CMYK values of C:0.62, M:0.25, Y:0, K:0.54. Its decimal value is 2971765.

Hex triplet	2d5875	`#2d5875`
RGB Decimal	45, 88, 117	`rgb(45,88,117)`
RGB Percent	17.6, 34.5, 45.9	`rgb(17.6%,34.5%,45.9%)`
CMYK	62, 25, 0, 54
HSL	204.2°, 44.4, 31.8	`hsl(204.2,44.4%,31.8%)`
HSV (or HSB)	204.2°, 61.5, 45.9
Web Safe	336666	`#336666`

CIE-LAB	35.638, -5.462, -20.981
XYZ	7.782, 8.821, 18.121
xyY	0.224, 0.254, 8.821
CIE-LCH	35.638, 21.681, 255.408
CIE-LUV	35.638, -17.498, -27.835
Hunter-Lab	29.7, -5.206, -15.384
Binary	00101101, 01011000, 01110101

#2d5875
```
#2d5875 rgb(45,88,117)
```
#754a2d
```
#754a2d rgb(117,74,45)
```

Complementary Color

#2d756e
```
#2d756e rgb(45,117,110)
```
#2d5875
```
#2d5875 rgb(45,88,117)
```
#2d3475
```
#2d3475 rgb(45,52,117)
```

Analogous Color

#756e2d
```
#756e2d rgb(117,110,45)
```
#2d5875
```
#2d5875 rgb(45,88,117)
```
#752d34
```
#752d34 rgb(117,45,52)
```

Split Complementary Color

#58752d
```
#58752d rgb(88,117,45)
```
#2d5875
```
#2d5875 rgb(45,88,117)
```
#752d58
```
#752d58 rgb(117,45,88)
```

Triadic Color

#2d754a
```
#2d754a rgb(45,117,74)
```
#2d5875
```
#2d5875 rgb(45,88,117)
```
#752d58
```
#752d58 rgb(117,45,88)
```
#754a2d
```
#754a2d rgb(117,74,45)
```

Tetradic Color

#182e3e
```
#182e3e rgb(24,46,62)
```
#1f3c50
```
#1f3c50 rgb(31,60,80)
```
#264a63
```
#264a63 rgb(38,74,99)
```
#2d5875
```
#2d5875 rgb(45,88,117)
```
#346687
```
#346687 rgb(52,102,135)
```
#3b749a
```
#3b749a rgb(59,116,154)
```
#4282ac
```
#4282ac rgb(66,130,172)
```

Monochromatic Color

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

#2d6a75
```
#2d6a75 rgb(45,106,117)
```
#2d6475
```
#2d6475 rgb(45,100,117)
```
#2d5e75
```
#2d5e75 rgb(45,94,117)
```
#2d5875
```
#2d5875 rgb(45,88,117)
```
#2d5275
```
#2d5275 rgb(45,82,117)
```
#2d4c75
```
#2d4c75 rgb(45,76,117)
```
#2d4675
```
#2d4675 rgb(45,70,117)
```

Similar Colors

Text with hexadecimal color #2d5875

This text has a font color of #2d5875.

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

#2d5875 background color

This paragraph has a background color of #2d5875.

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

#2d5875 border color

This element has a border color of #2d5875.

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

CSS codes

.text {color:#2d5875;}

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

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

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)
```
#0c1820
```
#0c1820 rgb(12,24,32)
```
#12232e
```
#12232e rgb(18,35,46)
```
#172d3c
```
#172d3c rgb(23,45,60)
```
#1d384b
```
#1d384b rgb(29,56,75)
```
#224359
```
#224359 rgb(34,67,89)
```
#284d67
```
#284d67 rgb(40,77,103)
```
#2d5875
```
#2d5875 rgb(45,88,117)
```
#326383
```
#326383 rgb(50,99,131)
```
#386d91
```
#386d91 rgb(56,109,145)
```
#3d78a0
```
#3d78a0 rgb(61,120,160)
```
#4383ae
```
#4383ae rgb(67,131,174)
```

Shade Color Variation

#4b8dba
```
#4b8dba rgb(75,141,186)
```
#5996bf
```
#5996bf rgb(89,150,191)
```
#679fc4
```
#679fc4 rgb(103,159,196)
```
#75a8ca
```
#75a8ca rgb(117,168,202)
```
#83b1cf
```
#83b1cf rgb(131,177,207)
```
#91bad5
```
#91bad5 rgb(145,186,213)
```
#a0c3da
```
#a0c3da rgb(160,195,218)
```
#aecce0
```
#aecce0 rgb(174,204,224)
```
#bcd5e5
```
#bcd5e5 rgb(188,213,229)
```
#caddeb
```
#caddeb rgb(202,221,235)
```
#d8e6f0
```
#d8e6f0 rgb(216,230,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 #0160a1 is the most saturated one.

#4c5256
```
#4c5256 rgb(76,82,86)
```
#46535c
```
#46535c rgb(70,83,92)
```
#405462
```
#405462 rgb(64,84,98)
```
#395669
```
#395669 rgb(57,86,105)
```
#33576f
```
#33576f rgb(51,87,111)
```
#2d5875
```
#2d5875 rgb(45,88,117)
```
#27597b
```
#27597b rgb(39,89,123)
```
#215a81
```
#215a81 rgb(33,90,129)
```
#1a5c88
```
#1a5c88 rgb(26,92,136)
```
#145d8e
```
#145d8e rgb(20,93,142)
```
#0e5e94
```
#0e5e94 rgb(14,94,148)
```
#085f9a
```
#085f9a rgb(8,95,154)
```
#0160a1
```
#0160a1 rgb(1,96,161)
```

Tone Color Variation

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

#545b78 Protanopia 1% of men
#505b7e Deuteranopia 1% of men
#2e636b Tritanopia 0.001% of the population

Trichromacy

#455a77 Protanomaly 1% of men, 0.01% of women
#435a7a Deuteranomaly 6% of men, 0.4% of women
#2e5f6e Tritanomaly 0.01% of the population

#2d5875 hex color

#2d5875 Color Information

#2d5875 Color Conversion

Color Schemes with #2d5875

Alternatives to #2d5875

#2d5875 Preview

Shades and Tints of #2d5875

Tones of #2d5875

Color Blindness Simulator