colorhexa.com

#2c546e hex color

In a RGB color space, hex #2c546e is composed of 17.3% red, 32.9% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 23.6% magenta, 0% yellow and 56.9% black. It has a hue angle of 203.6 degrees, a saturation of 42.9% and a lightness of 30.2%. #2c546e color hex could be obtained by blending #58a8dc with #000000. Closest websafe color is: #336666.

- R 17
- G 33
- B 43
RGB color chart
- C 60
- M 24
- Y 0
- K 57
CMYK color chart

● #2c546e color description : Very dark blue.

The hexadecimal color #2c546e has RGB values of R:44, G:84, B:110 and CMYK values of C:0.6, M:0.24, Y:0, K:0.57. Its decimal value is 2905198.

Hex triplet	2c546e	`#2c546e`
RGB Decimal	44, 84, 110	`rgb(44,84,110)`
RGB Percent	17.3, 32.9, 43.1	`rgb(17.3%,32.9%,43.1%)`
CMYK	60, 24, 0, 57
HSL	203.6°, 42.9, 30.2	`hsl(203.6,42.9%,30.2%)`
HSV (or HSB)	203.6°, 60, 43.1
Web Safe	336666	`#336666`

CIE-LAB	33.986, -5.646, -19.193
XYZ	7.023, 8.001, 15.925
xyY	0.227, 0.259, 8.001
CIE-LCH	33.986, 20.006, 253.608
CIE-LUV	33.986, -16.415, -24.923
Hunter-Lab	28.287, -5.186, -13.579
Binary	00101100, 01010100, 01101110

#2c546e
```
#2c546e rgb(44,84,110)
```
#6e462c
```
#6e462c rgb(110,70,44)
```

Complementary Color

#2c6e67
```
#2c6e67 rgb(44,110,103)
```
#2c546e
```
#2c546e rgb(44,84,110)
```
#2c336e
```
#2c336e rgb(44,51,110)
```

Analogous Color

#6e672c
```
#6e672c rgb(110,103,44)
```
#2c546e
```
#2c546e rgb(44,84,110)
```
#6e2c33
```
#6e2c33 rgb(110,44,51)
```

Split Complementary Color

#546e2c
```
#546e2c rgb(84,110,44)
```
#2c546e
```
#2c546e rgb(44,84,110)
```
#6e2c54
```
#6e2c54 rgb(110,44,84)
```

Triadic Color

#162a37
```
#162a37 rgb(22,42,55)
```
#1d384a
```
#1d384a rgb(29,56,74)
```
#25465c
```
#25465c rgb(37,70,92)
```
#2c546e
```
#2c546e rgb(44,84,110)
```
#336280
```
#336280 rgb(51,98,128)
```
#3b7092
```
#3b7092 rgb(59,112,146)
```
#427ea5
```
#427ea5 rgb(66,126,165)
```

Monochromatic Color

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

#2c656e
```
#2c656e rgb(44,101,110)
```
#2c5f6e
```
#2c5f6e rgb(44,95,110)
```
#2c5a6e
```
#2c5a6e rgb(44,90,110)
```
#2c546e
```
#2c546e rgb(44,84,110)
```
#2c4f6e
```
#2c4f6e rgb(44,79,110)
```
#2c496e
```
#2c496e rgb(44,73,110)
```
#2c446e
```
#2c446e rgb(44,68,110)
```

Similar Colors

Text with hexadecimal color #2c546e

This text has a font color of #2c546e.

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

#2c546e background color

This paragraph has a background color of #2c546e.

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

#2c546e border color

This element has a border color of #2c546e.

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

CSS codes

.text {color:#2c546e;}

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

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

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, #05090c is the darkest color, while #fdfefe is the lightest one.

#05090c
```
#05090c rgb(5,9,12)
```
#0a141a
```
#0a141a rgb(10,20,26)
```
#101f28
```
#101f28 rgb(16,31,40)
```
#162936
```
#162936 rgb(22,41,54)
```
#1b3444
```
#1b3444 rgb(27,52,68)
```
#213f52
```
#213f52 rgb(33,63,82)
```
#264960
```
#264960 rgb(38,73,96)
```
#2c546e
```
#2c546e rgb(44,84,110)
```
#325f7c
```
#325f7c rgb(50,95,124)
```
#37698a
```
#37698a rgb(55,105,138)
```
#3d7498
```
#3d7498 rgb(61,116,152)
```
#427fa6
```
#427fa6 rgb(66,127,166)
```
#4889b4
```
#4889b4 rgb(72,137,180)
```

Shade Color Variation

#5593bb
```
#5593bb rgb(85,147,187)
```
#639cc1
```
#639cc1 rgb(99,156,193)
```
#71a5c6
```
#71a5c6 rgb(113,165,198)
```
#7fadcc
```
#7fadcc rgb(127,173,204)
```
#8db6d1
```
#8db6d1 rgb(141,182,209)
```
#9bbfd7
```
#9bbfd7 rgb(155,191,215)
```
#a9c8dd
```
#a9c8dd rgb(169,200,221)
```
#b7d1e2
```
#b7d1e2 rgb(183,209,226)
```
#c5dae8
```
#c5dae8 rgb(197,218,232)
```
#d3e3ed
```
#d3e3ed rgb(211,227,237)
```
#e1ecf3
```
#e1ecf3 rgb(225,236,243)
```
#eff5f9
```
#eff5f9 rgb(239,245,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#4a4e50
```
#4a4e50 rgb(74,78,80)
```
#444f56
```
#444f56 rgb(68,79,86)
```
#3e505c
```
#3e505c rgb(62,80,92)
```
#385162
```
#385162 rgb(56,81,98)
```
#325368
```
#325368 rgb(50,83,104)
```
#2c546e
```
#2c546e rgb(44,84,110)
```
#265574
```
#265574 rgb(38,85,116)
```
#20577a
```
#20577a rgb(32,87,122)
```
#1a5880
```
#1a5880 rgb(26,88,128)
```
#145986
```
#145986 rgb(20,89,134)
```
#0e5a8c
```
#0e5a8c rgb(14,90,140)
```
#085c92
```
#085c92 rgb(8,92,146)
```
#035d97
```
#035d97 rgb(3,93,151)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#454d52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515872 Protanopia 1% of men
#4e5877 Deuteranopia 1% of men
#2f5f66 Tritanopia 0.001% of the population

Trichromacy

#435670 Protanomaly 1% of men, 0.01% of women
#415674 Deuteranomaly 6% of men, 0.4% of women
#2e5b69 Tritanomaly 0.01% of the population