#2c455e hex color

In a RGB color space, hex #2c455e is composed of 17.3% red, 27.1% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 26.6% magenta, 0% yellow and 63.1% black. It has a hue angle of 210 degrees, a saturation of 36.2% and a lightness of 27.1%. #2c455e color hex could be obtained by blending #588abc with #000000. Closest websafe color is: #333366.

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

● #2c455e color description : Very dark desaturated blue.

The hexadecimal color #2c455e has RGB values of R:44, G:69, B:94 and CMYK values of C:0.53, M:0.27, Y:0, K:0.63. Its decimal value is 2901342.

Hex triplet	2c455e	`#2c455e`
RGB Decimal	44, 69, 94	`rgb(44,69,94)`
RGB Percent	17.3, 27.1, 36.9	`rgb(17.3%,27.1%,36.9%)`
CMYK	53, 27, 0, 63
HSL	210°, 36.2, 27.1	`hsl(210,36.2%,27.1%)`
HSV (or HSB)	210°, 53.2, 36.9
Web Safe	333366	`#333366`

CIE-LAB	28.379, -1.637, -17.739
XYZ	5.187, 5.6, 11.397
xyY	0.234, 0.252, 5.6
CIE-LCH	28.379, 17.814, 264.726
CIE-LUV	28.379, -10.947, -22.076
Hunter-Lab	23.663, -2.286, -11.99
Binary	00101100, 01000101, 01011110

#2c455e
```
#2c455e rgb(44,69,94)
```
#5e452c
```
#5e452c rgb(94,69,44)
```

Complementary Color

#2c5e5e
```
#2c5e5e rgb(44,94,94)
```
#2c455e
```
#2c455e rgb(44,69,94)
```
#2c2c5e
```
#2c2c5e rgb(44,44,94)
```

Analogous Color

#5e5e2c
```
#5e5e2c rgb(94,94,44)
```
#2c455e
```
#2c455e rgb(44,69,94)
```
#5e2c2c
```
#5e2c2c rgb(94,44,44)
```

Split Complementary Color

#455e2c
```
#455e2c rgb(69,94,44)
```
#2c455e
```
#2c455e rgb(44,69,94)
```
#5e2c45
```
#5e2c45 rgb(94,44,69)
```

Triadic Color

#2c5e45
```
#2c5e45 rgb(44,94,69)
```
#2c455e
```
#2c455e rgb(44,69,94)
```
#5e2c45
```
#5e2c45 rgb(94,44,69)
```
#5e452c
```
#5e452c rgb(94,69,44)
```

Tetradic Color

#141f2a
```
#141f2a rgb(20,31,42)
```
#1c2c3b
```
#1c2c3b rgb(28,44,59)
```
#24384d
```
#24384d rgb(36,56,77)
```
#2c455e
```
#2c455e rgb(44,69,94)
```
#34526f
```
#34526f rgb(52,82,111)
```
#3c5f81
```
#3c5f81 rgb(60,95,129)
```
#446b92
```
#446b92 rgb(68,107,146)
```

Monochromatic Color

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

#2c525e
```
#2c525e rgb(44,82,94)
```
#2c4d5e
```
#2c4d5e rgb(44,77,94)
```
#2c495e
```
#2c495e rgb(44,73,94)
```
#2c455e
```
#2c455e rgb(44,69,94)
```
#2c415e
```
#2c415e rgb(44,65,94)
```
#2c3d5e
```
#2c3d5e rgb(44,61,94)
```
#2c395e
```
#2c395e rgb(44,57,94)
```

Similar Colors

Text with hexadecimal color #2c455e

This text has a font color of #2c455e.

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

#2c455e background color

This paragraph has a background color of #2c455e.

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

#2c455e border color

This element has a border color of #2c455e.

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

CSS codes

.text {color:#2c455e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060a0e
```
#060a0e rgb(6,10,14)
```
#0d141b
```
#0d141b rgb(13,20,27)
```
#131e29
```
#131e29 rgb(19,30,41)
```
#192836
```
#192836 rgb(25,40,54)
```
#1f3143
```
#1f3143 rgb(31,49,67)
```
#263b51
```
#263b51 rgb(38,59,81)
```
#2c455e
```
#2c455e rgb(44,69,94)
```
#324f6b
```
#324f6b rgb(50,79,107)
```
#395979
```
#395979 rgb(57,89,121)
```
#3f6286
```
#3f6286 rgb(63,98,134)
```
#456c93
```
#456c93 rgb(69,108,147)
```
#4b76a1
```
#4b76a1 rgb(75,118,161)
```

Shade Color Variation

#5280ae
```
#5280ae rgb(82,128,174)
```
#5f8ab4
```
#5f8ab4 rgb(95,138,180)
```
#6c93ba
```
#6c93ba rgb(108,147,186)
```
#7a9dc1
```
#7a9dc1 rgb(122,157,193)
```
#87a7c7
```
#87a7c7 rgb(135,167,199)
```
#95b1cd
```
#95b1cd rgb(149,177,205)
```
#a2bbd3
```
#a2bbd3 rgb(162,187,211)
```
#afc5da
```
#afc5da rgb(175,197,218)
```
#bdcee0
```
#bdcee0 rgb(189,206,224)
```
#cad8e6
```
#cad8e6 rgb(202,216,230)
```
#d7e2ec
```
#d7e2ec rgb(215,226,236)
```
#e5ecf3
```
#e5ecf3 rgb(229,236,243)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

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

#414549
```
#414549 rgb(65,69,73)
```
#3c454e
```
#3c454e rgb(60,69,78)
```
#374553
```
#374553 rgb(55,69,83)
```
#314559
```
#314559 rgb(49,69,89)
```
#2c455e
```
#2c455e rgb(44,69,94)
```
#274563
```
#274563 rgb(39,69,99)
```
#214569
```
#214569 rgb(33,69,105)
```
#1c456e
```
#1c456e rgb(28,69,110)
```
#174573
```
#174573 rgb(23,69,115)
```
#114579
```
#114579 rgb(17,69,121)
```
#0c457e
```
#0c457e rgb(12,69,126)
```
#074583
```
#074583 rgb(7,69,131)
```
#024588
```
#024588 rgb(2,69,136)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3c4146 Atypical Achromatopsia 0.001% of the population

Dichromacy

#454b64 Protanopia 1% of men
#434b67 Deuteranopia 1% of men
#305157 Tritanopia 0.001% of the population

Trichromacy

#3c4962 Protanomaly 1% of men, 0.01% of women
#3a4964 Deuteranomaly 6% of men, 0.4% of women
#2f4d59 Tritanomaly 0.01% of the population

#2c455e hex color

#2c455e Color Information

#2c455e Color Conversion

Color Schemes with #2c455e

Alternatives to #2c455e

#2c455e Preview

Shades and Tints of #2c455e

Tones of #2c455e

Color Blindness Simulator