#2b476c hex color

In a RGB color space, hex #2b476c is composed of 16.9% red, 27.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 34.3% magenta, 0% yellow and 57.6% black. It has a hue angle of 214.2 degrees, a saturation of 43% and a lightness of 29.6%. #2b476c color hex could be obtained by blending #568ed8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 28
- B 42
RGB color chart
- C 60
- M 34
- Y 0
- K 58
CMYK color chart

● #2b476c color description : Very dark blue.

The hexadecimal color #2b476c has RGB values of R:43, G:71, B:108 and CMYK values of C:0.6, M:0.34, Y:0, K:0.58. Its decimal value is 2836332.

Hex triplet	2b476c	`#2b476c`
RGB Decimal	43, 71, 108	`rgb(43,71,108)`
RGB Percent	16.9, 27.8, 42.4	`rgb(16.9%,27.8%,42.4%)`
CMYK	60, 34, 0, 58
HSL	214.2°, 43, 29.6	`hsl(214.2,43%,29.6%)`
HSV (or HSB)	214.2°, 60.2, 42.4
Web Safe	333366	`#333366`

CIE-LAB	29.669, 1.743, -24.669
XYZ	5.956, 6.102, 15.051
xyY	0.22, 0.225, 6.102
CIE-LCH	29.669, 24.731, 274.043
CIE-LUV	29.669, -11.892, -32.132
Hunter-Lab	24.703, -0.196, -18.831
Binary	00101011, 01000111, 01101100

#2b476c
```
#2b476c rgb(43,71,108)
```
#6c502b
```
#6c502b rgb(108,80,43)
```

Complementary Color

#2b686c
```
#2b686c rgb(43,104,108)
```
#2b476c
```
#2b476c rgb(43,71,108)
```
#302b6c
```
#302b6c rgb(48,43,108)
```

Analogous Color

#686c2b
```
#686c2b rgb(104,108,43)
```
#2b476c
```
#2b476c rgb(43,71,108)
```
#6c302b
```
#6c302b rgb(108,48,43)
```

Split Complementary Color

#476c2b
```
#476c2b rgb(71,108,43)
```
#2b476c
```
#2b476c rgb(43,71,108)
```
#6c2b47
```
#6c2b47 rgb(108,43,71)
```

Triadic Color

#2b6c50
```
#2b6c50 rgb(43,108,80)
```
#2b476c
```
#2b476c rgb(43,71,108)
```
#6c2b47
```
#6c2b47 rgb(108,43,71)
```
#6c502b
```
#6c502b rgb(108,80,43)
```

Tetradic Color

#152335
```
#152335 rgb(21,35,53)
```
#1c2f48
```
#1c2f48 rgb(28,47,72)
```
#243b5a
```
#243b5a rgb(36,59,90)
```
#2b476c
```
#2b476c rgb(43,71,108)
```
#32537e
```
#32537e rgb(50,83,126)
```
#3a5f90
```
#3a5f90 rgb(58,95,144)
```
#416ba3
```
#416ba3 rgb(65,107,163)
```

Monochromatic Color

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

#2b576c
```
#2b576c rgb(43,87,108)
```
#2b526c
```
#2b526c rgb(43,82,108)
```
#2b4c6c
```
#2b4c6c rgb(43,76,108)
```
#2b476c
```
#2b476c rgb(43,71,108)
```
#2b426c
```
#2b426c rgb(43,66,108)
```
#2b3c6c
```
#2b3c6c rgb(43,60,108)
```
#2b376c
```
#2b376c rgb(43,55,108)
```

Similar Colors

Text with hexadecimal color #2b476c

This text has a font color of #2b476c.

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

#2b476c background color

This paragraph has a background color of #2b476c.

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

#2b476c border color

This element has a border color of #2b476c.

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

CSS codes

.text {color:#2b476c;}

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

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

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, #04060a is the darkest color, while #fbfcfd is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#091018
```
#091018 rgb(9,16,24)
```
#0f1926
```
#0f1926 rgb(15,25,38)
```
#152234
```
#152234 rgb(21,34,52)
```
#1a2b42
```
#1a2b42 rgb(26,43,66)
```
#203550
```
#203550 rgb(32,53,80)
```
#253e5e
```
#253e5e rgb(37,62,94)
```
#2b476c
```
#2b476c rgb(43,71,108)
```
#31507a
```
#31507a rgb(49,80,122)
```
#365988
```
#365988 rgb(54,89,136)
```
#3c6396
```
#3c6396 rgb(60,99,150)
```
#416ca4
```
#416ca4 rgb(65,108,164)
```
#4775b2
```
#4775b2 rgb(71,117,178)
```

Shade Color Variation

#527fba
```
#527fba rgb(82,127,186)
```
#608ac0
```
#608ac0 rgb(96,138,192)
```
#6e94c5
```
#6e94c5 rgb(110,148,197)
```
#7c9ecb
```
#7c9ecb rgb(124,158,203)
```
#8ba9d1
```
#8ba9d1 rgb(139,169,209)
```
#99b3d6
```
#99b3d6 rgb(153,179,214)
```
#a7bedc
```
#a7bedc rgb(167,190,220)
```
#b5c8e1
```
#b5c8e1 rgb(181,200,225)
```
#c3d2e7
```
#c3d2e7 rgb(195,210,231)
```
#d1dded
```
#d1dded rgb(209,221,237)
```
#dfe7f2
```
#dfe7f2 rgb(223,231,242)
```
#edf1f8
```
#edf1f8 rgb(237,241,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#484b4f
```
#484b4f rgb(72,75,79)
```
#424a55
```
#424a55 rgb(66,74,85)
```
#3c495b
```
#3c495b rgb(60,73,91)
```
#374960
```
#374960 rgb(55,73,96)
```
#314866
```
#314866 rgb(49,72,102)
```
#2b476c
```
#2b476c rgb(43,71,108)
```
#254672
```
#254672 rgb(37,70,114)
```
#1f4578
```
#1f4578 rgb(31,69,120)
```
#1a457d
```
#1a457d rgb(26,69,125)
```
#144483
```
#144483 rgb(20,68,131)
```
#0e4389
```
#0e4389 rgb(14,67,137)
```
#08428f
```
#08428f rgb(8,66,143)
```
#024195
```
#024195 rgb(2,65,149)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3e444b Atypical Achromatopsia 0.001% of the population

Dichromacy

#424e72 Protanopia 1% of men
#3c4f74 Deuteranopia 1% of men
#29555b Tritanopia 0.001% of the population

Trichromacy

#394b6f Protanomaly 1% of men, 0.01% of women
#364c71 Deuteranomaly 6% of men, 0.4% of women
#2a5061 Tritanomaly 0.01% of the population

#2b476c hex color

#2b476c Color Information

#2b476c Color Conversion

Color Schemes with #2b476c

Alternatives to #2b476c

#2b476c Preview

Shades and Tints of #2b476c

Tones of #2b476c

Color Blindness Simulator