#2f3c73 hex color

In a RGB color space, hex #2f3c73 is composed of 18.4% red, 23.5% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 47.8% magenta, 0% yellow and 54.9% black. It has a hue angle of 228.5 degrees, a saturation of 42% and a lightness of 31.8%. #2f3c73 color hex could be obtained by blending #5e78e6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 24
- B 45
RGB color chart
- C 59
- M 48
- Y 0
- K 55
CMYK color chart

● #2f3c73 color description : Dark moderate blue.

The hexadecimal color #2f3c73 has RGB values of R:47, G:60, B:115 and CMYK values of C:0.59, M:0.48, Y:0, K:0.55. Its decimal value is 3095667.

Hex triplet	2f3c73	`#2f3c73`
RGB Decimal	47, 60, 115	`rgb(47,60,115)`
RGB Percent	18.4, 23.5, 45.1	`rgb(18.4%,23.5%,45.1%)`
CMYK	59, 48, 0, 55
HSL	228.5°, 42, 31.8	`hsl(228.5,42%,31.8%)`
HSV (or HSB)	228.5°, 59.1, 45.1
Web Safe	333366	`#333366`

CIE-LAB	26.943, 12.672, -33.417
XYZ	5.882, 5.074, 16.888
xyY	0.211, 0.182, 5.074
CIE-LCH	26.943, 35.739, 290.767
CIE-LUV	26.943, -7.17, -43.47
Hunter-Lab	22.525, 7.195, -28.686
Binary	00101111, 00111100, 01110011

#2f3c73
```
#2f3c73 rgb(47,60,115)
```
#73662f
```
#73662f rgb(115,102,47)
```

Complementary Color

#2f5e73
```
#2f5e73 rgb(47,94,115)
```
#2f3c73
```
#2f3c73 rgb(47,60,115)
```
#442f73
```
#442f73 rgb(68,47,115)
```

Analogous Color

#5e732f
```
#5e732f rgb(94,115,47)
```
#2f3c73
```
#2f3c73 rgb(47,60,115)
```
#73442f
```
#73442f rgb(115,68,47)
```

Split Complementary Color

#3c732f
```
#3c732f rgb(60,115,47)
```
#2f3c73
```
#2f3c73 rgb(47,60,115)
```
#732f3c
```
#732f3c rgb(115,47,60)
```

Triadic Color

#2f7366
```
#2f7366 rgb(47,115,102)
```
#2f3c73
```
#2f3c73 rgb(47,60,115)
```
#732f3c
```
#732f3c rgb(115,47,60)
```
#73662f
```
#73662f rgb(115,102,47)
```

Tetradic Color

#19203d
```
#19203d rgb(25,32,61)
```
#20294f
```
#20294f rgb(32,41,79)
```
#283361
```
#283361 rgb(40,51,97)
```
#2f3c73
```
#2f3c73 rgb(47,60,115)
```
#364585
```
#364585 rgb(54,69,133)
```
#3e4f97
```
#3e4f97 rgb(62,79,151)
```
#4558a9
```
#4558a9 rgb(69,88,169)
```

Monochromatic Color

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

#2f4d73
```
#2f4d73 rgb(47,77,115)
```
#2f4773
```
#2f4773 rgb(47,71,115)
```
#2f4273
```
#2f4273 rgb(47,66,115)
```
#2f3c73
```
#2f3c73 rgb(47,60,115)
```
#2f3673
```
#2f3673 rgb(47,54,115)
```
#2f3173
```
#2f3173 rgb(47,49,115)
```
#332f73
```
#332f73 rgb(51,47,115)
```

Similar Colors

Text with hexadecimal color #2f3c73

This text has a font color of #2f3c73.

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

#2f3c73 background color

This paragraph has a background color of #2f3c73.

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

#2f3c73 border color

This element has a border color of #2f3c73.

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

CSS codes

.text {color:#2f3c73;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#070912
```
#070912 rgb(7,9,18)
```
#0d101f
```
#0d101f rgb(13,16,31)
```
#13182d
```
#13182d rgb(19,24,45)
```
#181f3b
```
#181f3b rgb(24,31,59)
```
#1e2649
```
#1e2649 rgb(30,38,73)
```
#242d57
```
#242d57 rgb(36,45,87)
```
#293565
```
#293565 rgb(41,53,101)
```
#2f3c73
```
#2f3c73 rgb(47,60,115)
```
#354381
```
#354381 rgb(53,67,129)
```
#3a4b8f
```
#3a4b8f rgb(58,75,143)
```
#40529d
```
#40529d rgb(64,82,157)
```
#4659ab
```
#4659ab rgb(70,89,171)
```

Shade Color Variation

#4e62b6
```
#4e62b6 rgb(78,98,182)
```
#5c6ebc
```
#5c6ebc rgb(92,110,188)
```
#697ac2
```
#697ac2 rgb(105,122,194)
```
#7787c8
```
#7787c8 rgb(119,135,200)
```
#8593cd
```
#8593cd rgb(133,147,205)
```
#939fd3
```
#939fd3 rgb(147,159,211)
```
#a1acd9
```
#a1acd9 rgb(161,172,217)
```
#afb8de
```
#afb8de rgb(175,184,222)
```
#bdc4e4
```
#bdc4e4 rgb(189,196,228)
```
#cbd1ea
```
#cbd1ea rgb(203,209,234)
```
#d9ddef
```
#d9ddef rgb(217,221,239)
```
#e7e9f5
```
#e7e9f5 rgb(231,233,245)
```
#f5f6fb
```
#f5f6fb rgb(245,246,251)
```

Tint Color Variation

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

#4e4f54
```
#4e4f54 rgb(78,79,84)
```
#484b5a
```
#484b5a rgb(72,75,90)
```
#424860
```
#424860 rgb(66,72,96)
```
#3b4467
```
#3b4467 rgb(59,68,103)
```
#35406d
```
#35406d rgb(53,64,109)
```
#2f3c73
```
#2f3c73 rgb(47,60,115)
```
#293879
```
#293879 rgb(41,56,121)
```
#23347f
```
#23347f rgb(35,52,127)
```
#1c3086
```
#1c3086 rgb(28,48,134)
```
#162d8c
```
#162d8c rgb(22,45,140)
```
#102992
```
#102992 rgb(16,41,146)
```
#0a2598
```
#0a2598 rgb(10,37,152)
```
#03219f
```
#03219f rgb(3,33,159)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3e49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e477b Protanopia 1% of men
#204a78 Deuteranopia 1% of men
#264f55 Tritanopia 0.001% of the population

Trichromacy

#2e4378 Protanomaly 1% of men, 0.01% of women
#254576 Deuteranomaly 6% of men, 0.4% of women
#29485f Tritanomaly 0.01% of the population

#2f3c73 hex color

#2f3c73 Color Information

#2f3c73 Color Conversion

Color Schemes with #2f3c73

Alternatives to #2f3c73

#2f3c73 Preview

Shades and Tints of #2f3c73

Tones of #2f3c73

Color Blindness Simulator