#2f3373 hex color

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

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

● #2f3373 color description : Dark moderate blue.

The hexadecimal color #2f3373 has RGB values of R:47, G:51, B:115 and CMYK values of C:0.59, M:0.56, Y:0, K:0.55. Its decimal value is 3093363.

Hex triplet	2f3373	`#2f3373`
RGB Decimal	47, 51, 115	`rgb(47,51,115)`
RGB Percent	18.4, 20, 45.1	`rgb(18.4%,20%,45.1%)`
CMYK	59, 56, 0, 55
HSL	236.5°, 42, 31.8	`hsl(236.5,42%,31.8%)`
HSV (or HSB)	236.5°, 59.1, 45.1
Web Safe	333366	`#333366`

CIE-LAB	24.353, 18.874, -37.578
XYZ	5.45, 4.21, 16.744
xyY	0.206, 0.159, 4.21
CIE-LCH	24.353, 42.051, 296.669
CIE-LUV	24.353, -4.552, -47.329
Hunter-Lab	20.517, 11.51, -34.024
Binary	00101111, 00110011, 01110011

#2f3373
```
#2f3373 rgb(47,51,115)
```
#736f2f
```
#736f2f rgb(115,111,47)
```

Complementary Color

#2f5573
```
#2f5573 rgb(47,85,115)
```
#2f3373
```
#2f3373 rgb(47,51,115)
```
#4d2f73
```
#4d2f73 rgb(77,47,115)
```

Analogous Color

#55732f
```
#55732f rgb(85,115,47)
```
#2f3373
```
#2f3373 rgb(47,51,115)
```
#734d2f
```
#734d2f rgb(115,77,47)
```

Split Complementary Color

#33732f
```
#33732f rgb(51,115,47)
```
#2f3373
```
#2f3373 rgb(47,51,115)
```
#732f33
```
#732f33 rgb(115,47,51)
```

Triadic Color

#2f736f
```
#2f736f rgb(47,115,111)
```
#2f3373
```
#2f3373 rgb(47,51,115)
```
#732f33
```
#732f33 rgb(115,47,51)
```
#736f2f
```
#736f2f rgb(115,111,47)
```

Tetradic Color

#191b3d
```
#191b3d rgb(25,27,61)
```
#20234f
```
#20234f rgb(32,35,79)
```
#282b61
```
#282b61 rgb(40,43,97)
```
#2f3373
```
#2f3373 rgb(47,51,115)
```
#363b85
```
#363b85 rgb(54,59,133)
```
#3e4397
```
#3e4397 rgb(62,67,151)
```
#454ba9
```
#454ba9 rgb(69,75,169)
```

Monochromatic Color

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

#2f4473
```
#2f4473 rgb(47,68,115)
```
#2f3e73
```
#2f3e73 rgb(47,62,115)
```
#2f3973
```
#2f3973 rgb(47,57,115)
```
#2f3373
```
#2f3373 rgb(47,51,115)
```
#312f73
```
#312f73 rgb(49,47,115)
```
#362f73
```
#362f73 rgb(54,47,115)
```
#3c2f73
```
#3c2f73 rgb(60,47,115)
```

Similar Colors

Text with hexadecimal color #2f3373

This text has a font color of #2f3373.

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

#2f3373 background color

This paragraph has a background color of #2f3373.

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

#2f3373 border color

This element has a border color of #2f3373.

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

CSS codes

.text {color:#2f3373;}

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

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

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 #f5f5fb is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#070812
```
#070812 rgb(7,8,18)
```
#0d0e1f
```
#0d0e1f rgb(13,14,31)
```
#13142d
```
#13142d rgb(19,20,45)
```
#181a3b
```
#181a3b rgb(24,26,59)
```
#1e2049
```
#1e2049 rgb(30,32,73)
```
#242757
```
#242757 rgb(36,39,87)
```
#292d65
```
#292d65 rgb(41,45,101)
```
#2f3373
```
#2f3373 rgb(47,51,115)
```
#353981
```
#353981 rgb(53,57,129)
```
#3a3f8f
```
#3a3f8f rgb(58,63,143)
```
#40469d
```
#40469d rgb(64,70,157)
```
#464cab
```
#464cab rgb(70,76,171)
```

Shade Color Variation

#4e54b6
```
#4e54b6 rgb(78,84,182)
```
#5c61bc
```
#5c61bc rgb(92,97,188)
```
#696fc2
```
#696fc2 rgb(105,111,194)
```
#777cc8
```
#777cc8 rgb(119,124,200)
```
#858acd
```
#858acd rgb(133,138,205)
```
#9397d3
```
#9397d3 rgb(147,151,211)
```
#a1a4d9
```
#a1a4d9 rgb(161,164,217)
```
#afb2de
```
#afb2de rgb(175,178,222)
```
#bdbfe4
```
#bdbfe4 rgb(189,191,228)
```
#cbcdea
```
#cbcdea rgb(203,205,234)
```
#d9daef
```
#d9daef rgb(217,218,239)
```
#e7e8f5
```
#e7e8f5 rgb(231,232,245)
```
#f5f5fb
```
#f5f5fb rgb(245,245,251)
```

Tint Color Variation

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

#4e4e54
```
#4e4e54 rgb(78,78,84)
```
#48495a
```
#48495a rgb(72,73,90)
```
#424360
```
#424360 rgb(66,67,96)
```
#3b3e67
```
#3b3e67 rgb(59,62,103)
```
#35386d
```
#35386d rgb(53,56,109)
```
#2f3373
```
#2f3373 rgb(47,51,115)
```
#292e79
```
#292e79 rgb(41,46,121)
```
#23287f
```
#23287f rgb(35,40,127)
```
#1c2386
```
#1c2386 rgb(28,35,134)
```
#161d8c
```
#161d8c rgb(22,29,140)
```
#101892
```
#101892 rgb(16,24,146)
```
#0a1298
```
#0a1298 rgb(10,18,152)
```
#030d9f
```
#030d9f rgb(3,13,159)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#373845 Atypical Achromatopsia 0.001% of the population

Dichromacy

#17427e Protanopia 1% of men
#004572 Deuteranopia 1% of men
#23494e Tritanopia 0.001% of the population

Trichromacy

#203c7a Protanomaly 1% of men, 0.01% of women
#113e72 Deuteranomaly 6% of men, 0.4% of women
#27415b Tritanomaly 0.01% of the population

#2f3373 hex color

#2f3373 Color Information

#2f3373 Color Conversion

Color Schemes with #2f3373

Alternatives to #2f3373

#2f3373 Preview

Shades and Tints of #2f3373

Tones of #2f3373

Color Blindness Simulator