#2b5a84 hex color

In a RGB color space, hex #2b5a84 is composed of 16.9% red, 35.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 31.8% magenta, 0% yellow and 48.2% black. It has a hue angle of 208.3 degrees, a saturation of 50.9% and a lightness of 34.3%. #2b5a84 color hex could be obtained by blending #56b4ff with #000009. Closest websafe color is: #336699.

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

● #2b5a84 color description : Dark moderate blue.

The hexadecimal color #2b5a84 has RGB values of R:43, G:90, B:132 and CMYK values of C:0.67, M:0.32, Y:0, K:0.48. Its decimal value is 2841220.

Hex triplet	2b5a84	`#2b5a84`
RGB Decimal	43, 90, 132	`rgb(43,90,132)`
RGB Percent	16.9, 35.3, 51.8	`rgb(16.9%,35.3%,51.8%)`
CMYK	67, 32, 0, 48
HSL	208.3°, 50.9, 34.3	`hsl(208.3,50.9%,34.3%)`
HSV (or HSB)	208.3°, 67.4, 51.8
Web Safe	336699	`#336699`

CIE-LAB	36.913, -1.74, -28.218
XYZ	8.816, 9.491, 23.196
xyY	0.212, 0.229, 9.491
CIE-LCH	36.913, 28.272, 266.472
CIE-LUV	36.913, -18.285, -39.07
Hunter-Lab	30.808, -2.832, -23.075
Binary	00101011, 01011010, 10000100

#2b5a84
```
#2b5a84 rgb(43,90,132)
```
#84552b
```
#84552b rgb(132,85,43)
```

Complementary Color

#2b8482
```
#2b8482 rgb(43,132,130)
```
#2b5a84
```
#2b5a84 rgb(43,90,132)
```
#2b2e84
```
#2b2e84 rgb(43,46,132)
```

Analogous Color

#84822b
```
#84822b rgb(132,130,43)
```
#2b5a84
```
#2b5a84 rgb(43,90,132)
```
#842b2e
```
#842b2e rgb(132,43,46)
```

Split Complementary Color

#5a842b
```
#5a842b rgb(90,132,43)
```
#2b5a84
```
#2b5a84 rgb(43,90,132)
```
#842b5a
```
#842b5a rgb(132,43,90)
```

Triadic Color

#2b8455
```
#2b8455 rgb(43,132,85)
```
#2b5a84
```
#2b5a84 rgb(43,90,132)
```
#842b5a
```
#842b5a rgb(132,43,90)
```
#84552b
```
#84552b rgb(132,85,43)
```

Tetradic Color

#18334a
```
#18334a rgb(24,51,74)
```
#1e405e
```
#1e405e rgb(30,64,94)
```
#254d71
```
#254d71 rgb(37,77,113)
```
#2b5a84
```
#2b5a84 rgb(43,90,132)
```
#316797
```
#316797 rgb(49,103,151)
```
#3874aa
```
#3874aa rgb(56,116,170)
```
#3e81be
```
#3e81be rgb(62,129,190)
```

Monochromatic Color

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

#2b7084
```
#2b7084 rgb(43,112,132)
```
#2b6984
```
#2b6984 rgb(43,105,132)
```
#2b6184
```
#2b6184 rgb(43,97,132)
```
#2b5a84
```
#2b5a84 rgb(43,90,132)
```
#2b5384
```
#2b5384 rgb(43,83,132)
```
#2b4b84
```
#2b4b84 rgb(43,75,132)
```
#2b4484
```
#2b4484 rgb(43,68,132)
```

Similar Colors

Text with hexadecimal color #2b5a84

This text has a font color of #2b5a84.

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

#2b5a84 background color

This paragraph has a background color of #2b5a84.

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

#2b5a84 border color

This element has a border color of #2b5a84.

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

CSS codes

.text {color:#2b5a84;}

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

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

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, #04090e is the darkest color, while #fefeff is the lightest one.

#04090e
```
#04090e rgb(4,9,14)
```
#09131c
```
#09131c rgb(9,19,28)
```
#0e1d2b
```
#0e1d2b rgb(14,29,43)
```
#13283a
```
#13283a rgb(19,40,58)
```
#183249
```
#183249 rgb(24,50,73)
```
#1d3c58
```
#1d3c58 rgb(29,60,88)
```
#214666
```
#214666 rgb(33,70,102)
```
#265075
```
#265075 rgb(38,80,117)
```
#2b5a84
```
#2b5a84 rgb(43,90,132)
```
#306493
```
#306493 rgb(48,100,147)
```
#356ea2
```
#356ea2 rgb(53,110,162)
```
#3978b0
```
#3978b0 rgb(57,120,176)
```
#3e82bf
```
#3e82bf rgb(62,130,191)
```

Shade Color Variation

#4c8cc5
```
#4c8cc5 rgb(76,140,197)
```
#5b95ca
```
#5b95ca rgb(91,149,202)
```
#6a9fce
```
#6a9fce rgb(106,159,206)
```
#79a9d3
```
#79a9d3 rgb(121,169,211)
```
#87b2d8
```
#87b2d8 rgb(135,178,216)
```
#96bcdd
```
#96bcdd rgb(150,188,221)
```
#a5c5e2
```
#a5c5e2 rgb(165,197,226)
```
#b4cfe7
```
#b4cfe7 rgb(180,207,231)
```
#c3d8eb
```
#c3d8eb rgb(195,216,235)
```
#d1e2f0
```
#d1e2f0 rgb(209,226,240)
```
#e0ebf5
```
#e0ebf5 rgb(224,235,245)
```
#eff5fa
```
#eff5fa rgb(239,245,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53585c is the less saturated color, while #035cac is the most saturated one.

#53585c
```
#53585c rgb(83,88,92)
```
#4d5862
```
#4d5862 rgb(77,88,98)
```
#465869
```
#465869 rgb(70,88,105)
```
#3f5970
```
#3f5970 rgb(63,89,112)
```
#385977
```
#385977 rgb(56,89,119)
```
#325a7d
```
#325a7d rgb(50,90,125)
```
#2b5a84
```
#2b5a84 rgb(43,90,132)
```
#245a8b
```
#245a8b rgb(36,90,139)
```
#1e5b91
```
#1e5b91 rgb(30,91,145)
```
#175b98
```
#175b98 rgb(23,91,152)
```
#105c9f
```
#105c9f rgb(16,92,159)
```
#095ca6
```
#095ca6 rgb(9,92,166)
```
#035cac
```
#035cac rgb(3,92,172)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#49535b Atypical Achromatopsia 0.001% of the population

Dichromacy

#515e87 Protanopia 1% of men
#485f8b Deuteranopia 1% of men
#21686f Tritanopia 0.001% of the population

Trichromacy

#435c86 Protanomaly 1% of men, 0.01% of women
#3d5d88 Deuteranomaly 6% of men, 0.4% of women
#256277 Tritanomaly 0.01% of the population

#2b5a84 hex color

#2b5a84 Color Information

#2b5a84 Color Conversion

Color Schemes with #2b5a84

Alternatives to #2b5a84

#2b5a84 Preview

Shades and Tints of #2b5a84

Tones of #2b5a84

Color Blindness Simulator