#2b517a hex color

In a RGB color space, hex #2b517a is composed of 16.9% red, 31.8% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 33.6% magenta, 0% yellow and 52.2% black. It has a hue angle of 211.1 degrees, a saturation of 47.9% and a lightness of 32.4%. #2b517a color hex could be obtained by blending #56a2f4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 32
- B 48
RGB color chart
- C 65
- M 34
- Y 0
- K 52
CMYK color chart

● #2b517a color description : Dark moderate blue.

The hexadecimal color #2b517a has RGB values of R:43, G:81, B:122 and CMYK values of C:0.65, M:0.34, Y:0, K:0.52. Its decimal value is 2838906.

Hex triplet	2b517a	`#2b517a`
RGB Decimal	43, 81, 122	`rgb(43,81,122)`
RGB Percent	16.9, 31.8, 47.8	`rgb(16.9%,31.8%,47.8%)`
CMYK	65, 34, 0, 52
HSL	211.1°, 47.9, 32.4	`hsl(211.1,47.9%,32.4%)`
HSV (or HSB)	211.1°, 64.8, 47.8
Web Safe	336666	`#336666`

CIE-LAB	33.569, 0.327, -27.317
XYZ	7.451, 7.803, 19.525
xyY	0.214, 0.224, 7.803
CIE-LCH	33.569, 27.319, 270.686
CIE-LUV	33.569, -15.294, -36.975
Hunter-Lab	27.934, -1.274, -21.888
Binary	00101011, 01010001, 01111010

#2b517a
```
#2b517a rgb(43,81,122)
```
#7a542b
```
#7a542b rgb(122,84,43)
```

Complementary Color

#2b797a
```
#2b797a rgb(43,121,122)
```
#2b517a
```
#2b517a rgb(43,81,122)
```
#2d2b7a
```
#2d2b7a rgb(45,43,122)
```

Analogous Color

#797a2b
```
#797a2b rgb(121,122,43)
```
#2b517a
```
#2b517a rgb(43,81,122)
```
#7a2d2b
```
#7a2d2b rgb(122,45,43)
```

Split Complementary Color

#517a2b
```
#517a2b rgb(81,122,43)
```
#2b517a
```
#2b517a rgb(43,81,122)
```
#7a2b51
```
#7a2b51 rgb(122,43,81)
```

Triadic Color

#2b7a54
```
#2b7a54 rgb(43,122,84)
```
#2b517a
```
#2b517a rgb(43,81,122)
```
#7a2b51
```
#7a2b51 rgb(122,43,81)
```
#7a542b
```
#7a542b rgb(122,84,43)
```

Tetradic Color

#172b41
```
#172b41 rgb(23,43,65)
```
#1e3854
```
#1e3854 rgb(30,56,84)
```
#244467
```
#244467 rgb(36,68,103)
```
#2b517a
```
#2b517a rgb(43,81,122)
```
#325e8d
```
#325e8d rgb(50,94,141)
```
#386aa0
```
#386aa0 rgb(56,106,160)
```
#3f77b3
```
#3f77b3 rgb(63,119,179)
```

Monochromatic Color

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

#2b657a
```
#2b657a rgb(43,101,122)
```
#2b5e7a
```
#2b5e7a rgb(43,94,122)
```
#2b587a
```
#2b587a rgb(43,88,122)
```
#2b517a
```
#2b517a rgb(43,81,122)
```
#2b4a7a
```
#2b4a7a rgb(43,74,122)
```
#2b447a
```
#2b447a rgb(43,68,122)
```
#2b3d7a
```
#2b3d7a rgb(43,61,122)
```

Similar Colors

Text with hexadecimal color #2b517a

This text has a font color of #2b517a.

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

#2b517a background color

This paragraph has a background color of #2b517a.

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

#2b517a border color

This element has a border color of #2b517a.

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

CSS codes

.text {color:#2b517a;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#070e14
```
#070e14 rgb(7,14,20)
```
#0c1723
```
#0c1723 rgb(12,23,35)
```
#112131
```
#112131 rgb(17,33,49)
```
#172a40
```
#172a40 rgb(23,42,64)
```
#1c344e
```
#1c344e rgb(28,52,78)
```
#213e5d
```
#213e5d rgb(33,62,93)
```
#26476b
```
#26476b rgb(38,71,107)
```
#2b517a
```
#2b517a rgb(43,81,122)
```
#305b89
```
#305b89 rgb(48,91,137)
```
#356497
```
#356497 rgb(53,100,151)
```
#3a6ea6
```
#3a6ea6 rgb(58,110,166)
```
#3f78b4
```
#3f78b4 rgb(63,120,180)
```

Shade Color Variation

#4881bf
```
#4881bf rgb(72,129,191)
```
#578bc4
```
#578bc4 rgb(87,139,196)
```
#6595c9
```
#6595c9 rgb(101,149,201)
```
#749fce
```
#749fce rgb(116,159,206)
```
#82a9d3
```
#82a9d3 rgb(130,169,211)
```
#91b3d8
```
#91b3d8 rgb(145,179,216)
```
#9fbddd
```
#9fbddd rgb(159,189,221)
```
#aec7e2
```
#aec7e2 rgb(174,199,226)
```
#bcd1e8
```
#bcd1e8 rgb(188,209,232)
```
#cbdbed
```
#cbdbed rgb(203,219,237)
```
#d9e5f2
```
#d9e5f2 rgb(217,229,242)
```
#e8eff7
```
#e8eff7 rgb(232,239,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#515254
```
#515254 rgb(81,82,84)
```
#4b525a
```
#4b525a rgb(75,82,90)
```
#445261
```
#445261 rgb(68,82,97)
```
#3e5267
```
#3e5267 rgb(62,82,103)
```
#38516d
```
#38516d rgb(56,81,109)
```
#315174
```
#315174 rgb(49,81,116)
```
#2b517a
```
#2b517a rgb(43,81,122)
```
#255180
```
#255180 rgb(37,81,128)
```
#1e5187
```
#1e5187 rgb(30,81,135)
```
#18508d
```
#18508d rgb(24,80,141)
```
#125093
```
#125093 rgb(18,80,147)
```
#0b509a
```
#0b509a rgb(11,80,154)
```
#0550a0
```
#0550a0 rgb(5,80,160)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#444b54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#49567e Protanopia 1% of men
#415781 Deuteranopia 1% of men
#245f66 Tritanopia 0.001% of the population

Trichromacy

#3e547c Protanomaly 1% of men, 0.01% of women
#39557e Deuteranomaly 6% of men, 0.4% of women
#275a6d Tritanomaly 0.01% of the population

#2b517a hex color

#2b517a Color Information

#2b517a Color Conversion

Color Schemes with #2b517a

Alternatives to #2b517a

#2b517a Preview

Shades and Tints of #2b517a

Tones of #2b517a

Color Blindness Simulator