#2b477f hex color

In a RGB color space, hex #2b477f is composed of 16.9% red, 27.8% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 44.1% magenta, 0% yellow and 50.2% black. It has a hue angle of 220 degrees, a saturation of 49.4% and a lightness of 33.3%. #2b477f color hex could be obtained by blending #568efe with #000000. Closest websafe color is: #333366.

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

● #2b477f color description : Dark moderate blue.

The hexadecimal color #2b477f has RGB values of R:43, G:71, B:127 and CMYK values of C:0.66, M:0.44, Y:0, K:0.5. Its decimal value is 2836351.

Hex triplet	2b477f	`#2b477f`
RGB Decimal	43, 71, 127	`rgb(43,71,127)`
RGB Percent	16.9, 27.8, 49.8	`rgb(16.9%,27.8%,49.8%)`
CMYK	66, 44, 0, 50
HSL	220°, 49.4, 33.3	`hsl(220,49.4%,33.3%)`
HSV (or HSB)	220°, 66.1, 49.8
Web Safe	333366	`#333366`

CIE-LAB	30.764, 8.803, -34.869
XYZ	7.079, 6.552, 20.969
xyY	0.205, 0.189, 6.552
CIE-LCH	30.764, 35.963, 284.168
CIE-LUV	30.764, -11.817, -47.15
Hunter-Lab	25.597, 4.574, -30.653
Binary	00101011, 01000111, 01111111

#2b477f
```
#2b477f rgb(43,71,127)
```
#7f632b
```
#7f632b rgb(127,99,43)
```

Complementary Color

#2b717f
```
#2b717f rgb(43,113,127)
```
#2b477f
```
#2b477f rgb(43,71,127)
```
#392b7f
```
#392b7f rgb(57,43,127)
```

Analogous Color

#717f2b
```
#717f2b rgb(113,127,43)
```
#2b477f
```
#2b477f rgb(43,71,127)
```
#7f392b
```
#7f392b rgb(127,57,43)
```

Split Complementary Color

#477f2b
```
#477f2b rgb(71,127,43)
```
#2b477f
```
#2b477f rgb(43,71,127)
```
#7f2b47
```
#7f2b47 rgb(127,43,71)
```

Triadic Color

#2b7f63
```
#2b7f63 rgb(43,127,99)
```
#2b477f
```
#2b477f rgb(43,71,127)
```
#7f2b47
```
#7f2b47 rgb(127,43,71)
```
#7f632b
```
#7f632b rgb(127,99,43)
```

Tetradic Color

#182746
```
#182746 rgb(24,39,70)
```
#1e3259
```
#1e3259 rgb(30,50,89)
```
#253c6c
```
#253c6c rgb(37,60,108)
```
#2b477f
```
#2b477f rgb(43,71,127)
```
#315292
```
#315292 rgb(49,82,146)
```
#385ca5
```
#385ca5 rgb(56,92,165)
```
#3e67b8
```
#3e67b8 rgb(62,103,184)
```

Monochromatic Color

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

#2b5c7f
```
#2b5c7f rgb(43,92,127)
```
#2b557f
```
#2b557f rgb(43,85,127)
```
#2b4e7f
```
#2b4e7f rgb(43,78,127)
```
#2b477f
```
#2b477f rgb(43,71,127)
```
#2b407f
```
#2b407f rgb(43,64,127)
```
#2b397f
```
#2b397f rgb(43,57,127)
```
#2b327f
```
#2b327f rgb(43,50,127)
```

Similar Colors

Text with hexadecimal color #2b477f

This text has a font color of #2b477f.

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

#2b477f background color

This paragraph has a background color of #2b477f.

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

#2b477f border color

This element has a border color of #2b477f.

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

CSS codes

.text {color:#2b477f;}

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

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

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

#03050a
```
#03050a rgb(3,5,10)
```
#080e18
```
#080e18 rgb(8,14,24)
```
#0d1627
```
#0d1627 rgb(13,22,39)
```
#121e36
```
#121e36 rgb(18,30,54)
```
#172644
```
#172644 rgb(23,38,68)
```
#1c2e53
```
#1c2e53 rgb(28,46,83)
```
#213762
```
#213762 rgb(33,55,98)
```
#263f70
```
#263f70 rgb(38,63,112)
```
#2b477f
```
#2b477f rgb(43,71,127)
```
#304f8e
```
#304f8e rgb(48,79,142)
```
#35579c
```
#35579c rgb(53,87,156)
```
#3a60ab
```
#3a60ab rgb(58,96,171)
```
#3f68ba
```
#3f68ba rgb(63,104,186)
```

Shade Color Variation

#4a72c2
```
#4a72c2 rgb(74,114,194)
```
#597ec7
```
#597ec7 rgb(89,126,199)
```
#6889cc
```
#6889cc rgb(104,137,204)
```
#7694d1
```
#7694d1 rgb(118,148,209)
```
#85a0d6
```
#85a0d6 rgb(133,160,214)
```
#94abdb
```
#94abdb rgb(148,171,219)
```
#a2b7e0
```
#a2b7e0 rgb(162,183,224)
```
#b1c2e5
```
#b1c2e5 rgb(177,194,229)
```
#c0ceea
```
#c0ceea rgb(192,206,234)
```
#ced9ee
```
#ced9ee rgb(206,217,238)
```
#dde4f3
```
#dde4f3 rgb(221,228,243)
```
#ebf0f8
```
#ebf0f8 rgb(235,240,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#525458
```
#525458 rgb(82,84,88)
```
#4c525e
```
#4c525e rgb(76,82,94)
```
#455065
```
#455065 rgb(69,80,101)
```
#3f4e6b
```
#3f4e6b rgb(63,78,107)
```
#384b72
```
#384b72 rgb(56,75,114)
```
#324978
```
#324978 rgb(50,73,120)
```
#2b477f
```
#2b477f rgb(43,71,127)
```
#244586
```
#244586 rgb(36,69,134)
```
#1e438c
```
#1e438c rgb(30,67,140)
```
#174093
```
#174093 rgb(23,64,147)
```
#113e99
```
#113e99 rgb(17,62,153)
```
#0a3ca0
```
#0a3ca0 rgb(10,60,160)
```
#043aa6
```
#043aa6 rgb(4,58,166)
```

Tone Color Variation

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

Dichromacy

#385085 Protanopia 1% of men
#275284 Deuteranopia 1% of men
#18595f Tritanopia 0.001% of the population

Trichromacy

#334c83 Protanomaly 1% of men, 0.01% of women
#294e82 Deuteranomaly 6% of men, 0.4% of women
#1f526b Tritanomaly 0.01% of the population

#2b477f hex color

#2b477f Color Information

#2b477f Color Conversion

Color Schemes with #2b477f

Alternatives to #2b477f

#2b477f Preview

Shades and Tints of #2b477f

Tones of #2b477f

Color Blindness Simulator