colorhexa.com

#2d5d9b hex color

In a RGB color space, hex #2d5d9b is composed of 17.6% red, 36.5% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 40% magenta, 0% yellow and 39.2% black. It has a hue angle of 213.8 degrees, a saturation of 55% and a lightness of 39.2%. #2d5d9b color hex could be obtained by blending #5abaff with #000037. Closest websafe color is: #336699.

- R 18
- G 36
- B 61
RGB color chart
- C 71
- M 40
- Y 0
- K 39
CMYK color chart

● #2d5d9b color description : Dark blue.

The hexadecimal color #2d5d9b has RGB values of R:45, G:93, B:155 and CMYK values of C:0.71, M:0.4, Y:0, K:0.39. Its decimal value is 2973083.

Hex triplet	2d5d9b	`#2d5d9b`
RGB Decimal	45, 93, 155	`rgb(45,93,155)`
RGB Percent	17.6, 36.5, 60.8	`rgb(17.6%,36.5%,60.8%)`
CMYK	71, 40, 0, 39
HSL	213.8°, 55, 39.2	`hsl(213.8,55%,39.2%)`
HSV (or HSB)	213.8°, 71, 60.8
Web Safe	336699	`#336699`

CIE-LAB	39.16, 5.248, -38.569
XYZ	10.912, 10.752, 32.509
xyY	0.201, 0.198, 10.752
CIE-LCH	39.16, 38.925, 277.749
CIE-LUV	39.16, -18.338, -55.774
Hunter-Lab	32.791, 2.014, -35.827
Binary	00101101, 01011101, 10011011

#2d5d9b
```
#2d5d9b rgb(45,93,155)
```
#9b6b2d
```
#9b6b2d rgb(155,107,45)
```

Complementary Color

#2d949b
```
#2d949b rgb(45,148,155)
```
#2d5d9b
```
#2d5d9b rgb(45,93,155)
```
#342d9b
```
#342d9b rgb(52,45,155)
```

Analogous Color

#949b2d
```
#949b2d rgb(148,155,45)
```
#2d5d9b
```
#2d5d9b rgb(45,93,155)
```
#9b342d
```
#9b342d rgb(155,52,45)
```

Split Complementary Color

#5d9b2d
```
#5d9b2d rgb(93,155,45)
```
#2d5d9b
```
#2d5d9b rgb(45,93,155)
```
#9b2d5d
```
#9b2d5d rgb(155,45,93)
```

Triadic Color

#2d9b6b
```
#2d9b6b rgb(45,155,107)
```
#2d5d9b
```
#2d5d9b rgb(45,93,155)
```
#9b2d5d
```
#9b2d5d rgb(155,45,93)
```
#9b6b2d
```
#9b6b2d rgb(155,107,45)
```

Tetradic Color

#1c3960
```
#1c3960 rgb(28,57,96)
```
#224573
```
#224573 rgb(34,69,115)
```
#275187
```
#275187 rgb(39,81,135)
```
#2d5d9b
```
#2d5d9b rgb(45,93,155)
```
#3369af
```
#3369af rgb(51,105,175)
```
#3875c3
```
#3875c3 rgb(56,117,195)
```
#4a82ca
```
#4a82ca rgb(74,130,202)
```

Monochromatic Color

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

#2d799b
```
#2d799b rgb(45,121,155)
```
#2d6f9b
```
#2d6f9b rgb(45,111,155)
```
#2d669b
```
#2d669b rgb(45,102,155)
```
#2d5d9b
```
#2d5d9b rgb(45,93,155)
```
#2d549b
```
#2d549b rgb(45,84,155)
```
#2d4b9b
```
#2d4b9b rgb(45,75,155)
```
#2d429b
```
#2d429b rgb(45,66,155)
```

Similar Colors

Text with hexadecimal color #2d5d9b

This text has a font color of #2d5d9b.

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

#2d5d9b background color

This paragraph has a background color of #2d5d9b.

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

#2d5d9b border color

This element has a border color of #2d5d9b.

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

CSS codes

.text {color:#2d5d9b;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050b12
```
#050b12 rgb(5,11,18)
```
#0a1421
```
#0a1421 rgb(10,20,33)
```
#0e1d31
```
#0e1d31 rgb(14,29,49)
```
#132640
```
#132640 rgb(19,38,64)
```
#172f4f
```
#172f4f rgb(23,47,79)
```
#1b395e
```
#1b395e rgb(27,57,94)
```
#20426d
```
#20426d rgb(32,66,109)
```
#244b7d
```
#244b7d rgb(36,75,125)
```
#29548c
```
#29548c rgb(41,84,140)
```
#2d5d9b
```
#2d5d9b rgb(45,93,155)
```
#3166aa
```
#3166aa rgb(49,102,170)
```
#366fb9
```
#366fb9 rgb(54,111,185)
```

Shade Color Variation

#3c79c6
```
#3c79c6 rgb(60,121,198)
```
#4c83cb
```
#4c83cb rgb(76,131,203)
```
#5b8ecf
```
#5b8ecf rgb(91,142,207)
```
#6a98d4
```
#6a98d4 rgb(106,152,212)
```
#79a3d8
```
#79a3d8 rgb(121,163,216)
```
#88addd
```
#88addd rgb(136,173,221)
```
#98b8e1
```
#98b8e1 rgb(152,184,225)
```
#a7c2e5
```
#a7c2e5 rgb(167,194,229)
```
#b6cdea
```
#b6cdea rgb(182,205,234)
```
#c5d7ee
```
#c5d7ee rgb(197,215,238)
```
#d4e2f3
```
#d4e2f3 rgb(212,226,243)
```
#e4ecf7
```
#e4ecf7 rgb(228,236,247)
```
#f3f7fb
```
#f3f7fb rgb(243,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636465 is the less saturated color, while #0758c1 is the most saturated one.

#636465
```
#636465 rgb(99,100,101)
```
#5b636d
```
#5b636d rgb(91,99,109)
```
#536275
```
#536275 rgb(83,98,117)
```
#4c617c
```
#4c617c rgb(76,97,124)
```
#446084
```
#446084 rgb(68,96,132)
```
#3c5f8c
```
#3c5f8c rgb(60,95,140)
```
#355e93
```
#355e93 rgb(53,94,147)
```
#2d5d9b
```
#2d5d9b rgb(45,93,155)
```
#255ca3
```
#255ca3 rgb(37,92,163)
```
#1e5baa
```
#1e5baa rgb(30,91,170)
```
#165ab2
```
#165ab2 rgb(22,90,178)
```
#0e59ba
```
#0e59ba rgb(14,89,186)
```
#0758c1
```
#0758c1 rgb(7,88,193)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e5764 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a629e Protanopia 1% of men
#3865a0 Deuteranopia 1% of men
#006e76 Tritanopia 0.001% of the population

Trichromacy

#3f609c Protanomaly 1% of men, 0.01% of women
#34629e Deuteranomaly 6% of men, 0.4% of women
#106883 Tritanomaly 0.01% of the population