#2f3b73 hex color

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

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

● #2f3b73 color description : Dark moderate blue.

The hexadecimal color #2f3b73 has RGB values of R:47, G:59, B:115 and CMYK values of C:0.59, M:0.49, Y:0, K:0.55. Its decimal value is 3095411.

Hex triplet	2f3b73	`#2f3b73`
RGB Decimal	47, 59, 115	`rgb(47,59,115)`
RGB Percent	18.4, 23.1, 45.1	`rgb(18.4%,23.1%,45.1%)`
CMYK	59, 49, 0, 55
HSL	229.4°, 42, 31.8	`hsl(229.4,42%,31.8%)`
HSV (or HSB)	229.4°, 59.1, 45.1
Web Safe	333366	`#333366`

CIE-LAB	26.649, 13.359, -33.889
XYZ	5.83, 4.97, 16.871
xyY	0.211, 0.18, 4.97
CIE-LCH	26.649, 36.427, 291.515
CIE-LUV	26.649, -6.862, -43.952
Hunter-Lab	22.293, 7.669, -29.264
Binary	00101111, 00111011, 01110011

#2f3b73
```
#2f3b73 rgb(47,59,115)
```
#73672f
```
#73672f rgb(115,103,47)
```

Complementary Color

#2f5d73
```
#2f5d73 rgb(47,93,115)
```
#2f3b73
```
#2f3b73 rgb(47,59,115)
```
#452f73
```
#452f73 rgb(69,47,115)
```

Analogous Color

#5d732f
```
#5d732f rgb(93,115,47)
```
#2f3b73
```
#2f3b73 rgb(47,59,115)
```
#73452f
```
#73452f rgb(115,69,47)
```

Split Complementary Color

#3b732f
```
#3b732f rgb(59,115,47)
```
#2f3b73
```
#2f3b73 rgb(47,59,115)
```
#732f3b
```
#732f3b rgb(115,47,59)
```

Triadic Color

#2f7367
```
#2f7367 rgb(47,115,103)
```
#2f3b73
```
#2f3b73 rgb(47,59,115)
```
#732f3b
```
#732f3b rgb(115,47,59)
```
#73672f
```
#73672f rgb(115,103,47)
```

Tetradic Color

#191f3d
```
#191f3d rgb(25,31,61)
```
#20284f
```
#20284f rgb(32,40,79)
```
#283261
```
#283261 rgb(40,50,97)
```
#2f3b73
```
#2f3b73 rgb(47,59,115)
```
#364485
```
#364485 rgb(54,68,133)
```
#3e4e97
```
#3e4e97 rgb(62,78,151)
```
#4557a9
```
#4557a9 rgb(69,87,169)
```

Monochromatic Color

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

#2f4c73
```
#2f4c73 rgb(47,76,115)
```
#2f4673
```
#2f4673 rgb(47,70,115)
```
#2f4173
```
#2f4173 rgb(47,65,115)
```
#2f3b73
```
#2f3b73 rgb(47,59,115)
```
#2f3573
```
#2f3573 rgb(47,53,115)
```
#2f3073
```
#2f3073 rgb(47,48,115)
```
#342f73
```
#342f73 rgb(52,47,115)
```

Similar Colors

Text with hexadecimal color #2f3b73

This text has a font color of #2f3b73.

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

#2f3b73 background color

This paragraph has a background color of #2f3b73.

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

#2f3b73 border color

This element has a border color of #2f3b73.

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

CSS codes

.text {color:#2f3b73;}

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

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

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)
```
#13172d
```
#13172d rgb(19,23,45)
```
#181e3b
```
#181e3b rgb(24,30,59)
```
#1e2649
```
#1e2649 rgb(30,38,73)
```
#242d57
```
#242d57 rgb(36,45,87)
```
#293465
```
#293465 rgb(41,52,101)
```
#2f3b73
```
#2f3b73 rgb(47,59,115)
```
#354281
```
#354281 rgb(53,66,129)
```
#3a498f
```
#3a498f rgb(58,73,143)
```
#40509d
```
#40509d rgb(64,80,157)
```
#4658ab
```
#4658ab rgb(70,88,171)
```

Shade Color Variation

#4e60b6
```
#4e60b6 rgb(78,96,182)
```
#5c6dbc
```
#5c6dbc rgb(92,109,188)
```
#6979c2
```
#6979c2 rgb(105,121,194)
```
#7786c8
```
#7786c8 rgb(119,134,200)
```
#8592cd
```
#8592cd rgb(133,146,205)
```
#939ed3
```
#939ed3 rgb(147,158,211)
```
#a1abd9
```
#a1abd9 rgb(161,171,217)
```
#afb7de
```
#afb7de rgb(175,183,222)
```
#bdc4e4
```
#bdc4e4 rgb(189,196,228)
```
#cbd0ea
```
#cbd0ea rgb(203,208,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 #031f9f is the most saturated one.

#4e4f54
```
#4e4f54 rgb(78,79,84)
```
#484b5a
```
#484b5a rgb(72,75,90)
```
#424760
```
#424760 rgb(66,71,96)
```
#3b4367
```
#3b4367 rgb(59,67,103)
```
#353f6d
```
#353f6d rgb(53,63,109)
```
#2f3b73
```
#2f3b73 rgb(47,59,115)
```
#293779
```
#293779 rgb(41,55,121)
```
#23337f
```
#23337f rgb(35,51,127)
```
#1c2f86
```
#1c2f86 rgb(28,47,134)
```
#162b8c
```
#162b8c rgb(22,43,140)
```
#102792
```
#102792 rgb(16,39,146)
```
#0a2398
```
#0a2398 rgb(10,35,152)
```
#031f9f
```
#031f9f rgb(3,31,159)
```

Tone Color Variation

Below, you can see how #2f3b73 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
#3b3d49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d477c Protanopia 1% of men
#1d4978 Deuteranopia 1% of men
#264e54 Tritanopia 0.001% of the population

Trichromacy

#2d4278 Protanomaly 1% of men, 0.01% of women
#234476 Deuteranomaly 6% of men, 0.4% of women
#29475f Tritanomaly 0.01% of the population

#2f3b73 hex color

#2f3b73 Color Information

#2f3b73 Color Conversion

Color Schemes with #2f3b73

Alternatives to #2f3b73

#2f3b73 Preview

Shades and Tints of #2f3b73

Tones of #2f3b73

Color Blindness Simulator