colorhexa.com

#2c4268 hex color

In a RGB color space, hex #2c4268 is composed of 17.3% red, 25.9% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 36.5% magenta, 0% yellow and 59.2% black. It has a hue angle of 218 degrees, a saturation of 40.5% and a lightness of 29%. #2c4268 color hex could be obtained by blending #5884d0 with #000000. Closest websafe color is: #333366.

- R 17
- G 26
- B 41
RGB color chart
- C 58
- M 37
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #2c4268 has RGB values of R:44, G:66, B:104 and CMYK values of C:0.58, M:0.37, Y:0, K:0.59. Its decimal value is 2900584.

Hex triplet	2c4268	`#2c4268`
RGB Decimal	44, 66, 104	`rgb(44,66,104)`
RGB Percent	17.3, 25.9, 40.8	`rgb(17.3%,25.9%,40.8%)`
CMYK	58, 37, 0, 59
HSL	218°, 40.5, 29	`hsl(218,40.5%,29%)`
HSV (or HSB)	218°, 57.7, 40.8
Web Safe	333366	`#333366`

CIE-LAB	27.929, 3.869, -24.856
XYZ	5.485, 5.431, 13.855
xyY	0.221, 0.219, 5.431
CIE-LCH	27.929, 25.155, 278.848
CIE-LUV	27.929, -9.847, -31.951
Hunter-Lab	23.305, 1.229, -18.936
Binary	00101100, 01000010, 01101000

#2c4268
```
#2c4268 rgb(44,66,104)
```
#68522c
```
#68522c rgb(104,82,44)
```

Complementary Color

#2c6068
```
#2c6068 rgb(44,96,104)
```
#2c4268
```
#2c4268 rgb(44,66,104)
```
#342c68
```
#342c68 rgb(52,44,104)
```

Analogous Color

#60682c
```
#60682c rgb(96,104,44)
```
#2c4268
```
#2c4268 rgb(44,66,104)
```
#68342c
```
#68342c rgb(104,52,44)
```

Split Complementary Color

#42682c
```
#42682c rgb(66,104,44)
```
#2c4268
```
#2c4268 rgb(44,66,104)
```
#682c42
```
#682c42 rgb(104,44,66)
```

Triadic Color

#152032
```
#152032 rgb(21,32,50)
```
#1d2b44
```
#1d2b44 rgb(29,43,68)
```
#243756
```
#243756 rgb(36,55,86)
```
#2c4268
```
#2c4268 rgb(44,66,104)
```
#344d7a
```
#344d7a rgb(52,77,122)
```
#3b598c
```
#3b598c rgb(59,89,140)
```
#43649e
```
#43649e rgb(67,100,158)
```

Monochromatic Color

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

#2c5168
```
#2c5168 rgb(44,81,104)
```
#2c4c68
```
#2c4c68 rgb(44,76,104)
```
#2c4768
```
#2c4768 rgb(44,71,104)
```
#2c4268
```
#2c4268 rgb(44,66,104)
```
#2c3d68
```
#2c3d68 rgb(44,61,104)
```
#2c3868
```
#2c3868 rgb(44,56,104)
```
#2c3368
```
#2c3368 rgb(44,51,104)
```

Similar Colors

Text with hexadecimal color #2c4268

This text has a font color of #2c4268.

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

#2c4268 background color

This paragraph has a background color of #2c4268.

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

#2c4268 border color

This element has a border color of #2c4268.

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

CSS codes

.text {color:#2c4268;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090e15
```
#090e15 rgb(9,14,21)
```
#0f1623
```
#0f1623 rgb(15,22,35)
```
#151f31
```
#151f31 rgb(21,31,49)
```
#1b283f
```
#1b283f rgb(27,40,63)
```
#20314c
```
#20314c rgb(32,49,76)
```
#26395a
```
#26395a rgb(38,57,90)
```
#2c4268
```
#2c4268 rgb(44,66,104)
```
#324b76
```
#324b76 rgb(50,75,118)
```
#385384
```
#385384 rgb(56,83,132)
```
#3d5c91
```
#3d5c91 rgb(61,92,145)
```
#43659f
```
#43659f rgb(67,101,159)
```
#496ead
```
#496ead rgb(73,110,173)
```

Shade Color Variation

#5378b6
```
#5378b6 rgb(83,120,182)
```
#6183bc
```
#6183bc rgb(97,131,188)
```
#6f8dc2
```
#6f8dc2 rgb(111,141,194)
```
#7d98c8
```
#7d98c8 rgb(125,152,200)
```
#8aa3ce
```
#8aa3ce rgb(138,163,206)
```
#98aed4
```
#98aed4 rgb(152,174,212)
```
#a6b9d9
```
#a6b9d9 rgb(166,185,217)
```
#b4c4df
```
#b4c4df rgb(180,196,223)
```
#c2cfe5
```
#c2cfe5 rgb(194,207,229)
```
#cfd9eb
```
#cfd9eb rgb(207,217,235)
```
#dde4f1
```
#dde4f1 rgb(221,228,241)
```
#ebeff7
```
#ebeff7 rgb(235,239,247)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#484a4c
```
#484a4c rgb(72,74,76)
```
#434851
```
#434851 rgb(67,72,81)
```
#3d4757
```
#3d4757 rgb(61,71,87)
```
#37455d
```
#37455d rgb(55,69,93)
```
#324462
```
#324462 rgb(50,68,98)
```
#2c4268
```
#2c4268 rgb(44,66,104)
```
#26406e
```
#26406e rgb(38,64,110)
```
#213f73
```
#213f73 rgb(33,63,115)
```
#1b3d79
```
#1b3d79 rgb(27,61,121)
```
#153c7f
```
#153c7f rgb(21,60,127)
```
#103a84
```
#103a84 rgb(16,58,132)
```
#0a398a
```
#0a398a rgb(10,57,138)
```
#043790
```
#043790 rgb(4,55,144)
```

Tone Color Variation

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

Dichromacy

#3d4a6e Protanopia 1% of men
#384b6f Deuteranopia 1% of men
#2b5157 Tritanopia 0.001% of the population

Trichromacy

#37476c Protanomaly 1% of men, 0.01% of women
#33486d Deuteranomaly 6% of men, 0.4% of women
#2b4b5d Tritanomaly 0.01% of the population