#2c2f69 hex color

In a RGB color space, hex #2c2f69 is composed of 17.3% red, 18.4% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 55.2% magenta, 0% yellow and 58.8% black. It has a hue angle of 237 degrees, a saturation of 40.9% and a lightness of 29.2%. #2c2f69 color hex could be obtained by blending #585ed2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 18
- B 41
RGB color chart
- C 58
- M 55
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #2c2f69 has RGB values of R:44, G:47, B:105 and CMYK values of C:0.58, M:0.55, Y:0, K:0.59. Its decimal value is 2895721.

Hex triplet	2c2f69	`#2c2f69`
RGB Decimal	44, 47, 105	`rgb(44,47,105)`
RGB Percent	17.3, 18.4, 41.2	`rgb(17.3%,18.4%,41.2%)`
CMYK	58, 55, 0, 59
HSL	237°, 40.9, 29.2	`hsl(237,40.9%,29.2%)`
HSV (or HSB)	237°, 58.1, 41.2
Web Safe	333366	`#333366`

CIE-LAB	22.261, 17.355, -34.529
XYZ	4.605, 3.588, 13.814
xyY	0.209, 0.163, 3.588
CIE-LCH	22.261, 38.645, 296.685
CIE-LUV	22.261, -3.883, -41.953
Hunter-Lab	18.943, 10.24, -29.977
Binary	00101100, 00101111, 01101001

#2c2f69
```
#2c2f69 rgb(44,47,105)
```
#69662c
```
#69662c rgb(105,102,44)
```

Complementary Color

#2c4e69
```
#2c4e69 rgb(44,78,105)
```
#2c2f69
```
#2c2f69 rgb(44,47,105)
```
#482c69
```
#482c69 rgb(72,44,105)
```

Analogous Color

#4e692c
```
#4e692c rgb(78,105,44)
```
#2c2f69
```
#2c2f69 rgb(44,47,105)
```
#69482c
```
#69482c rgb(105,72,44)
```

Split Complementary Color

#2f692c
```
#2f692c rgb(47,105,44)
```
#2c2f69
```
#2c2f69 rgb(44,47,105)
```
#692c2f
```
#692c2f rgb(105,44,47)
```

Triadic Color

#2c6966
```
#2c6966 rgb(44,105,102)
```
#2c2f69
```
#2c2f69 rgb(44,47,105)
```
#692c2f
```
#692c2f rgb(105,44,47)
```
#69662c
```
#69662c rgb(105,102,44)
```

Tetradic Color

#151733
```
#151733 rgb(21,23,51)
```
#1d1f45
```
#1d1f45 rgb(29,31,69)
```
#242757
```
#242757 rgb(36,39,87)
```
#2c2f69
```
#2c2f69 rgb(44,47,105)
```
#34377b
```
#34377b rgb(52,55,123)
```
#3b3f8d
```
#3b3f8d rgb(59,63,141)
```
#43479f
```
#43479f rgb(67,71,159)
```

Monochromatic Color

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

#2c3e69
```
#2c3e69 rgb(44,62,105)
```
#2c3969
```
#2c3969 rgb(44,57,105)
```
#2c3469
```
#2c3469 rgb(44,52,105)
```
#2c2f69
```
#2c2f69 rgb(44,47,105)
```
#2e2c69
```
#2e2c69 rgb(46,44,105)
```
#332c69
```
#332c69 rgb(51,44,105)
```
#382c69
```
#382c69 rgb(56,44,105)
```

Similar Colors

Text with hexadecimal color #2c2f69

This text has a font color of #2c2f69.

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

#2c2f69 background color

This paragraph has a background color of #2c2f69.

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

#2c2f69 border color

This element has a border color of #2c2f69.

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

CSS codes

.text {color:#2c2f69;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#090a16
```
#090a16 rgb(9,10,22)
```
#0f1024
```
#0f1024 rgb(15,16,36)
```
#151632
```
#151632 rgb(21,22,50)
```
#1b1c40
```
#1b1c40 rgb(27,28,64)
```
#20234d
```
#20234d rgb(32,35,77)
```
#26295b
```
#26295b rgb(38,41,91)
```
#2c2f69
```
#2c2f69 rgb(44,47,105)
```
#323577
```
#323577 rgb(50,53,119)
```
#383b85
```
#383b85 rgb(56,59,133)
```
#3d4292
```
#3d4292 rgb(61,66,146)
```
#4348a0
```
#4348a0 rgb(67,72,160)
```
#494eae
```
#494eae rgb(73,78,174)
```

Shade Color Variation

#5458b7
```
#5458b7 rgb(84,88,183)
```
#6166bd
```
#6166bd rgb(97,102,189)
```
#6f73c3
```
#6f73c3 rgb(111,115,195)
```
#7d81c9
```
#7d81c9 rgb(125,129,201)
```
#8b8ece
```
#8b8ece rgb(139,142,206)
```
#999cd4
```
#999cd4 rgb(153,156,212)
```
#a6a9da
```
#a6a9da rgb(166,169,218)
```
#b4b6e0
```
#b4b6e0 rgb(180,182,224)
```
#c2c4e5
```
#c2c4e5 rgb(194,196,229)
```
#d0d1eb
```
#d0d1eb rgb(208,209,235)
```
#dedff1
```
#dedff1 rgb(222,223,241)
```
#ececf7
```
#ececf7 rgb(236,236,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#49494c
```
#49494c rgb(73,73,76)
```
#434452
```
#434452 rgb(67,68,82)
```
#3d3f58
```
#3d3f58 rgb(61,63,88)
```
#37395e
```
#37395e rgb(55,57,94)
```
#323463
```
#323463 rgb(50,52,99)
```
#2c2f69
```
#2c2f69 rgb(44,47,105)
```
#262a6f
```
#262a6f rgb(38,42,111)
```
#212574
```
#212574 rgb(33,37,116)
```
#1b1f7a
```
#1b1f7a rgb(27,31,122)
```
#151a80
```
#151a80 rgb(21,26,128)
```
#0f1586
```
#0f1586 rgb(15,21,134)
```
#0a108b
```
#0a108b rgb(10,16,139)
```
#040b91
```
#040b91 rgb(4,11,145)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#33343f Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a3d74 Protanopia 1% of men
#00406b Deuteranopia 1% of men
#244449 Tritanopia 0.001% of the population

Trichromacy

#203870 Protanomaly 1% of men, 0.01% of women
#103a6a Deuteranomaly 6% of men, 0.4% of women
#263c54 Tritanomaly 0.01% of the population

#2c2f69 hex color

#2c2f69 Color Information

#2c2f69 Color Conversion

Color Schemes with #2c2f69

Alternatives to #2c2f69

#2c2f69 Preview

Shades and Tints of #2c2f69

Tones of #2c2f69

Color Blindness Simulator