colorhexa.com

#2b448d hex color

In a RGB color space, hex #2b448d is composed of 16.9% red, 26.7% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 51.8% magenta, 0% yellow and 44.7% black. It has a hue angle of 224.7 degrees, a saturation of 53.3% and a lightness of 36.1%. #2b448d color hex could be obtained by blending #5688ff with #00001b. Closest websafe color is: #333399.

- R 17
- G 27
- B 55
RGB color chart
- C 70
- M 52
- Y 0
- K 45
CMYK color chart

● #2b448d color description : Dark moderate blue.

The hexadecimal color #2b448d has RGB values of R:43, G:68, B:141 and CMYK values of C:0.7, M:0.52, Y:0, K:0.45. Its decimal value is 2835597.

Hex triplet	2b448d	`#2b448d`
RGB Decimal	43, 68, 141	`rgb(43,68,141)`
RGB Percent	16.9, 26.7, 55.3	`rgb(16.9%,26.7%,55.3%)`
CMYK	70, 52, 0, 45
HSL	224.7°, 53.3, 36.1	`hsl(224.7,53.3%,36.1%)`
HSV (or HSB)	224.7°, 69.5, 55.3
Web Safe	333399	`#333399`

CIE-LAB	30.808, 16.17, -43.457
XYZ	7.87, 6.57, 26.051
xyY	0.194, 0.162, 6.57
CIE-LCH	30.808, 46.368, 290.41
CIE-LUV	30.808, -10.93, -59.262
Hunter-Lab	25.633, 9.948, -42.315
Binary	00101011, 01000100, 10001101

#2b448d
```
#2b448d rgb(43,68,141)
```
#8d742b
```
#8d742b rgb(141,116,43)
```

Complementary Color

#2b758d
```
#2b758d rgb(43,117,141)
```
#2b448d
```
#2b448d rgb(43,68,141)
```
#432b8d
```
#432b8d rgb(67,43,141)
```

Analogous Color

#758d2b
```
#758d2b rgb(117,141,43)
```
#2b448d
```
#2b448d rgb(43,68,141)
```
#8d432b
```
#8d432b rgb(141,67,43)
```

Split Complementary Color

#448d2b
```
#448d2b rgb(68,141,43)
```
#2b448d
```
#2b448d rgb(43,68,141)
```
#8d2b44
```
#8d2b44 rgb(141,43,68)
```

Triadic Color

#2b8d74
```
#2b8d74 rgb(43,141,116)
```
#2b448d
```
#2b448d rgb(43,68,141)
```
#8d2b44
```
#8d2b44 rgb(141,43,68)
```
#8d742b
```
#8d742b rgb(141,116,43)
```

Tetradic Color

#192852
```
#192852 rgb(25,40,82)
```
#1f3166
```
#1f3166 rgb(31,49,102)
```
#253b79
```
#253b79 rgb(37,59,121)
```
#2b448d
```
#2b448d rgb(43,68,141)
```
#314da1
```
#314da1 rgb(49,77,161)
```
#3757b4
```
#3757b4 rgb(55,87,180)
```
#4062c5
```
#4062c5 rgb(64,98,197)
```

Monochromatic Color

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

#2b5d8d
```
#2b5d8d rgb(43,93,141)
```
#2b548d
```
#2b548d rgb(43,84,141)
```
#2b4c8d
```
#2b4c8d rgb(43,76,141)
```
#2b448d
```
#2b448d rgb(43,68,141)
```
#2b3c8d
```
#2b3c8d rgb(43,60,141)
```
#2b348d
```
#2b348d rgb(43,52,141)
```
#2b2c8d
```
#2b2c8d rgb(43,44,141)
```

Similar Colors

Text with hexadecimal color #2b448d

This text has a font color of #2b448d.

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

#2b448d background color

This paragraph has a background color of #2b448d.

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

#2b448d border color

This element has a border color of #2b448d.

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

CSS codes

.text {color:#2b448d;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060a15
```
#060a15 rgb(6,10,21)
```
#0b1124
```
#0b1124 rgb(11,17,36)
```
#0f1933
```
#0f1933 rgb(15,25,51)
```
#142042
```
#142042 rgb(20,32,66)
```
#192751
```
#192751 rgb(25,39,81)
```
#1d2e60
```
#1d2e60 rgb(29,46,96)
```
#22366f
```
#22366f rgb(34,54,111)
```
#263d7e
```
#263d7e rgb(38,61,126)
```
#2b448d
```
#2b448d rgb(43,68,141)
```
#304b9c
```
#304b9c rgb(48,75,156)
```
#3452ab
```
#3452ab rgb(52,82,171)
```
#395aba
```
#395aba rgb(57,90,186)
```

Shade Color Variation

#4163c5
```
#4163c5 rgb(65,99,197)
```
#506fca
```
#506fca rgb(80,111,202)
```
#5f7cce
```
#5f7cce rgb(95,124,206)
```
#6e88d3
```
#6e88d3 rgb(110,136,211)
```
#7d94d7
```
#7d94d7 rgb(125,148,215)
```
#8ca1dc
```
#8ca1dc rgb(140,161,220)
```
#9bade1
```
#9bade1 rgb(155,173,225)
```
#abbae5
```
#abbae5 rgb(171,186,229)
```
#bac6ea
```
#bac6ea rgb(186,198,234)
```
#c9d2ee
```
#c9d2ee rgb(201,210,238)
```
#d8dff3
```
#d8dff3 rgb(216,223,243)
```
#e7ebf8
```
#e7ebf8 rgb(231,235,248)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#555963
```
#555963 rgb(85,89,99)
```
#4e556a
```
#4e556a rgb(78,85,106)
```
#475271
```
#475271 rgb(71,82,113)
```
#404e78
```
#404e78 rgb(64,78,120)
```
#394b7f
```
#394b7f rgb(57,75,127)
```
#324786
```
#324786 rgb(50,71,134)
```
#2b448d
```
#2b448d rgb(43,68,141)
```
#244194
```
#244194 rgb(36,65,148)
```
#1d3d9b
```
#1d3d9b rgb(29,61,155)
```
#163aa2
```
#163aa2 rgb(22,58,162)
```
#0f36a9
```
#0f36a9 rgb(15,54,169)
```
#0833b0
```
#0833b0 rgb(8,51,176)
```
#012fb7
```
#012fb7 rgb(1,47,183)
```

Tone Color Variation

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

#244f94 Protanopia 1% of men
#00538a Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#264b91 Protanomaly 1% of men, 0.01% of women
#0f4d8b Deuteranomaly 6% of men, 0.4% of women
#0f5270 Tritanomaly 0.01% of the population