#2f3380 hex color

In a RGB color space, hex #2f3380 is composed of 18.4% red, 20% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 60.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 237 degrees, a saturation of 46.3% and a lightness of 34.3%. #2f3380 color hex could be obtained by blending #5e66ff with #000001. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 20
- B 50
RGB color chart
- C 63
- M 60
- Y 0
- K 50
CMYK color chart

● #2f3380 color description : Dark moderate blue.

The hexadecimal color #2f3380 has RGB values of R:47, G:51, B:128 and CMYK values of C:0.63, M:0.6, Y:0, K:0.5. Its decimal value is 3093376.

Hex triplet	2f3380	`#2f3380`
RGB Decimal	47, 51, 128	`rgb(47,51,128)`
RGB Percent	18.4, 20, 50.2	`rgb(18.4%,20%,50.2%)`
CMYK	63, 60, 0, 50
HSL	237°, 46.3, 34.3	`hsl(237,46.3%,34.3%)`
HSV (or HSB)	237°, 63.3, 50.2
Web Safe	333399	`#333399`

CIE-LAB	25.352, 23.589, -44.194
XYZ	6.252, 4.53, 20.966
xyY	0.197, 0.143, 4.53
CIE-LCH	25.352, 50.096, 298.092
CIE-LUV	25.352, -5.091, -56.342
Hunter-Lab	21.284, 15.181, -43.504
Binary	00101111, 00110011, 10000000

#2f3380
```
#2f3380 rgb(47,51,128)
```
#807c2f
```
#807c2f rgb(128,124,47)
```

Complementary Color

#2f5c80
```
#2f5c80 rgb(47,92,128)
```
#2f3380
```
#2f3380 rgb(47,51,128)
```
#542f80
```
#542f80 rgb(84,47,128)
```

Analogous Color

#5c802f
```
#5c802f rgb(92,128,47)
```
#2f3380
```
#2f3380 rgb(47,51,128)
```
#80542f
```
#80542f rgb(128,84,47)
```

Split Complementary Color

#33802f
```
#33802f rgb(51,128,47)
```
#2f3380
```
#2f3380 rgb(47,51,128)
```
#802f33
```
#802f33 rgb(128,47,51)
```

Triadic Color

#2f807c
```
#2f807c rgb(47,128,124)
```
#2f3380
```
#2f3380 rgb(47,51,128)
```
#802f33
```
#802f33 rgb(128,47,51)
```
#807c2f
```
#807c2f rgb(128,124,47)
```

Tetradic Color

#1a1d48
```
#1a1d48 rgb(26,29,72)
```
#21245b
```
#21245b rgb(33,36,91)
```
#282c6d
```
#282c6d rgb(40,44,109)
```
#2f3380
```
#2f3380 rgb(47,51,128)
```
#363a93
```
#363a93 rgb(54,58,147)
```
#3d42a5
```
#3d42a5 rgb(61,66,165)
```
#4449b8
```
#4449b8 rgb(68,73,184)
```

Monochromatic Color

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

#2f4780
```
#2f4780 rgb(47,71,128)
```
#2f4180
```
#2f4180 rgb(47,65,128)
```
#2f3a80
```
#2f3a80 rgb(47,58,128)
```
#2f3380
```
#2f3380 rgb(47,51,128)
```
#322f80
```
#322f80 rgb(50,47,128)
```
#382f80
```
#382f80 rgb(56,47,128)
```
#3f2f80
```
#3f2f80 rgb(63,47,128)
```

Similar Colors

Text with hexadecimal color #2f3380

This text has a font color of #2f3380.

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

#2f3380 background color

This paragraph has a background color of #2f3380.

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

#2f3380 border color

This element has a border color of #2f3380.

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

CSS codes

.text {color:#2f3380;}

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

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

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, #05050d is the darkest color, while #fefeff is the lightest one.

#05050d
```
#05050d rgb(5,5,13)
```
#0a0b1c
```
#0a0b1c rgb(10,11,28)
```
#0f112a
```
#0f112a rgb(15,17,42)
```
#151638
```
#151638 rgb(21,22,56)
```
#1a1c47
```
#1a1c47 rgb(26,28,71)
```
#1f2255
```
#1f2255 rgb(31,34,85)
```
#242863
```
#242863 rgb(36,40,99)
```
#2a2d72
```
#2a2d72 rgb(42,45,114)
```
#2f3380
```
#2f3380 rgb(47,51,128)
```
#34398e
```
#34398e rgb(52,57,142)
```
#3a3e9d
```
#3a3e9d rgb(58,62,157)
```
#3f44ab
```
#3f44ab rgb(63,68,171)
```
#444ab9
```
#444ab9 rgb(68,74,185)
```

Shade Color Variation

#5257bf
```
#5257bf rgb(82,87,191)
```
#6065c5
```
#6065c5 rgb(96,101,197)
```
#6e73ca
```
#6e73ca rgb(110,115,202)
```
#7d81cf
```
#7d81cf rgb(125,129,207)
```
#8b8fd4
```
#8b8fd4 rgb(139,143,212)
```
#999dda
```
#999dda rgb(153,157,218)
```
#a8abdf
```
#a8abdf rgb(168,171,223)
```
#b6b8e4
```
#b6b8e4 rgb(182,184,228)
```
#c4c6ea
```
#c4c6ea rgb(196,198,234)
```
#d3d4ef
```
#d3d4ef rgb(211,212,239)
```
#e1e2f4
```
#e1e2f4 rgb(225,226,244)
```
#f0f0f9
```
#f0f0f9 rgb(240,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575758 is the less saturated color, while #070fa8 is the most saturated one.

#575758
```
#575758 rgb(87,87,88)
```
#51515e
```
#51515e rgb(81,81,94)
```
#4a4b65
```
#4a4b65 rgb(74,75,101)
```
#43456c
```
#43456c rgb(67,69,108)
```
#3c3f73
```
#3c3f73 rgb(60,63,115)
```
#363979
```
#363979 rgb(54,57,121)
```
#2f3380
```
#2f3380 rgb(47,51,128)
```
#282d87
```
#282d87 rgb(40,45,135)
```
#22278d
```
#22278d rgb(34,39,141)
```
#1b2194
```
#1b2194 rgb(27,33,148)
```
#141b9b
```
#141b9b rgb(20,27,155)
```
#0d15a2
```
#0d15a2 rgb(13,21,162)
```
#070fa8
```
#070fa8 rgb(7,15,168)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393949 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004775 Deuteranopia 1% of men
#134c52 Tritanopia 0.001% of the population

Trichromacy

#113d83 Protanomaly 1% of men, 0.01% of women
#114079 Deuteranomaly 6% of men, 0.4% of women
#1d4362 Tritanomaly 0.01% of the population

#2f3380 hex color

#2f3380 Color Information

#2f3380 Color Conversion

Color Schemes with #2f3380

Alternatives to #2f3380

#2f3380 Preview

Shades and Tints of #2f3380

Tones of #2f3380

Color Blindness Simulator