colorhexa.com

#2b5a90 hex color

In a RGB color space, hex #2b5a90 is composed of 16.9% red, 35.3% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 37.5% magenta, 0% yellow and 43.5% black. It has a hue angle of 212.1 degrees, a saturation of 54% and a lightness of 36.7%. #2b5a90 color hex could be obtained by blending #56b4ff with #000021. Closest websafe color is: #336699.

- R 17
- G 35
- B 56
RGB color chart
- C 70
- M 38
- Y 0
- K 44
CMYK color chart

● #2b5a90 color description : Dark blue.

The hexadecimal color #2b5a90 has RGB values of R:43, G:90, B:144 and CMYK values of C:0.7, M:0.38, Y:0, K:0.44. Its decimal value is 2841232.

Hex triplet	2b5a90	`#2b5a90`
RGB Decimal	43, 90, 144	`rgb(43,90,144)`
RGB Percent	16.9, 35.3, 56.5	`rgb(16.9%,35.3%,56.5%)`
CMYK	70, 38, 0, 44
HSL	212.1°, 54, 36.7	`hsl(212.1,54%,36.7%)`
HSV (or HSB)	212.1°, 70.1, 56.5
Web Safe	336699	`#336699`

CIE-LAB	37.552, 2.714, -34.508
XYZ	9.685, 9.839, 27.773
xyY	0.205, 0.208, 9.839
CIE-LCH	37.552, 34.614, 274.497
CIE-LUV	37.552, -17.97, -48.953
Hunter-Lab	31.367, 0.224, -30.539
Binary	00101011, 01011010, 10010000

#2b5a90
```
#2b5a90 rgb(43,90,144)
```
#90612b
```
#90612b rgb(144,97,43)
```

Complementary Color

#2b8d90
```
#2b8d90 rgb(43,141,144)
```
#2b5a90
```
#2b5a90 rgb(43,90,144)
```
#2e2b90
```
#2e2b90 rgb(46,43,144)
```

Analogous Color

#8d902b
```
#8d902b rgb(141,144,43)
```
#2b5a90
```
#2b5a90 rgb(43,90,144)
```
#902e2b
```
#902e2b rgb(144,46,43)
```

Split Complementary Color

#5a902b
```
#5a902b rgb(90,144,43)
```
#2b5a90
```
#2b5a90 rgb(43,90,144)
```
#902b5a
```
#902b5a rgb(144,43,90)
```

Triadic Color

#193555
```
#193555 rgb(25,53,85)
```
#1f4169
```
#1f4169 rgb(31,65,105)
```
#254e7c
```
#254e7c rgb(37,78,124)
```
#2b5a90
```
#2b5a90 rgb(43,90,144)
```
#3166a4
```
#3166a4 rgb(49,102,164)
```
#3773b7
```
#3773b7 rgb(55,115,183)
```
#417fc6
```
#417fc6 rgb(65,127,198)
```

Monochromatic Color

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

#2b7390
```
#2b7390 rgb(43,115,144)
```
#2b6b90
```
#2b6b90 rgb(43,107,144)
```
#2b6290
```
#2b6290 rgb(43,98,144)
```
#2b5a90
```
#2b5a90 rgb(43,90,144)
```
#2b5290
```
#2b5290 rgb(43,82,144)
```
#2b4990
```
#2b4990 rgb(43,73,144)
```
#2b4190
```
#2b4190 rgb(43,65,144)
```

Similar Colors

Text with hexadecimal color #2b5a90

This text has a font color of #2b5a90.

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

#2b5a90 background color

This paragraph has a background color of #2b5a90.

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

#2b5a90 border color

This element has a border color of #2b5a90.

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

CSS codes

.text {color:#2b5a90;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#070e17
```
#070e17 rgb(7,14,23)
```
#0b1826
```
#0b1826 rgb(11,24,38)
```
#102135
```
#102135 rgb(16,33,53)
```
#142b44
```
#142b44 rgb(20,43,68)
```
#193454
```
#193454 rgb(25,52,84)
```
#1d3e63
```
#1d3e63 rgb(29,62,99)
```
#224772
```
#224772 rgb(34,71,114)
```
#265181
```
#265181 rgb(38,81,129)
```
#2b5a90
```
#2b5a90 rgb(43,90,144)
```
#30639f
```
#30639f rgb(48,99,159)
```
#346dae
```
#346dae rgb(52,109,174)
```
#3976bd
```
#3976bd rgb(57,118,189)
```

Shade Color Variation

#4380c7
```
#4380c7 rgb(67,128,199)
```
#528acb
```
#528acb rgb(82,138,203)
```
#6195d0
```
#6195d0 rgb(97,149,208)
```
#709fd4
```
#709fd4 rgb(112,159,212)
```
#7fa9d9
```
#7fa9d9 rgb(127,169,217)
```
#8eb3dd
```
#8eb3dd rgb(142,179,221)
```
#9dbde2
```
#9dbde2 rgb(157,189,226)
```
#acc7e6
```
#acc7e6 rgb(172,199,230)
```
#bcd2eb
```
#bcd2eb rgb(188,210,235)
```
#cbdcef
```
#cbdcef rgb(203,220,239)
```
#dae6f4
```
#dae6f4 rgb(218,230,244)
```
#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, #5d5d5e is the less saturated color, while #0758b4 is the most saturated one.

#5d5d5e
```
#5d5d5e rgb(93,93,94)
```
#565d65
```
#565d65 rgb(86,93,101)
```
#4f5c6c
```
#4f5c6c rgb(79,92,108)
```
#485c73
```
#485c73 rgb(72,92,115)
```
#415b7a
```
#415b7a rgb(65,91,122)
```
#395b82
```
#395b82 rgb(57,91,130)
```
#325a89
```
#325a89 rgb(50,90,137)
```
#2b5a90
```
#2b5a90 rgb(43,90,144)
```
#245a97
```
#245a97 rgb(36,90,151)
```
#1d599e
```
#1d599e rgb(29,89,158)
```
#1559a6
```
#1559a6 rgb(21,89,166)
```
#0e58ad
```
#0e58ad rgb(14,88,173)
```
#0758b4
```
#0758b4 rgb(7,88,180)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4a545e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5f93 Protanopia 1% of men
#3d6196 Deuteranopia 1% of men
#0c6a72 Tritanopia 0.001% of the population

Trichromacy

#3f5d92 Protanomaly 1% of men, 0.01% of women
#365e93 Deuteranomaly 6% of men, 0.4% of women
#17647d Tritanomaly 0.01% of the population