#2c477f hex color

In a RGB color space, hex #2c477f is composed of 17.3% red, 27.8% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 44.1% magenta, 0% yellow and 50.2% black. It has a hue angle of 220.5 degrees, a saturation of 48.5% and a lightness of 33.5%. #2c477f color hex could be obtained by blending #588efe with #000000. Closest websafe color is: #333366.

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

● #2c477f color description : Dark moderate blue.

The hexadecimal color #2c477f has RGB values of R:44, G:71, B:127 and CMYK values of C:0.65, M:0.44, Y:0, K:0.5. Its decimal value is 2901887.

Hex triplet	2c477f	`#2c477f`
RGB Decimal	44, 71, 127	`rgb(44,71,127)`
RGB Percent	17.3, 27.8, 49.8	`rgb(17.3%,27.8%,49.8%)`
CMYK	65, 44, 0, 50
HSL	220.5°, 48.5, 33.5	`hsl(220.5,48.5%,33.5%)`
HSV (or HSB)	220.5°, 65.4, 49.8
Web Safe	333366	`#333366`

CIE-LAB	30.816, 8.998, -34.783
XYZ	7.122, 6.574, 20.971
xyY	0.205, 0.19, 6.574
CIE-LCH	30.816, 35.928, 284.504
CIE-LUV	30.816, -11.585, -47.075
Hunter-Lab	25.639, 4.713, -30.547
Binary	00101100, 01000111, 01111111

#2c477f
```
#2c477f rgb(44,71,127)
```
#7f642c
```
#7f642c rgb(127,100,44)
```

Complementary Color

#2c717f
```
#2c717f rgb(44,113,127)
```
#2c477f
```
#2c477f rgb(44,71,127)
```
#3b2c7f
```
#3b2c7f rgb(59,44,127)
```

Analogous Color

#717f2c
```
#717f2c rgb(113,127,44)
```
#2c477f
```
#2c477f rgb(44,71,127)
```
#7f3b2c
```
#7f3b2c rgb(127,59,44)
```

Split Complementary Color

#477f2c
```
#477f2c rgb(71,127,44)
```
#2c477f
```
#2c477f rgb(44,71,127)
```
#7f2c47
```
#7f2c47 rgb(127,44,71)
```

Triadic Color

#2c7f64
```
#2c7f64 rgb(44,127,100)
```
#2c477f
```
#2c477f rgb(44,71,127)
```
#7f2c47
```
#7f2c47 rgb(127,44,71)
```
#7f642c
```
#7f642c rgb(127,100,44)
```

Tetradic Color

#182746
```
#182746 rgb(24,39,70)
```
#1f3259
```
#1f3259 rgb(31,50,89)
```
#253c6c
```
#253c6c rgb(37,60,108)
```
#2c477f
```
#2c477f rgb(44,71,127)
```
#335292
```
#335292 rgb(51,82,146)
```
#395ca5
```
#395ca5 rgb(57,92,165)
```
#4067b8
```
#4067b8 rgb(64,103,184)
```

Monochromatic Color

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

#2c5c7f
```
#2c5c7f rgb(44,92,127)
```
#2c557f
```
#2c557f rgb(44,85,127)
```
#2c4e7f
```
#2c4e7f rgb(44,78,127)
```
#2c477f
```
#2c477f rgb(44,71,127)
```
#2c407f
```
#2c407f rgb(44,64,127)
```
#2c397f
```
#2c397f rgb(44,57,127)
```
#2c327f
```
#2c327f rgb(44,50,127)
```

Similar Colors

Text with hexadecimal color #2c477f

This text has a font color of #2c477f.

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

#2c477f background color

This paragraph has a background color of #2c477f.

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

#2c477f border color

This element has a border color of #2c477f.

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

CSS codes

.text {color:#2c477f;}

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

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

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 #fbfcfe is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#090e19
```
#090e19 rgb(9,14,25)
```
#0e1628
```
#0e1628 rgb(14,22,40)
```
#131e36
```
#131e36 rgb(19,30,54)
```
#182645
```
#182645 rgb(24,38,69)
```
#1d2f53
```
#1d2f53 rgb(29,47,83)
```
#223762
```
#223762 rgb(34,55,98)
```
#273f70
```
#273f70 rgb(39,63,112)
```
#2c477f
```
#2c477f rgb(44,71,127)
```
#314f8e
```
#314f8e rgb(49,79,142)
```
#36579c
```
#36579c rgb(54,87,156)
```
#3b5fab
```
#3b5fab rgb(59,95,171)
```
#4068b9
```
#4068b9 rgb(64,104,185)
```

Shade Color Variation

#4c72c1
```
#4c72c1 rgb(76,114,193)
```
#5b7ec6
```
#5b7ec6 rgb(91,126,198)
```
#6989cb
```
#6989cb rgb(105,137,203)
```
#7895d0
```
#7895d0 rgb(120,149,208)
```
#86a0d5
```
#86a0d5 rgb(134,160,213)
```
#95abda
```
#95abda rgb(149,171,218)
```
#a3b7df
```
#a3b7df rgb(163,183,223)
```
#b2c2e4
```
#b2c2e4 rgb(178,194,228)
```
#c1cee9
```
#c1cee9 rgb(193,206,233)
```
#cfd9ee
```
#cfd9ee rgb(207,217,238)
```
#dee5f3
```
#dee5f3 rgb(222,229,243)
```
#ecf0f9
```
#ecf0f9 rgb(236,240,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#535558
```
#535558 rgb(83,85,88)
```
#4d525e
```
#4d525e rgb(77,82,94)
```
#465065
```
#465065 rgb(70,80,101)
```
#404e6b
```
#404e6b rgb(64,78,107)
```
#394c72
```
#394c72 rgb(57,76,114)
```
#334978
```
#334978 rgb(51,73,120)
```
#2c477f
```
#2c477f rgb(44,71,127)
```
#254586
```
#254586 rgb(37,69,134)
```
#1f428c
```
#1f428c rgb(31,66,140)
```
#184093
```
#184093 rgb(24,64,147)
```
#123e99
```
#123e99 rgb(18,62,153)
```
#0b3ca0
```
#0b3ca0 rgb(11,60,160)
```
#0539a6
```
#0539a6 rgb(5,57,166)
```

Tone Color Variation

Below, you can see how #2c477f 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
#285284 Deuteranopia 1% of men
#1b595f Tritanopia 0.001% of the population

Trichromacy

#344c83 Protanomaly 1% of men, 0.01% of women
#294e82 Deuteranomaly 6% of men, 0.4% of women
#21526b Tritanomaly 0.01% of the population

#2c477f hex color

#2c477f Color Information

#2c477f Color Conversion

Color Schemes with #2c477f

Alternatives to #2c477f

#2c477f Preview

Shades and Tints of #2c477f

Tones of #2c477f

Color Blindness Simulator