#2c308e hex color

In a RGB color space, hex #2c308e is composed of 17.3% red, 18.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 66.2% magenta, 0% yellow and 44.3% black. It has a hue angle of 237.6 degrees, a saturation of 52.7% and a lightness of 36.5%. #2c308e color hex could be obtained by blending #5860ff with #00001d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 19
- B 56
RGB color chart
- C 69
- M 66
- Y 0
- K 44
CMYK color chart

● #2c308e color description : Dark moderate blue.

The hexadecimal color #2c308e has RGB values of R:44, G:48, B:142 and CMYK values of C:0.69, M:0.66, Y:0, K:0.44. Its decimal value is 2896014.

Hex triplet	2c308e	`#2c308e`
RGB Decimal	44, 48, 142	`rgb(44,48,142)`
RGB Percent	17.3, 18.8, 55.7	`rgb(17.3%,18.8%,55.7%)`
CMYK	69, 66, 0, 44
HSL	237.6°, 52.7, 36.5	`hsl(237.6,52.7%,36.5%)`
HSV (or HSB)	237.6°, 69, 55.7
Web Safe	333399	`#333399`

CIE-LAB	25.569, 30.177, -52.584
XYZ	6.977, 4.602, 26.11
xyY	0.185, 0.122, 4.602
CIE-LCH	25.569, 60.627, 299.851
CIE-LUV	25.569, -5.655, -66.473
Hunter-Lab	21.452, 20.514, -57.147
Binary	00101100, 00110000, 10001110

#2c308e
```
#2c308e rgb(44,48,142)
```
#8e8a2c
```
#8e8a2c rgb(142,138,44)
```

Complementary Color

#2c618e
```
#2c618e rgb(44,97,142)
```
#2c308e
```
#2c308e rgb(44,48,142)
```
#592c8e
```
#592c8e rgb(89,44,142)
```

Analogous Color

#618e2c
```
#618e2c rgb(97,142,44)
```
#2c308e
```
#2c308e rgb(44,48,142)
```
#8e592c
```
#8e592c rgb(142,89,44)
```

Split Complementary Color

#308e2c
```
#308e2c rgb(48,142,44)
```
#2c308e
```
#2c308e rgb(44,48,142)
```
#8e2c30
```
#8e2c30 rgb(142,44,48)
```

Triadic Color

#2c8e8a
```
#2c8e8a rgb(44,142,138)
```
#2c308e
```
#2c308e rgb(44,48,142)
```
#8e2c30
```
#8e2c30 rgb(142,44,48)
```
#8e8a2c
```
#8e8a2c rgb(142,138,44)
```

Tetradic Color

#1a1c54
```
#1a1c54 rgb(26,28,84)
```
#202367
```
#202367 rgb(32,35,103)
```
#26297b
```
#26297b rgb(38,41,123)
```
#2c308e
```
#2c308e rgb(44,48,142)
```
#3237a1
```
#3237a1 rgb(50,55,161)
```
#383db5
```
#383db5 rgb(56,61,181)
```
#4247c4
```
#4247c4 rgb(66,71,196)
```

Monochromatic Color

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

#2c498e
```
#2c498e rgb(44,73,142)
```
#2c408e
```
#2c408e rgb(44,64,142)
```
#2c388e
```
#2c388e rgb(44,56,142)
```
#2c308e
```
#2c308e rgb(44,48,142)
```
#302c8e
```
#302c8e rgb(48,44,142)
```
#382c8e
```
#382c8e rgb(56,44,142)
```
#402c8e
```
#402c8e rgb(64,44,142)
```

Similar Colors

Text with hexadecimal color #2c308e

This text has a font color of #2c308e.

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

#2c308e background color

This paragraph has a background color of #2c308e.

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

#2c308e border color

This element has a border color of #2c308e.

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

CSS codes

.text {color:#2c308e;}

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

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

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

#020207
```
#020207 rgb(2,2,7)
```
#070816
```
#070816 rgb(7,8,22)
```
#0c0d25
```
#0c0d25 rgb(12,13,37)
```
#101234
```
#101234 rgb(16,18,52)
```
#151743
```
#151743 rgb(21,23,67)
```
#191c52
```
#191c52 rgb(25,28,82)
```
#1e2161
```
#1e2161 rgb(30,33,97)
```
#232670
```
#232670 rgb(35,38,112)
```
#272b7f
```
#272b7f rgb(39,43,127)
```
#2c308e
```
#2c308e rgb(44,48,142)
```
#31359d
```
#31359d rgb(49,53,157)
```
#353aac
```
#353aac rgb(53,58,172)
```
#3a3fbb
```
#3a3fbb rgb(58,63,187)
```

Shade Color Variation

#4449c5
```
#4449c5 rgb(68,73,197)
```
#5357ca
```
#5357ca rgb(83,87,202)
```
#6166ce
```
#6166ce rgb(97,102,206)
```
#7074d3
```
#7074d3 rgb(112,116,211)
```
#7f83d7
```
#7f83d7 rgb(127,131,215)
```
#8e92dc
```
#8e92dc rgb(142,146,220)
```
#9da0e1
```
#9da0e1 rgb(157,160,225)
```
#acafe5
```
#acafe5 rgb(172,175,229)
```
#bbbdea
```
#bbbdea rgb(187,189,234)
```
#caccef
```
#caccef rgb(202,204,239)
```
#d9daf3
```
#d9daf3 rgb(217,218,243)
```
#e8e9f8
```
#e8e9f8 rgb(232,233,248)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

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

#575763
```
#575763 rgb(87,87,99)
```
#50516a
```
#50516a rgb(80,81,106)
```
#494a71
```
#494a71 rgb(73,74,113)
```
#414479
```
#414479 rgb(65,68,121)
```
#3a3d80
```
#3a3d80 rgb(58,61,128)
```
#333787
```
#333787 rgb(51,55,135)
```
#2c308e
```
#2c308e rgb(44,48,142)
```
#252995
```
#252995 rgb(37,41,149)
```
#1e239c
```
#1e239c rgb(30,35,156)
```
#171ca3
```
#171ca3 rgb(23,28,163)
```
#0f16ab
```
#0f16ab rgb(15,22,171)
```
#080fb2
```
#080fb2 rgb(8,15,178)
```
#0109b9
```
#0109b9 rgb(1,9,185)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#37384b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004874 Deuteranopia 1% of men
#004d52 Tritanopia 0.001% of the population

Trichromacy

#103d88 Protanomaly 1% of men, 0.01% of women
#103f7e Deuteranomaly 6% of men, 0.4% of women
#104268 Tritanomaly 0.01% of the population

#2c308e hex color

#2c308e Color Information

#2c308e Color Conversion

Color Schemes with #2c308e

Alternatives to #2c308e

#2c308e Preview

Shades and Tints of #2c308e

Tones of #2c308e

Color Blindness Simulator