#2b548a hex color

In a RGB color space, hex #2b548a is composed of 16.9% red, 32.9% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 39.1% magenta, 0% yellow and 45.9% black. It has a hue angle of 214.1 degrees, a saturation of 52.5% and a lightness of 35.5%. #2b548a color hex could be obtained by blending #56a8ff with #000015. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 33
- B 54
RGB color chart
- C 69
- M 39
- Y 0
- K 46
CMYK color chart

● #2b548a color description : Dark moderate blue.

The hexadecimal color #2b548a has RGB values of R:43, G:84, B:138 and CMYK values of C:0.69, M:0.39, Y:0, K:0.46. Its decimal value is 2839690.

Hex triplet	2b548a	`#2b548a`
RGB Decimal	43, 84, 138	`rgb(43,84,138)`
RGB Percent	16.9, 32.9, 54.1	`rgb(16.9%,32.9%,54.1%)`
CMYK	69, 39, 0, 46
HSL	214.1°, 52.5, 35.5	`hsl(214.1,52.5%,35.5%)`
HSV (or HSB)	214.1°, 68.8, 54.1
Web Safe	336699	`#336699`

CIE-LAB	35.378, 4.337, -34.308
XYZ	8.753, 8.689, 25.259
xyY	0.205, 0.203, 8.689
CIE-LCH	35.378, 34.581, 277.204
CIE-LUV	35.378, -16.045, -48.01
Hunter-Lab	29.476, 1.421, -30.174
Binary	00101011, 01010100, 10001010

#2b548a
```
#2b548a rgb(43,84,138)
```
#8a612b
```
#8a612b rgb(138,97,43)
```

Complementary Color

#2b848a
```
#2b848a rgb(43,132,138)
```
#2b548a
```
#2b548a rgb(43,84,138)
```
#312b8a
```
#312b8a rgb(49,43,138)
```

Analogous Color

#848a2b
```
#848a2b rgb(132,138,43)
```
#2b548a
```
#2b548a rgb(43,84,138)
```
#8a312b
```
#8a312b rgb(138,49,43)
```

Split Complementary Color

#548a2b
```
#548a2b rgb(84,138,43)
```
#2b548a
```
#2b548a rgb(43,84,138)
```
#8a2b54
```
#8a2b54 rgb(138,43,84)
```

Triadic Color

#2b8a61
```
#2b8a61 rgb(43,138,97)
```
#2b548a
```
#2b548a rgb(43,84,138)
```
#8a2b54
```
#8a2b54 rgb(138,43,84)
```
#8a612b
```
#8a612b rgb(138,97,43)
```

Tetradic Color

#193050
```
#193050 rgb(25,48,80)
```
#1f3c63
```
#1f3c63 rgb(31,60,99)
```
#254877
```
#254877 rgb(37,72,119)
```
#2b548a
```
#2b548a rgb(43,84,138)
```
#31609d
```
#31609d rgb(49,96,157)
```
#376cb1
```
#376cb1 rgb(55,108,177)
```
#3e78c3
```
#3e78c3 rgb(62,120,195)
```

Monochromatic Color

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

#2b6c8a
```
#2b6c8a rgb(43,108,138)
```
#2b648a
```
#2b648a rgb(43,100,138)
```
#2b5c8a
```
#2b5c8a rgb(43,92,138)
```
#2b548a
```
#2b548a rgb(43,84,138)
```
#2b4c8a
```
#2b4c8a rgb(43,76,138)
```
#2b448a
```
#2b448a rgb(43,68,138)
```
#2b3c8a
```
#2b3c8a rgb(43,60,138)
```

Similar Colors

Text with hexadecimal color #2b548a

This text has a font color of #2b548a.

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

#2b548a background color

This paragraph has a background color of #2b548a.

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

#2b548a border color

This element has a border color of #2b548a.

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

CSS codes

.text {color:#2b548a;}

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

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

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)
```
#060b12
```
#060b12 rgb(6,11,18)
```
#0a1421
```
#0a1421 rgb(10,20,33)
```
#0f1d30
```
#0f1d30 rgb(15,29,48)
```
#14263f
```
#14263f rgb(20,38,63)
```
#18304e
```
#18304e rgb(24,48,78)
```
#1d395d
```
#1d395d rgb(29,57,93)
```
#22426c
```
#22426c rgb(34,66,108)
```
#264b7b
```
#264b7b rgb(38,75,123)
```
#2b548a
```
#2b548a rgb(43,84,138)
```
#305d99
```
#305d99 rgb(48,93,153)
```
#3466a8
```
#3466a8 rgb(52,102,168)
```
#396fb7
```
#396fb7 rgb(57,111,183)
```

Shade Color Variation

#4079c3
```
#4079c3 rgb(64,121,195)
```
#4f83c8
```
#4f83c8 rgb(79,131,200)
```
#5e8ecd
```
#5e8ecd rgb(94,142,205)
```
#6d98d1
```
#6d98d1 rgb(109,152,209)
```
#7ca3d6
```
#7ca3d6 rgb(124,163,214)
```
#8baddb
```
#8baddb rgb(139,173,219)
```
#9ab8df
```
#9ab8df rgb(154,184,223)
```
#a9c2e4
```
#a9c2e4 rgb(169,194,228)
```
#b8cde9
```
#b8cde9 rgb(184,205,233)
```
#c7d7ed
```
#c7d7ed rgb(199,215,237)
```
#d6e2f2
```
#d6e2f2 rgb(214,226,242)
```
#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, #555a60 is the less saturated color, while #014eb4 is the most saturated one.

#555a60
```
#555a60 rgb(85,90,96)
```
#4e5967
```
#4e5967 rgb(78,89,103)
```
#47586e
```
#47586e rgb(71,88,110)
```
#405775
```
#405775 rgb(64,87,117)
```
#39567c
```
#39567c rgb(57,86,124)
```
#325583
```
#325583 rgb(50,85,131)
```
#2b548a
```
#2b548a rgb(43,84,138)
```
#245391
```
#245391 rgb(36,83,145)
```
#1d5298
```
#1d5298 rgb(29,82,152)
```
#16519f
```
#16519f rgb(22,81,159)
```
#0f50a6
```
#0f50a6 rgb(15,80,166)
```
#084fad
```
#084fad rgb(8,79,173)
```
#014eb4
```
#014eb4 rgb(1,78,180)
```

Tone Color Variation

Below, you can see how #2b548a 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
#474f5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#465a8e Protanopia 1% of men
#375c90 Deuteranopia 1% of men
#13646c Tritanopia 0.001% of the population

Trichromacy

#3c588c Protanomaly 1% of men, 0.01% of women
#33598d Deuteranomaly 6% of men, 0.4% of women
#1b5e77 Tritanomaly 0.01% of the population

#2b548a hex color

#2b548a Color Information

#2b548a Color Conversion

Color Schemes with #2b548a

Alternatives to #2b548a

#2b548a Preview

Shades and Tints of #2b548a

Tones of #2b548a

Color Blindness Simulator