#2f3f73 hex color

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

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

● #2f3f73 color description : Dark moderate blue.

The hexadecimal color #2f3f73 has RGB values of R:47, G:63, B:115 and CMYK values of C:0.59, M:0.45, Y:0, K:0.55. Its decimal value is 3096435.

Hex triplet	2f3f73	`#2f3f73`
RGB Decimal	47, 63, 115	`rgb(47,63,115)`
RGB Percent	18.4, 24.7, 45.1	`rgb(18.4%,24.7%,45.1%)`
CMYK	59, 45, 0, 55
HSL	225.9°, 42, 31.8	`hsl(225.9,42%,31.8%)`
HSV (or HSB)	225.9°, 59.1, 45.1
Web Safe	333366	`#333366`

CIE-LAB	27.837, 10.616, -31.991
XYZ	6.044, 5.397, 16.942
xyY	0.213, 0.19, 5.397
CIE-LCH	27.837, 33.707, 288.359
CIE-LUV	27.837, -8.119, -41.947
Hunter-Lab	23.231, 5.783, -26.977
Binary	00101111, 00111111, 01110011

#2f3f73
```
#2f3f73 rgb(47,63,115)
```
#73632f
```
#73632f rgb(115,99,47)
```

Complementary Color

#2f6173
```
#2f6173 rgb(47,97,115)
```
#2f3f73
```
#2f3f73 rgb(47,63,115)
```
#412f73
```
#412f73 rgb(65,47,115)
```

Analogous Color

#61732f
```
#61732f rgb(97,115,47)
```
#2f3f73
```
#2f3f73 rgb(47,63,115)
```
#73412f
```
#73412f rgb(115,65,47)
```

Split Complementary Color

#3f732f
```
#3f732f rgb(63,115,47)
```
#2f3f73
```
#2f3f73 rgb(47,63,115)
```
#732f3f
```
#732f3f rgb(115,47,63)
```

Triadic Color

#2f7363
```
#2f7363 rgb(47,115,99)
```
#2f3f73
```
#2f3f73 rgb(47,63,115)
```
#732f3f
```
#732f3f rgb(115,47,63)
```
#73632f
```
#73632f rgb(115,99,47)
```

Tetradic Color

#19213d
```
#19213d rgb(25,33,61)
```
#202b4f
```
#202b4f rgb(32,43,79)
```
#283561
```
#283561 rgb(40,53,97)
```
#2f3f73
```
#2f3f73 rgb(47,63,115)
```
#364985
```
#364985 rgb(54,73,133)
```
#3e5397
```
#3e5397 rgb(62,83,151)
```
#455da9
```
#455da9 rgb(69,93,169)
```

Monochromatic Color

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

#2f5073
```
#2f5073 rgb(47,80,115)
```
#2f4a73
```
#2f4a73 rgb(47,74,115)
```
#2f4573
```
#2f4573 rgb(47,69,115)
```
#2f3f73
```
#2f3f73 rgb(47,63,115)
```
#2f3973
```
#2f3973 rgb(47,57,115)
```
#2f3473
```
#2f3473 rgb(47,52,115)
```
#302f73
```
#302f73 rgb(48,47,115)
```

Similar Colors

Text with hexadecimal color #2f3f73

This text has a font color of #2f3f73.

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

#2f3f73 background color

This paragraph has a background color of #2f3f73.

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

#2f3f73 border color

This element has a border color of #2f3f73.

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

CSS codes

.text {color:#2f3f73;}

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

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

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)
```
#070a12
```
#070a12 rgb(7,10,18)
```
#0d111f
```
#0d111f rgb(13,17,31)
```
#13192d
```
#13192d rgb(19,25,45)
```
#18203b
```
#18203b rgb(24,32,59)
```
#1e2849
```
#1e2849 rgb(30,40,73)
```
#243057
```
#243057 rgb(36,48,87)
```
#293765
```
#293765 rgb(41,55,101)
```
#2f3f73
```
#2f3f73 rgb(47,63,115)
```
#354781
```
#354781 rgb(53,71,129)
```
#3a4e8f
```
#3a4e8f rgb(58,78,143)
```
#40569d
```
#40569d rgb(64,86,157)
```
#465eab
```
#465eab rgb(70,94,171)
```

Shade Color Variation

#4e66b6
```
#4e66b6 rgb(78,102,182)
```
#5c72bc
```
#5c72bc rgb(92,114,188)
```
#697ec2
```
#697ec2 rgb(105,126,194)
```
#778ac8
```
#778ac8 rgb(119,138,200)
```
#8596cd
```
#8596cd rgb(133,150,205)
```
#93a2d3
```
#93a2d3 rgb(147,162,211)
```
#a1aed9
```
#a1aed9 rgb(161,174,217)
```
#afbade
```
#afbade rgb(175,186,222)
```
#bdc6e4
```
#bdc6e4 rgb(189,198,228)
```
#cbd2ea
```
#cbd2ea rgb(203,210,234)
```
#d9deef
```
#d9deef rgb(217,222,239)
```
#e7eaf5
```
#e7eaf5 rgb(231,234,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 #03289f is the most saturated one.

#4e4f54
```
#4e4f54 rgb(78,79,84)
```
#484c5a
```
#484c5a rgb(72,76,90)
```
#424960
```
#424960 rgb(66,73,96)
```
#3b4667
```
#3b4667 rgb(59,70,103)
```
#35426d
```
#35426d rgb(53,66,109)
```
#2f3f73
```
#2f3f73 rgb(47,63,115)
```
#293c79
```
#293c79 rgb(41,60,121)
```
#23387f
```
#23387f rgb(35,56,127)
```
#1c3586
```
#1c3586 rgb(28,53,134)
```
#16328c
```
#16328c rgb(22,50,140)
```
#102f92
```
#102f92 rgb(16,47,146)
```
#0a2b98
```
#0a2b98 rgb(10,43,152)
```
#03289f
```
#03289f rgb(3,40,159)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d404a Atypical Achromatopsia 0.001% of the population

Dichromacy

#34497b Protanopia 1% of men
#284c78 Deuteranopia 1% of men
#275157 Tritanopia 0.001% of the population

Trichromacy

#324578 Protanomaly 1% of men, 0.01% of women
#2a4776 Deuteranomaly 6% of men, 0.4% of women
#2a4a61 Tritanomaly 0.01% of the population

#2f3f73 hex color

#2f3f73 Color Information

#2f3f73 Color Conversion

Color Schemes with #2f3f73

Alternatives to #2f3f73

#2f3f73 Preview

Shades and Tints of #2f3f73

Tones of #2f3f73

Color Blindness Simulator