#2b5299 hex color

In a RGB color space, hex #2b5299 is composed of 16.9% red, 32.2% green and 60% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 46.4% magenta, 0% yellow and 40% black. It has a hue angle of 218.7 degrees, a saturation of 56.1% and a lightness of 38.4%. #2b5299 color hex could be obtained by blending #56a4ff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 32
- B 60
RGB color chart
- C 72
- M 46
- Y 0
- K 40
CMYK color chart

● #2b5299 color description : Dark blue.

The hexadecimal color #2b5299 has RGB values of R:43, G:82, B:153 and CMYK values of C:0.72, M:0.46, Y:0, K:0.4. Its decimal value is 2839193.

Hex triplet	2b5299	`#2b5299`
RGB Decimal	43, 82, 153	`rgb(43,82,153)`
RGB Percent	16.9, 32.2, 60	`rgb(16.9%,32.2%,60%)`
CMYK	72, 46, 0, 40
HSL	218.7°, 56.1, 38.4	`hsl(218.7,56.1%,38.4%)`
HSV (or HSB)	218.7°, 71.9, 60
Web Safe	336699	`#336699`

CIE-LAB	35.689, 11.359, -42.917
XYZ	9.762, 8.847, 31.328
xyY	0.195, 0.177, 8.847
CIE-LCH	35.689, 44.394, 284.825
CIE-LUV	35.689, -15.172, -61.052
Hunter-Lab	29.745, 6.53, -41.626
Binary	00101011, 01010010, 10011001

#2b5299
```
#2b5299 rgb(43,82,153)
```
#99722b
```
#99722b rgb(153,114,43)
```

Complementary Color

#2b8999
```
#2b8999 rgb(43,137,153)
```
#2b5299
```
#2b5299 rgb(43,82,153)
```
#3b2b99
```
#3b2b99 rgb(59,43,153)
```

Analogous Color

#89992b
```
#89992b rgb(137,153,43)
```
#2b5299
```
#2b5299 rgb(43,82,153)
```
#993b2b
```
#993b2b rgb(153,59,43)
```

Split Complementary Color

#52992b
```
#52992b rgb(82,153,43)
```
#2b5299
```
#2b5299 rgb(43,82,153)
```
#992b52
```
#992b52 rgb(153,43,82)
```

Triadic Color

#2b9972
```
#2b9972 rgb(43,153,114)
```
#2b5299
```
#2b5299 rgb(43,82,153)
```
#992b52
```
#992b52 rgb(153,43,82)
```
#99722b
```
#99722b rgb(153,114,43)
```

Tetradic Color

#1a325d
```
#1a325d rgb(26,50,93)
```
#203d71
```
#203d71 rgb(32,61,113)
```
#254785
```
#254785 rgb(37,71,133)
```
#2b5299
```
#2b5299 rgb(43,82,153)
```
#315dad
```
#315dad rgb(49,93,173)
```
#3667c1
```
#3667c1 rgb(54,103,193)
```
#4675cb
```
#4675cb rgb(70,117,203)
```

Monochromatic Color

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

#2b6e99
```
#2b6e99 rgb(43,110,153)
```
#2b6499
```
#2b6499 rgb(43,100,153)
```
#2b5b99
```
#2b5b99 rgb(43,91,153)
```
#2b5299
```
#2b5299 rgb(43,82,153)
```
#2b4999
```
#2b4999 rgb(43,73,153)
```
#2b4099
```
#2b4099 rgb(43,64,153)
```
#2b3799
```
#2b3799 rgb(43,55,153)
```

Similar Colors

Text with hexadecimal color #2b5299

This text has a font color of #2b5299.

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

#2b5299 background color

This paragraph has a background color of #2b5299.

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

#2b5299 border color

This element has a border color of #2b5299.

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

CSS codes

.text {color:#2b5299;}

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

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

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, #04080f is the darkest color, while #ffffff is the lightest one.

#04080f
```
#04080f rgb(4,8,15)
```
#09101f
```
#09101f rgb(9,16,31)
```
#0d192e
```
#0d192e rgb(13,25,46)
```
#11213d
```
#11213d rgb(17,33,61)
```
#15294c
```
#15294c rgb(21,41,76)
```
#1a315c
```
#1a315c rgb(26,49,92)
```
#1e396b
```
#1e396b rgb(30,57,107)
```
#22427a
```
#22427a rgb(34,66,122)
```
#274a8a
```
#274a8a rgb(39,74,138)
```
#2b5299
```
#2b5299 rgb(43,82,153)
```
#2f5aa8
```
#2f5aa8 rgb(47,90,168)
```
#3462b8
```
#3462b8 rgb(52,98,184)
```
#386bc7
```
#386bc7 rgb(56,107,199)
```

Shade Color Variation

#4776cb
```
#4776cb rgb(71,118,203)
```
#5681d0
```
#5681d0 rgb(86,129,208)
```
#668dd4
```
#668dd4 rgb(102,141,212)
```
#7598d8
```
#7598d8 rgb(117,152,216)
```
#84a4dd
```
#84a4dd rgb(132,164,221)
```
#94afe1
```
#94afe1 rgb(148,175,225)
```
#a3bae5
```
#a3bae5 rgb(163,186,229)
```
#b2c6e9
```
#b2c6e9 rgb(178,198,233)
```
#c2d1ee
```
#c2d1ee rgb(194,209,238)
```
#d1ddf2
```
#d1ddf2 rgb(209,221,242)
```
#e0e8f6
```
#e0e8f6 rgb(224,232,246)
```
#f0f4fb
```
#f0f4fb rgb(240,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#606164
```
#606164 rgb(96,97,100)
```
#585f6c
```
#585f6c rgb(88,95,108)
```
#515d73
```
#515d73 rgb(81,93,115)
```
#495b7b
```
#495b7b rgb(73,91,123)
```
#425982
```
#425982 rgb(66,89,130)
```
#3a568a
```
#3a568a rgb(58,86,138)
```
#335491
```
#335491 rgb(51,84,145)
```
#2b5299
```
#2b5299 rgb(43,82,153)
```
#2350a1
```
#2350a1 rgb(35,80,161)
```
#1c4ea8
```
#1c4ea8 rgb(28,78,168)
```
#144bb0
```
#144bb0 rgb(20,75,176)
```
#0d49b7
```
#0d49b7 rgb(13,73,183)
```
#0547bf
```
#0547bf rgb(5,71,191)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#474f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#395a9d Protanopia 1% of men
#105e9c Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#33579c Protanomaly 1% of men, 0.01% of women
#1a599b Deuteranomaly 6% of men, 0.4% of women
#0f5e7c Tritanomaly 0.01% of the population

#2b5299 hex color

#2b5299 Color Information

#2b5299 Color Conversion

Color Schemes with #2b5299

Alternatives to #2b5299

#2b5299 Preview

Shades and Tints of #2b5299

Tones of #2b5299

Color Blindness Simulator