colorhexa.com

#2f3376 hex color

In a RGB color space, hex #2f3376 is composed of 18.4% red, 20% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 56.8% magenta, 0% yellow and 53.7% black. It has a hue angle of 236.6 degrees, a saturation of 43% and a lightness of 32.4%. #2f3376 color hex could be obtained by blending #5e66ec with #000000. Closest websafe color is: #333366.

- R 18
- G 20
- B 46
RGB color chart
- C 60
- M 57
- Y 0
- K 54
CMYK color chart

● #2f3376 color description : Dark moderate blue.

The hexadecimal color #2f3376 has RGB values of R:47, G:51, B:118 and CMYK values of C:0.6, M:0.57, Y:0, K:0.54. Its decimal value is 3093366.

Hex triplet	2f3376	`#2f3376`
RGB Decimal	47, 51, 118	`rgb(47,51,118)`
RGB Percent	18.4, 20, 46.3	`rgb(18.4%,20%,46.3%)`
CMYK	60, 57, 0, 54
HSL	236.6°, 43, 32.4	`hsl(236.6,43%,32.4%)`
HSV (or HSB)	236.6°, 60.2, 46.3
Web Safe	333366	`#333366`

CIE-LAB	24.576, 19.96, -39.129
XYZ	5.625, 4.28, 17.668
xyY	0.204, 0.155, 4.28
CIE-LCH	24.576, 43.926, 297.026
CIE-LUV	24.576, -4.677, -49.437
Hunter-Lab	20.688, 12.335, -36.155
Binary	00101111, 00110011, 01110110

#2f3376
```
#2f3376 rgb(47,51,118)
```
#76722f
```
#76722f rgb(118,114,47)
```

Complementary Color

#2f5776
```
#2f5776 rgb(47,87,118)
```
#2f3376
```
#2f3376 rgb(47,51,118)
```
#4f2f76
```
#4f2f76 rgb(79,47,118)
```

Analogous Color

#57762f
```
#57762f rgb(87,118,47)
```
#2f3376
```
#2f3376 rgb(47,51,118)
```
#764f2f
```
#764f2f rgb(118,79,47)
```

Split Complementary Color

#33762f
```
#33762f rgb(51,118,47)
```
#2f3376
```
#2f3376 rgb(47,51,118)
```
#762f33
```
#762f33 rgb(118,47,51)
```

Triadic Color

#2f7672
```
#2f7672 rgb(47,118,114)
```
#2f3376
```
#2f3376 rgb(47,51,118)
```
#762f33
```
#762f33 rgb(118,47,51)
```
#76722f
```
#76722f rgb(118,114,47)
```

Tetradic Color

#191b3f
```
#191b3f rgb(25,27,63)
```
#202352
```
#202352 rgb(32,35,82)
```
#282b64
```
#282b64 rgb(40,43,100)
```
#2f3376
```
#2f3376 rgb(47,51,118)
```
#363b88
```
#363b88 rgb(54,59,136)
```
#3e439a
```
#3e439a rgb(62,67,154)
```
#454bad
```
#454bad rgb(69,75,173)
```

Monochromatic Color

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

#2f4576
```
#2f4576 rgb(47,69,118)
```
#2f3f76
```
#2f3f76 rgb(47,63,118)
```
#2f3976
```
#2f3976 rgb(47,57,118)
```
#2f3376
```
#2f3376 rgb(47,51,118)
```
#312f76
```
#312f76 rgb(49,47,118)
```
#372f76
```
#372f76 rgb(55,47,118)
```
#3d2f76
```
#3d2f76 rgb(61,47,118)
```

Similar Colors

Text with hexadecimal color #2f3376

This text has a font color of #2f3376.

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

#2f3376 background color

This paragraph has a background color of #2f3376.

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

#2f3376 border color

This element has a border color of #2f3376.

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

CSS codes

.text {color:#2f3376;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#080914
```
#080914 rgb(8,9,20)
```
#0d0f22
```
#0d0f22 rgb(13,15,34)
```
#131530
```
#131530 rgb(19,21,48)
```
#191b3e
```
#191b3e rgb(25,27,62)
```
#1e214c
```
#1e214c rgb(30,33,76)
```
#24275a
```
#24275a rgb(36,39,90)
```
#292d68
```
#292d68 rgb(41,45,104)
```
#2f3376
```
#2f3376 rgb(47,51,118)
```
#353984
```
#353984 rgb(53,57,132)
```
#3a3f92
```
#3a3f92 rgb(58,63,146)
```
#4045a0
```
#4045a0 rgb(64,69,160)
```
#454bae
```
#454bae rgb(69,75,174)
```

Shade Color Variation

#4e54b9
```
#4e54b9 rgb(78,84,185)
```
#5c62be
```
#5c62be rgb(92,98,190)
```
#6a70c4
```
#6a70c4 rgb(106,112,196)
```
#787dc9
```
#787dc9 rgb(120,125,201)
```
#878bcf
```
#878bcf rgb(135,139,207)
```
#9598d5
```
#9598d5 rgb(149,152,213)
```
#a3a6da
```
#a3a6da rgb(163,166,218)
```
#b1b3e0
```
#b1b3e0 rgb(177,179,224)
```
#bfc1e5
```
#bfc1e5 rgb(191,193,229)
```
#cdceeb
```
#cdceeb rgb(205,206,235)
```
#dbdcf1
```
#dbdcf1 rgb(219,220,241)
```
#e9e9f6
```
#e9e9f6 rgb(233,233,246)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#4f4f56
```
#4f4f56 rgb(79,79,86)
```
#484a5d
```
#484a5d rgb(72,74,93)
```
#424463
```
#424463 rgb(66,68,99)
```
#3c3e69
```
#3c3e69 rgb(60,62,105)
```
#353970
```
#353970 rgb(53,57,112)
```
#2f3376
```
#2f3376 rgb(47,51,118)
```
#292d7c
```
#292d7c rgb(41,45,124)
```
#222883
```
#222883 rgb(34,40,131)
```
#1c2289
```
#1c2289 rgb(28,34,137)
```
#161c8f
```
#161c8f rgb(22,28,143)
```
#0f1796
```
#0f1796 rgb(15,23,150)
```
#09119c
```
#09119c rgb(9,17,156)
```
#030ca2
```
#030ca2 rgb(3,12,162)
```

Tone Color Variation

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

#0d4281 Protanopia 1% of men
#004573 Deuteranopia 1% of men
#204a4f Tritanopia 0.001% of the population

Trichromacy

#193c7d Protanomaly 1% of men, 0.01% of women
#113f74 Deuteranomaly 6% of men, 0.4% of women
#25415d Tritanomaly 0.01% of the population