#2d5b8e hex color

In a RGB color space, hex #2d5b8e is composed of 17.6% red, 35.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 35.9% magenta, 0% yellow and 44.3% black. It has a hue angle of 211.5 degrees, a saturation of 51.9% and a lightness of 36.7%. #2d5b8e color hex could be obtained by blending #5ab6ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 36
- B 56
RGB color chart
- C 68
- M 36
- Y 0
- K 44
CMYK color chart

● #2d5b8e color description : Dark moderate blue.

The hexadecimal color #2d5b8e has RGB values of R:45, G:91, B:142 and CMYK values of C:0.68, M:0.36, Y:0, K:0.44. Its decimal value is 2972558.

Hex triplet	2d5b8e	`#2d5b8e`
RGB Decimal	45, 91, 142	`rgb(45,91,142)`
RGB Percent	17.6, 35.7, 55.7	`rgb(17.6%,35.7%,55.7%)`
CMYK	68, 36, 0, 44
HSL	211.5°, 51.9, 36.7	`hsl(211.5,51.9%,36.7%)`
HSV (or HSB)	211.5°, 68.3, 55.7
Web Safe	336699	`#336699`

CIE-LAB	37.829, 1.675, -32.853
XYZ	9.705, 9.992, 27.007
xyY	0.208, 0.214, 9.992
CIE-LCH	37.829, 32.896, 272.919
CIE-LUV	37.829, -17.953, -46.509
Hunter-Lab	31.611, -0.518, -28.528
Binary	00101101, 01011011, 10001110

#2d5b8e
```
#2d5b8e rgb(45,91,142)
```
#8e602d
```
#8e602d rgb(142,96,45)
```

Complementary Color

#2d8c8e
```
#2d8c8e rgb(45,140,142)
```
#2d5b8e
```
#2d5b8e rgb(45,91,142)
```
#302d8e
```
#302d8e rgb(48,45,142)
```

Analogous Color

#8c8e2d
```
#8c8e2d rgb(140,142,45)
```
#2d5b8e
```
#2d5b8e rgb(45,91,142)
```
#8e302d
```
#8e302d rgb(142,48,45)
```

Split Complementary Color

#5b8e2d
```
#5b8e2d rgb(91,142,45)
```
#2d5b8e
```
#2d5b8e rgb(45,91,142)
```
#8e2d5b
```
#8e2d5b rgb(142,45,91)
```

Triadic Color

#2d8e60
```
#2d8e60 rgb(45,142,96)
```
#2d5b8e
```
#2d5b8e rgb(45,91,142)
```
#8e2d5b
```
#8e2d5b rgb(142,45,91)
```
#8e602d
```
#8e602d rgb(142,96,45)
```

Tetradic Color

#1b3654
```
#1b3654 rgb(27,54,84)
```
#214267
```
#214267 rgb(33,66,103)
```
#274f7b
```
#274f7b rgb(39,79,123)
```
#2d5b8e
```
#2d5b8e rgb(45,91,142)
```
#3367a1
```
#3367a1 rgb(51,103,161)
```
#3974b5
```
#3974b5 rgb(57,116,181)
```
#4480c4
```
#4480c4 rgb(68,128,196)
```

Monochromatic Color

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

#2d738e
```
#2d738e rgb(45,115,142)
```
#2d6b8e
```
#2d6b8e rgb(45,107,142)
```
#2d638e
```
#2d638e rgb(45,99,142)
```
#2d5b8e
```
#2d5b8e rgb(45,91,142)
```
#2d538e
```
#2d538e rgb(45,83,142)
```
#2d4b8e
```
#2d4b8e rgb(45,75,142)
```
#2d438e
```
#2d438e rgb(45,67,142)
```

Similar Colors

Text with hexadecimal color #2d5b8e

This text has a font color of #2d5b8e.

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

#2d5b8e background color

This paragraph has a background color of #2d5b8e.

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

#2d5b8e border color

This element has a border color of #2d5b8e.

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

CSS codes

.text {color:#2d5b8e;}

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

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

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, #030508 is the darkest color, while #f8fafd is the lightest one.

#030508
```
#030508 rgb(3,5,8)
```
#070f17
```
#070f17 rgb(7,15,23)
```
#0c1826
```
#0c1826 rgb(12,24,38)
```
#112235
```
#112235 rgb(17,34,53)
```
#152b44
```
#152b44 rgb(21,43,68)
```
#1a3552
```
#1a3552 rgb(26,53,82)
```
#1f3e61
```
#1f3e61 rgb(31,62,97)
```
#244870
```
#244870 rgb(36,72,112)
```
#28517f
```
#28517f rgb(40,81,127)
```
#2d5b8e
```
#2d5b8e rgb(45,91,142)
```
#32659d
```
#32659d rgb(50,101,157)
```
#366eac
```
#366eac rgb(54,110,172)
```
#3b78bb
```
#3b78bb rgb(59,120,187)
```

Shade Color Variation

#4581c4
```
#4581c4 rgb(69,129,196)
```
#548cc9
```
#548cc9 rgb(84,140,201)
```
#6396ce
```
#6396ce rgb(99,150,206)
```
#72a0d2
```
#72a0d2 rgb(114,160,210)
```
#81aad7
```
#81aad7 rgb(129,170,215)
```
#90b4dc
```
#90b4dc rgb(144,180,220)
```
#9fbee0
```
#9fbee0 rgb(159,190,224)
```
#aec8e5
```
#aec8e5 rgb(174,200,229)
```
#bcd2ea
```
#bcd2ea rgb(188,210,234)
```
#cbdcef
```
#cbdcef rgb(203,220,239)
```
#dae6f3
```
#dae6f3 rgb(218,230,243)
```
#e9f0f8
```
#e9f0f8 rgb(233,240,248)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585d63 is the less saturated color, while #0259b9 is the most saturated one.

#585d63
```
#585d63 rgb(88,93,99)
```
#515d6a
```
#515d6a rgb(81,93,106)
```
#4a5c71
```
#4a5c71 rgb(74,92,113)
```
#435c78
```
#435c78 rgb(67,92,120)
```
#3b5c80
```
#3b5c80 rgb(59,92,128)
```
#345b87
```
#345b87 rgb(52,91,135)
```
#2d5b8e
```
#2d5b8e rgb(45,91,142)
```
#265b95
```
#265b95 rgb(38,91,149)
```
#1f5a9c
```
#1f5a9c rgb(31,90,156)
```
#175aa4
```
#175aa4 rgb(23,90,164)
```
#105aab
```
#105aab rgb(16,90,171)
```
#0959b2
```
#0959b2 rgb(9,89,178)
```
#0259b9
```
#0259b9 rgb(2,89,185)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4b555f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e6091 Protanopia 1% of men
#426194 Deuteranopia 1% of men
#1a6a72 Tritanopia 0.001% of the population

Trichromacy

#425e90 Protanomaly 1% of men, 0.01% of women
#3a5f92 Deuteranomaly 6% of men, 0.4% of women
#21657c Tritanomaly 0.01% of the population

#2d5b8e hex color

#2d5b8e Color Information

#2d5b8e Color Conversion

Color Schemes with #2d5b8e

Alternatives to #2d5b8e

#2d5b8e Preview

Shades and Tints of #2d5b8e

Tones of #2d5b8e

Color Blindness Simulator