#2b448a hex color

In a RGB color space, hex #2b448a is composed of 16.9% red, 26.7% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 50.7% magenta, 0% yellow and 45.9% black. It has a hue angle of 224.2 degrees, a saturation of 52.5% and a lightness of 35.5%. #2b448a color hex could be obtained by blending #5688ff with #000015. Closest websafe color is: #333399.

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

● #2b448a color description : Dark moderate blue.

The hexadecimal color #2b448a has RGB values of R:43, G:68, B:138 and CMYK values of C:0.69, M:0.51, Y:0, K:0.46. Its decimal value is 2835594.

Hex triplet	2b448a	`#2b448a`
RGB Decimal	43, 68, 138	`rgb(43,68,138)`
RGB Percent	16.9, 26.7, 54.1	`rgb(16.9%,26.7%,54.1%)`
CMYK	69, 51, 0, 46
HSL	224.2°, 52.5, 35.5	`hsl(224.2,52.5%,35.5%)`
HSV (or HSB)	224.2°, 68.8, 54.1
Web Safe	333399	`#333399`

CIE-LAB	30.598, 15.024, -41.949
XYZ	7.65, 6.482, 24.891
xyY	0.196, 0.166, 6.482
CIE-LCH	30.598, 44.558, 289.705
CIE-LUV	30.598, -10.909, -57.05
Hunter-Lab	25.46, 9.076, -40.143
Binary	00101011, 01000100, 10001010

#2b448a
```
#2b448a rgb(43,68,138)
```
#8a712b
```
#8a712b rgb(138,113,43)
```

Complementary Color

#2b748a
```
#2b748a rgb(43,116,138)
```
#2b448a
```
#2b448a rgb(43,68,138)
```
#422b8a
```
#422b8a rgb(66,43,138)
```

Analogous Color

#748a2b
```
#748a2b rgb(116,138,43)
```
#2b448a
```
#2b448a rgb(43,68,138)
```
#8a422b
```
#8a422b rgb(138,66,43)
```

Split Complementary Color

#448a2b
```
#448a2b rgb(68,138,43)
```
#2b448a
```
#2b448a rgb(43,68,138)
```
#8a2b44
```
#8a2b44 rgb(138,43,68)
```

Triadic Color

#2b8a71
```
#2b8a71 rgb(43,138,113)
```
#2b448a
```
#2b448a rgb(43,68,138)
```
#8a2b44
```
#8a2b44 rgb(138,43,68)
```
#8a712b
```
#8a712b rgb(138,113,43)
```

Tetradic Color

#192750
```
#192750 rgb(25,39,80)
```
#1f3163
```
#1f3163 rgb(31,49,99)
```
#253a77
```
#253a77 rgb(37,58,119)
```
#2b448a
```
#2b448a rgb(43,68,138)
```
#314e9d
```
#314e9d rgb(49,78,157)
```
#3757b1
```
#3757b1 rgb(55,87,177)
```
#3e61c3
```
#3e61c3 rgb(62,97,195)
```

Monochromatic Color

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

#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)
```
#2b348a
```
#2b348a rgb(43,52,138)
```
#2b2c8a
```
#2b2c8a rgb(43,44,138)
```

Similar Colors

Text with hexadecimal color #2b448a

This text has a font color of #2b448a.

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

#2b448a background color

This paragraph has a background color of #2b448a.

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

#2b448a border color

This element has a border color of #2b448a.

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

CSS codes

.text {color:#2b448a;}

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

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

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 #f3f6fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#060912
```
#060912 rgb(6,9,18)
```
#0a1021
```
#0a1021 rgb(10,16,33)
```
#0f1830
```
#0f1830 rgb(15,24,48)
```
#141f3f
```
#141f3f rgb(20,31,63)
```
#18274e
```
#18274e rgb(24,39,78)
```
#1d2e5d
```
#1d2e5d rgb(29,46,93)
```
#22356c
```
#22356c rgb(34,53,108)
```
#263d7b
```
#263d7b rgb(38,61,123)
```
#2b448a
```
#2b448a rgb(43,68,138)
```
#304b99
```
#304b99 rgb(48,75,153)
```
#3453a8
```
#3453a8 rgb(52,83,168)
```
#395ab7
```
#395ab7 rgb(57,90,183)
```

Shade Color Variation

#4063c3
```
#4063c3 rgb(64,99,195)
```
#4f6fc8
```
#4f6fc8 rgb(79,111,200)
```
#5e7bcd
```
#5e7bcd rgb(94,123,205)
```
#6d87d1
```
#6d87d1 rgb(109,135,209)
```
#7c94d6
```
#7c94d6 rgb(124,148,214)
```
#8ba0db
```
#8ba0db rgb(139,160,219)
```
#9aacdf
```
#9aacdf rgb(154,172,223)
```
#a9b8e4
```
#a9b8e4 rgb(169,184,228)
```
#b8c5e9
```
#b8c5e9 rgb(184,197,233)
```
#c7d1ed
```
#c7d1ed rgb(199,209,237)
```
#d6ddf2
```
#d6ddf2 rgb(214,221,242)
```
#e4e9f7
```
#e4e9f7 rgb(228,233,247)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#555860
```
#555860 rgb(85,88,96)
```
#4e5467
```
#4e5467 rgb(78,84,103)
```
#47516e
```
#47516e rgb(71,81,110)
```
#404e75
```
#404e75 rgb(64,78,117)
```
#394b7c
```
#394b7c rgb(57,75,124)
```
#324783
```
#324783 rgb(50,71,131)
```
#2b448a
```
#2b448a rgb(43,68,138)
```
#244191
```
#244191 rgb(36,65,145)
```
#1d3d98
```
#1d3d98 rgb(29,61,152)
```
#163a9f
```
#163a9f rgb(22,58,159)
```
#0f37a6
```
#0f37a6 rgb(15,55,166)
```
#0834ad
```
#0834ad rgb(8,52,173)
```
#0130b4
```
#0130b4 rgb(1,48,180)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#404553 Atypical Achromatopsia 0.001% of the population

Dichromacy

#284f91 Protanopia 1% of men
#005389 Deuteranopia 1% of men
#00595f Tritanopia 0.001% of the population

Trichromacy

#294b8e Protanomaly 1% of men, 0.01% of women
#0f4d89 Deuteranomaly 6% of men, 0.4% of women
#0f516f Tritanomaly 0.01% of the population

#2b448a hex color

#2b448a Color Information

#2b448a Color Conversion

Color Schemes with #2b448a

Alternatives to #2b448a

#2b448a Preview

Shades and Tints of #2b448a

Tones of #2b448a

Color Blindness Simulator