#2c3f93 hex color

In a RGB color space, hex #2c3f93 is composed of 17.3% red, 24.7% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 57.1% magenta, 0% yellow and 42.4% black. It has a hue angle of 228.9 degrees, a saturation of 53.9% and a lightness of 37.5%. #2c3f93 color hex could be obtained by blending #587eff with #000027. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 25
- B 58
RGB color chart
- C 70
- M 57
- Y 0
- K 42
CMYK color chart

● #2c3f93 color description : Dark blue.

The hexadecimal color #2c3f93 has RGB values of R:44, G:63, B:147 and CMYK values of C:0.7, M:0.57, Y:0, K:0.42. Its decimal value is 2899859.

Hex triplet	2c3f93	`#2c3f93`
RGB Decimal	44, 63, 147	`rgb(44,63,147)`
RGB Percent	17.3, 24.7, 57.6	`rgb(17.3%,24.7%,57.6%)`
CMYK	70, 57, 0, 42
HSL	228.9°, 53.9, 37.5	`hsl(228.9,53.9%,37.5%)`
HSV (or HSB)	228.9°, 70.1, 57.6
Web Safe	333399	`#333399`

CIE-LAB	29.903, 22.007, -48.601
XYZ	8.082, 6.197, 28.372
xyY	0.189, 0.145, 6.197
CIE-LCH	29.903, 53.351, 294.361
CIE-LUV	29.903, -9.4, -65.596
Hunter-Lab	24.893, 14.388, -50.152
Binary	00101100, 00111111, 10010011

#2c3f93
```
#2c3f93 rgb(44,63,147)
```
#93802c
```
#93802c rgb(147,128,44)
```

Complementary Color

#2c7393
```
#2c7393 rgb(44,115,147)
```
#2c3f93
```
#2c3f93 rgb(44,63,147)
```
#4d2c93
```
#4d2c93 rgb(77,44,147)
```

Analogous Color

#73932c
```
#73932c rgb(115,147,44)
```
#2c3f93
```
#2c3f93 rgb(44,63,147)
```
#934d2c
```
#934d2c rgb(147,77,44)
```

Split Complementary Color

#3f932c
```
#3f932c rgb(63,147,44)
```
#2c3f93
```
#2c3f93 rgb(44,63,147)
```
#932c3f
```
#932c3f rgb(147,44,63)
```

Triadic Color

#2c9380
```
#2c9380 rgb(44,147,128)
```
#2c3f93
```
#2c3f93 rgb(44,63,147)
```
#932c3f
```
#932c3f rgb(147,44,63)
```
#93802c
```
#93802c rgb(147,128,44)
```

Tetradic Color

#1a2658
```
#1a2658 rgb(26,38,88)
```
#202e6c
```
#202e6c rgb(32,46,108)
```
#26377f
```
#26377f rgb(38,55,127)
```
#2c3f93
```
#2c3f93 rgb(44,63,147)
```
#3247a7
```
#3247a7 rgb(50,71,167)
```
#3850ba
```
#3850ba rgb(56,80,186)
```
#445cc7
```
#445cc7 rgb(68,92,199)
```

Monochromatic Color

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

#2c5993
```
#2c5993 rgb(44,89,147)
```
#2c5093
```
#2c5093 rgb(44,80,147)
```
#2c4893
```
#2c4893 rgb(44,72,147)
```
#2c3f93
```
#2c3f93 rgb(44,63,147)
```
#2c3693
```
#2c3693 rgb(44,54,147)
```
#2c2e93
```
#2c2e93 rgb(44,46,147)
```
#332c93
```
#332c93 rgb(51,44,147)
```

Similar Colors

Text with hexadecimal color #2c3f93

This text has a font color of #2c3f93.

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

#2c3f93 background color

This paragraph has a background color of #2c3f93.

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

#2c3f93 border color

This element has a border color of #2c3f93.

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

CSS codes

.text {color:#2c3f93;}

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

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

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, #03050b is the darkest color, while #fbfcfe is the lightest one.

#03050b
```
#03050b rgb(3,5,11)
```
#080b1a
```
#080b1a rgb(8,11,26)
```
#0c1229
```
#0c1229 rgb(12,18,41)
```
#111838
```
#111838 rgb(17,24,56)
```
#151f48
```
#151f48 rgb(21,31,72)
```
#1a2557
```
#1a2557 rgb(26,37,87)
```
#1e2c66
```
#1e2c66 rgb(30,44,102)
```
#233275
```
#233275 rgb(35,50,117)
```
#273984
```
#273984 rgb(39,57,132)
```
#2c3f93
```
#2c3f93 rgb(44,63,147)
```
#3145a2
```
#3145a2 rgb(49,69,162)
```
#354cb1
```
#354cb1 rgb(53,76,177)
```
#3a52c0
```
#3a52c0 rgb(58,82,192)
```

Shade Color Variation

#465ec8
```
#465ec8 rgb(70,94,200)
```
#556bcc
```
#556bcc rgb(85,107,204)
```
#6478d1
```
#6478d1 rgb(100,120,209)
```
#7385d5
```
#7385d5 rgb(115,133,213)
```
#8292da
```
#8292da rgb(130,146,218)
```
#91a0de
```
#91a0de rgb(145,160,222)
```
#a0ade3
```
#a0ade3 rgb(160,173,227)
```
#b0bae7
```
#b0bae7 rgb(176,186,231)
```
#bfc7ec
```
#bfc7ec rgb(191,199,236)
```
#ced4f0
```
#ced4f0 rgb(206,212,240)
```
#dde1f5
```
#dde1f5 rgb(221,225,245)
```
#eceef9
```
#eceef9 rgb(236,238,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#5f5f60
```
#5f5f60 rgb(95,95,96)
```
#585b67
```
#585b67 rgb(88,91,103)
```
#51566e
```
#51566e rgb(81,86,110)
```
#495276
```
#495276 rgb(73,82,118)
```
#424d7d
```
#424d7d rgb(66,77,125)
```
#3b4884
```
#3b4884 rgb(59,72,132)
```
#33448c
```
#33448c rgb(51,68,140)
```
#2c3f93
```
#2c3f93 rgb(44,63,147)
```
#253a9a
```
#253a9a rgb(37,58,154)
```
#1d36a2
```
#1d36a2 rgb(29,54,162)
```
#1631a9
```
#1631a9 rgb(22,49,169)
```
#0f2cb0
```
#0f2cb0 rgb(15,44,176)
```
#0728b8
```
#0728b8 rgb(7,40,184)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3e4253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d98 Protanopia 1% of men
#005185 Deuteranopia 1% of men
#00575d Tritanopia 0.001% of the population

Trichromacy

#104896 Protanomaly 1% of men, 0.01% of women
#104a8a Deuteranomaly 6% of men, 0.4% of women
#104e71 Tritanomaly 0.01% of the population

#2c3f93 hex color

#2c3f93 Color Information

#2c3f93 Color Conversion

Color Schemes with #2c3f93

Alternatives to #2c3f93

#2c3f93 Preview

Shades and Tints of #2c3f93

Tones of #2c3f93

Color Blindness Simulator