#2b456d hex color

In a RGB color space, hex #2b456d is composed of 16.9% red, 27.1% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 36.7% magenta, 0% yellow and 57.3% black. It has a hue angle of 216.4 degrees, a saturation of 43.4% and a lightness of 29.8%. #2b456d color hex could be obtained by blending #568ada with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 27
- B 43
RGB color chart
- C 61
- M 37
- Y 0
- K 57
CMYK color chart

● #2b456d color description : Very dark blue.

The hexadecimal color #2b456d has RGB values of R:43, G:69, B:109 and CMYK values of C:0.61, M:0.37, Y:0, K:0.57. Its decimal value is 2835821.

Hex triplet	2b456d	`#2b456d`
RGB Decimal	43, 69, 109	`rgb(43,69,109)`
RGB Percent	16.9, 27.1, 42.7	`rgb(16.9%,27.1%,42.7%)`
CMYK	61, 37, 0, 57
HSL	216.4°, 43.4, 29.8	`hsl(216.4,43.4%,29.8%)`
HSV (or HSB)	216.4°, 60.6, 42.7
Web Safe	333366	`#333366`

CIE-LAB	29.091, 3.436, -26.213
XYZ	5.884, 5.874, 15.291
xyY	0.218, 0.217, 5.874
CIE-LCH	29.091, 26.437, 277.468
CIE-LUV	29.091, -11.178, -34.177
Hunter-Lab	24.236, 0.925, -20.443
Binary	00101011, 01000101, 01101101

#2b456d
```
#2b456d rgb(43,69,109)
```
#6d532b
```
#6d532b rgb(109,83,43)
```

Complementary Color

#2b666d
```
#2b666d rgb(43,102,109)
```
#2b456d
```
#2b456d rgb(43,69,109)
```
#322b6d
```
#322b6d rgb(50,43,109)
```

Analogous Color

#666d2b
```
#666d2b rgb(102,109,43)
```
#2b456d
```
#2b456d rgb(43,69,109)
```
#6d322b
```
#6d322b rgb(109,50,43)
```

Split Complementary Color

#456d2b
```
#456d2b rgb(69,109,43)
```
#2b456d
```
#2b456d rgb(43,69,109)
```
#6d2b45
```
#6d2b45 rgb(109,43,69)
```

Triadic Color

#2b6d53
```
#2b6d53 rgb(43,109,83)
```
#2b456d
```
#2b456d rgb(43,69,109)
```
#6d2b45
```
#6d2b45 rgb(109,43,69)
```
#6d532b
```
#6d532b rgb(109,83,43)
```

Tetradic Color

#152236
```
#152236 rgb(21,34,54)
```
#1d2e48
```
#1d2e48 rgb(29,46,72)
```
#24395b
```
#24395b rgb(36,57,91)
```
#2b456d
```
#2b456d rgb(43,69,109)
```
#32517f
```
#32517f rgb(50,81,127)
```
#395c92
```
#395c92 rgb(57,92,146)
```
#4168a4
```
#4168a4 rgb(65,104,164)
```

Monochromatic Color

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

#2b566d
```
#2b566d rgb(43,86,109)
```
#2b506d
```
#2b506d rgb(43,80,109)
```
#2b4b6d
```
#2b4b6d rgb(43,75,109)
```
#2b456d
```
#2b456d rgb(43,69,109)
```
#2b406d
```
#2b406d rgb(43,64,109)
```
#2b3a6d
```
#2b3a6d rgb(43,58,109)
```
#2b356d
```
#2b356d rgb(43,53,109)
```

Similar Colors

Text with hexadecimal color #2b456d

This text has a font color of #2b456d.

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

#2b456d background color

This paragraph has a background color of #2b456d.

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

#2b456d border color

This element has a border color of #2b456d.

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

CSS codes

.text {color:#2b456d;}

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

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

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, #04070b is the darkest color, while #fbfcfe is the lightest one.

#04070b
```
#04070b rgb(4,7,11)
```
#0a1019
```
#0a1019 rgb(10,16,25)
```
#0f1827
```
#0f1827 rgb(15,24,39)
```
#152135
```
#152135 rgb(21,33,53)
```
#1a2a43
```
#1a2a43 rgb(26,42,67)
```
#203351
```
#203351 rgb(32,51,81)
```
#253c5f
```
#253c5f rgb(37,60,95)
```
#2b456d
```
#2b456d rgb(43,69,109)
```
#314e7b
```
#314e7b rgb(49,78,123)
```
#365789
```
#365789 rgb(54,87,137)
```
#3c6097
```
#3c6097 rgb(60,96,151)
```
#4169a5
```
#4169a5 rgb(65,105,165)
```
#4772b3
```
#4772b3 rgb(71,114,179)
```

Shade Color Variation

#537cbb
```
#537cbb rgb(83,124,187)
```
#6186c1
```
#6186c1 rgb(97,134,193)
```
#6f91c6
```
#6f91c6 rgb(111,145,198)
```
#7d9ccc
```
#7d9ccc rgb(125,156,204)
```
#8ba7d1
```
#8ba7d1 rgb(139,167,209)
```
#99b1d7
```
#99b1d7 rgb(153,177,215)
```
#a7bcdc
```
#a7bcdc rgb(167,188,220)
```
#b5c7e2
```
#b5c7e2 rgb(181,199,226)
```
#c3d1e7
```
#c3d1e7 rgb(195,209,231)
```
#d1dced
```
#d1dced rgb(209,220,237)
```
#dfe7f3
```
#dfe7f3 rgb(223,231,243)
```
#edf2f8
```
#edf2f8 rgb(237,242,248)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484b50 is the less saturated color, while #023c96 is the most saturated one.

#484b50
```
#484b50 rgb(72,75,80)
```
#424a56
```
#424a56 rgb(66,74,86)
```
#3d495b
```
#3d495b rgb(61,73,91)
```
#374761
```
#374761 rgb(55,71,97)
```
#314667
```
#314667 rgb(49,70,103)
```
#2b456d
```
#2b456d rgb(43,69,109)
```
#254473
```
#254473 rgb(37,68,115)
```
#1f4379
```
#1f4379 rgb(31,67,121)
```
#19417f
```
#19417f rgb(25,65,127)
```
#144084
```
#144084 rgb(20,64,132)
```
#0e3f8a
```
#0e3f8a rgb(14,63,138)
```
#083e90
```
#083e90 rgb(8,62,144)
```
#023c96
```
#023c96 rgb(2,60,150)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3d434b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4d73 Protanopia 1% of men
#384e74 Deuteranopia 1% of men
#28545a Tritanopia 0.001% of the population

Trichromacy

#384a71 Protanomaly 1% of men, 0.01% of women
#334a71 Deuteranomaly 6% of men, 0.4% of women
#294e61 Tritanomaly 0.01% of the population

#2b456d hex color

#2b456d Color Information

#2b456d Color Conversion

Color Schemes with #2b456d

Alternatives to #2b456d

#2b456d Preview

Shades and Tints of #2b456d

Tones of #2b456d

Color Blindness Simulator