#2b477d hex color

In a RGB color space, hex #2b477d is composed of 16.9% red, 27.8% green and 49% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 43.2% magenta, 0% yellow and 51% black. It has a hue angle of 219.5 degrees, a saturation of 48.8% and a lightness of 32.9%. #2b477d color hex could be obtained by blending #568efa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 28
- B 49
RGB color chart
- C 66
- M 43
- Y 0
- K 51
CMYK color chart

● #2b477d color description : Dark moderate blue.

The hexadecimal color #2b477d has RGB values of R:43, G:71, B:125 and CMYK values of C:0.66, M:0.43, Y:0, K:0.51. Its decimal value is 2836349.

Hex triplet	2b477d	`#2b477d`
RGB Decimal	43, 71, 125	`rgb(43,71,125)`
RGB Percent	16.9, 27.8, 49	`rgb(16.9%,27.8%,49%)`
CMYK	66, 43, 0, 51
HSL	219.5°, 48.8, 32.9	`hsl(219.5,48.8%,32.9%)`
HSV (or HSB)	219.5°, 65.6, 49
Web Safe	333366	`#333366`

CIE-LAB	30.641, 8.047, -33.819
XYZ	6.95, 6.5, 20.289
xyY	0.206, 0.193, 6.5
CIE-LCH	30.641, 34.763, 283.384
CIE-LUV	30.641, -11.821, -45.596
Hunter-Lab	25.496, 4.043, -29.336
Binary	00101011, 01000111, 01111101

#2b477d
```
#2b477d rgb(43,71,125)
```
#7d612b
```
#7d612b rgb(125,97,43)
```

Complementary Color

#2b707d
```
#2b707d rgb(43,112,125)
```
#2b477d
```
#2b477d rgb(43,71,125)
```
#382b7d
```
#382b7d rgb(56,43,125)
```

Analogous Color

#707d2b
```
#707d2b rgb(112,125,43)
```
#2b477d
```
#2b477d rgb(43,71,125)
```
#7d382b
```
#7d382b rgb(125,56,43)
```

Split Complementary Color

#477d2b
```
#477d2b rgb(71,125,43)
```
#2b477d
```
#2b477d rgb(43,71,125)
```
#7d2b47
```
#7d2b47 rgb(125,43,71)
```

Triadic Color

#2b7d61
```
#2b7d61 rgb(43,125,97)
```
#2b477d
```
#2b477d rgb(43,71,125)
```
#7d2b47
```
#7d2b47 rgb(125,43,71)
```
#7d612b
```
#7d612b rgb(125,97,43)
```

Tetradic Color

#172744
```
#172744 rgb(23,39,68)
```
#1e3157
```
#1e3157 rgb(30,49,87)
```
#243c6a
```
#243c6a rgb(36,60,106)
```
#2b477d
```
#2b477d rgb(43,71,125)
```
#325290
```
#325290 rgb(50,82,144)
```
#385da3
```
#385da3 rgb(56,93,163)
```
#3f67b6
```
#3f67b6 rgb(63,103,182)
```

Monochromatic Color

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

#2b5c7d
```
#2b5c7d rgb(43,92,125)
```
#2b557d
```
#2b557d rgb(43,85,125)
```
#2b4e7d
```
#2b4e7d rgb(43,78,125)
```
#2b477d
```
#2b477d rgb(43,71,125)
```
#2b407d
```
#2b407d rgb(43,64,125)
```
#2b397d
```
#2b397d rgb(43,57,125)
```
#2b337d
```
#2b337d rgb(43,51,125)
```

Similar Colors

Text with hexadecimal color #2b477d

This text has a font color of #2b477d.

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

#2b477d background color

This paragraph has a background color of #2b477d.

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

#2b477d border color

This element has a border color of #2b477d.

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

CSS codes

.text {color:#2b477d;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#080d17
```
#080d17 rgb(8,13,23)
```
#0d1525
```
#0d1525 rgb(13,21,37)
```
#121e34
```
#121e34 rgb(18,30,52)
```
#172643
```
#172643 rgb(23,38,67)
```
#1c2e51
```
#1c2e51 rgb(28,46,81)
```
#213660
```
#213660 rgb(33,54,96)
```
#263f6e
```
#263f6e rgb(38,63,110)
```
#2b477d
```
#2b477d rgb(43,71,125)
```
#304f8c
```
#304f8c rgb(48,79,140)
```
#35589a
```
#35589a rgb(53,88,154)
```
#3a60a9
```
#3a60a9 rgb(58,96,169)
```
#3f68b7
```
#3f68b7 rgb(63,104,183)
```

Shade Color Variation

#4a72c1
```
#4a72c1 rgb(74,114,193)
```
#587dc6
```
#587dc6 rgb(88,125,198)
```
#6789cb
```
#6789cb rgb(103,137,203)
```
#7594d0
```
#7594d0 rgb(117,148,208)
```
#849fd5
```
#849fd5 rgb(132,159,213)
```
#92abda
```
#92abda rgb(146,171,218)
```
#a1b6df
```
#a1b6df rgb(161,182,223)
```
#b0c1e4
```
#b0c1e4 rgb(176,193,228)
```
#becde9
```
#becde9 rgb(190,205,233)
```
#cdd8ee
```
#cdd8ee rgb(205,216,238)
```
#dbe3f3
```
#dbe3f3 rgb(219,227,243)
```
#eaeff8
```
#eaeff8 rgb(234,239,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#525356
```
#525356 rgb(82,83,86)
```
#4b515d
```
#4b515d rgb(75,81,93)
```
#454f63
```
#454f63 rgb(69,79,99)
```
#3e4d6a
```
#3e4d6a rgb(62,77,106)
```
#384b70
```
#384b70 rgb(56,75,112)
```
#314977
```
#314977 rgb(49,73,119)
```
#2b477d
```
#2b477d rgb(43,71,125)
```
#254583
```
#254583 rgb(37,69,131)
```
#1e438a
```
#1e438a rgb(30,67,138)
```
#184190
```
#184190 rgb(24,65,144)
```
#113f97
```
#113f97 rgb(17,63,151)
```
#0b3d9d
```
#0b3d9d rgb(11,61,157)
```
#043ba4
```
#043ba4 rgb(4,59,164)
```

Tone Color Variation

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

Dichromacy

#394f83 Protanopia 1% of men
#2a5283 Deuteranopia 1% of men
#1b585f Tritanopia 0.001% of the population

Trichromacy

#344c80 Protanomaly 1% of men, 0.01% of women
#2a4e80 Deuteranomaly 6% of men, 0.4% of women
#21526a Tritanomaly 0.01% of the population

#2b477d hex color

#2b477d Color Information

#2b477d Color Conversion

Color Schemes with #2b477d

Alternatives to #2b477d

#2b477d Preview

Shades and Tints of #2b477d

Tones of #2b477d

Color Blindness Simulator