#2c2c3f hex color

In a RGB color space, hex #2c2c3f is composed of 17.3% red, 17.3% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 30.2% magenta, 0% yellow and 75.3% black. It has a hue angle of 240 degrees, a saturation of 17.8% and a lightness of 21%. #2c2c3f color hex could be obtained by blending #58587e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 17
- G 17
- B 25
RGB color chart
- C 30
- M 30
- Y 0
- K 75
CMYK color chart

● #2c2c3f color description : Very dark grayish blue.

The hexadecimal color #2c2c3f has RGB values of R:44, G:44, B:63 and CMYK values of C:0.3, M:0.3, Y:0, K:0.75. Its decimal value is 2894911.

Hex triplet	2c2c3f	`#2c2c3f`
RGB Decimal	44, 44, 63	`rgb(44,44,63)`
RGB Percent	17.3, 17.3, 24.7	`rgb(17.3%,17.3%,24.7%)`
CMYK	30, 30, 0, 75
HSL	240°, 17.8, 21	`hsl(240,17.8%,21%)`
HSV (or HSB)	240°, 30.2, 24.7
Web Safe	333333	`#333333`

CIE-LAB	18.781, 5.169, -12
XYZ	2.836, 2.696, 5.073
xyY	0.267, 0.254, 2.696
CIE-LCH	18.781, 13.066, 293.304
CIE-LUV	18.781, -0.944, -13.076
Hunter-Lab	16.419, 2.105, -6.827
Binary	00101100, 00101100, 00111111

#2c2c3f
```
#2c2c3f rgb(44,44,63)
```
#3f3f2c
```
#3f3f2c rgb(63,63,44)
```

Complementary Color

#2c363f
```
#2c363f rgb(44,54,63)
```
#2c2c3f
```
#2c2c3f rgb(44,44,63)
```
#362c3f
```
#362c3f rgb(54,44,63)
```

Analogous Color

#363f2c
```
#363f2c rgb(54,63,44)
```
#2c2c3f
```
#2c2c3f rgb(44,44,63)
```
#3f362c
```
#3f362c rgb(63,54,44)
```

Split Complementary Color

#2c3f2c
```
#2c3f2c rgb(44,63,44)
```
#2c2c3f
```
#2c2c3f rgb(44,44,63)
```
#3f2c2c
```
#3f2c2c rgb(63,44,44)
```

Triadic Color

#2c3f3f
```
#2c3f3f rgb(44,63,63)
```
#2c2c3f
```
#2c2c3f rgb(44,44,63)
```
#3f2c2c
```
#3f2c2c rgb(63,44,44)
```
#3f3f2c
```
#3f3f2c rgb(63,63,44)
```

Tetradic Color

#0d0d12
```
#0d0d12 rgb(13,13,18)
```
#171721
```
#171721 rgb(23,23,33)
```
#222230
```
#222230 rgb(34,34,48)
```
#2c2c3f
```
#2c2c3f rgb(44,44,63)
```
#36364e
```
#36364e rgb(54,54,78)
```
#41415d
```
#41415d rgb(65,65,93)
```
#4b4b6c
```
#4b4b6c rgb(75,75,108)
```

Monochromatic Color

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

#2c313f
```
#2c313f rgb(44,49,63)
```
#2c2f3f
```
#2c2f3f rgb(44,47,63)
```
#2c2e3f
```
#2c2e3f rgb(44,46,63)
```
#2c2c3f
```
#2c2c3f rgb(44,44,63)
```
#2e2c3f
```
#2e2c3f rgb(46,44,63)
```
#2f2c3f
```
#2f2c3f rgb(47,44,63)
```
#312c3f
```
#312c3f rgb(49,44,63)
```

Similar Colors

Text with hexadecimal color #2c2c3f

This text has a font color of #2c2c3f.

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

#2c2c3f background color

This paragraph has a background color of #2c2c3f.

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

#2c2c3f border color

This element has a border color of #2c2c3f.

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

CSS codes

.text {color:#2c2c3f;}

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

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0c0c11
```
#0c0c11 rgb(12,12,17)
```
#14141c
```
#14141c rgb(20,20,28)
```
#1c1c28
```
#1c1c28 rgb(28,28,40)
```
#242433
```
#242433 rgb(36,36,51)
```
#2c2c3f
```
#2c2c3f rgb(44,44,63)
```
#34344b
```
#34344b rgb(52,52,75)
```
#3c3c56
```
#3c3c56 rgb(60,60,86)
```
#444462
```
#444462 rgb(68,68,98)
```
#4c4c6d
```
#4c4c6d rgb(76,76,109)
```
#545479
```
#545479 rgb(84,84,121)
```
#5c5c84
```
#5c5c84 rgb(92,92,132)
```
#646490
```
#646490 rgb(100,100,144)
```

Shade Color Variation

#6e6e9a
```
#6e6e9a rgb(110,110,154)
```
#7a7aa2
```
#7a7aa2 rgb(122,122,162)
```
#8585aa
```
#8585aa rgb(133,133,170)
```
#9191b2
```
#9191b2 rgb(145,145,178)
```
#9c9cba
```
#9c9cba rgb(156,156,186)
```
#a8a8c2
```
#a8a8c2 rgb(168,168,194)
```
#b3b3ca
```
#b3b3ca rgb(179,179,202)
```
#bfbfd2
```
#bfbfd2 rgb(191,191,210)
```
#cbcbda
```
#cbcbda rgb(203,203,218)
```
#d6d6e2
```
#d6d6e2 rgb(214,214,226)
```
#e2e2ea
```
#e2e2ea rgb(226,226,234)
```
#ededf3
```
#ededf3 rgb(237,237,243)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

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

#343437
```
#343437 rgb(52,52,55)
```
#30303b
```
#30303b rgb(48,48,59)
```
#2c2c3f
```
#2c2c3f rgb(44,44,63)
```
#282843
```
#282843 rgb(40,40,67)
```
#242447
```
#242447 rgb(36,36,71)
```
#20204b
```
#20204b rgb(32,32,75)
```
#1c1c4f
```
#1c1c4f rgb(28,28,79)
```
#171754
```
#171754 rgb(23,23,84)
```
#131358
```
#131358 rgb(19,19,88)
```
#0f0f5c
```
#0f0f5c rgb(15,15,92)
```
#0b0b60
```
#0b0b60 rgb(11,11,96)
```
#070764
```
#070764 rgb(7,7,100)
```
#030368
```
#030368 rgb(3,3,104)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2e2e31 Atypical Achromatopsia 0.001% of the population

Dichromacy

#333749 Protanopia 1% of men
#343748 Deuteranopia 1% of men
#34393d Tritanopia 0.001% of the population

Trichromacy

#303345 Protanomaly 1% of men, 0.01% of women
#313345 Deuteranomaly 6% of men, 0.4% of women
#31343d Tritanomaly 0.01% of the population

#2c2c3f hex color

#2c2c3f Color Information

#2c2c3f Color Conversion

Color Schemes with #2c2c3f

Alternatives to #2c2c3f

#2c2c3f Preview

Shades and Tints of #2c2c3f

Tones of #2c2c3f

Color Blindness Simulator