#2f3583 hex color

In a RGB color space, hex #2f3583 is composed of 18.4% red, 20.8% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 59.5% magenta, 0% yellow and 48.6% black. It has a hue angle of 235.7 degrees, a saturation of 47.2% and a lightness of 34.9%. #2f3583 color hex could be obtained by blending #5e6aff with #000007. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 21
- B 51
RGB color chart
- C 64
- M 60
- Y 0
- K 49
CMYK color chart

● #2f3583 color description : Dark moderate blue.

The hexadecimal color #2f3583 has RGB values of R:47, G:53, B:131 and CMYK values of C:0.64, M:0.6, Y:0, K:0.49. Its decimal value is 3093891.

Hex triplet	2f3583	`#2f3583`
RGB Decimal	47, 53, 131	`rgb(47,53,131)`
RGB Percent	18.4, 20.8, 51.4	`rgb(18.4%,20.8%,51.4%)`
CMYK	64, 60, 0, 49
HSL	235.7°, 47.2, 34.9	`hsl(235.7,47.2%,34.9%)`
HSV (or HSB)	235.7°, 64.1, 51.4
Web Safe	333399	`#333399`

CIE-LAB	26.125, 23.329, -44.821
XYZ	6.541, 4.789, 22.051
xyY	0.196, 0.143, 4.789
CIE-LCH	26.125, 50.529, 297.497
CIE-LUV	26.125, -5.706, -57.778
Hunter-Lab	21.884, 15.06, -44.425
Binary	00101111, 00110101, 10000011

#2f3583
```
#2f3583 rgb(47,53,131)
```
#837d2f
```
#837d2f rgb(131,125,47)
```

Complementary Color

#2f5f83
```
#2f5f83 rgb(47,95,131)
```
#2f3583
```
#2f3583 rgb(47,53,131)
```
#532f83
```
#532f83 rgb(83,47,131)
```

Analogous Color

#5f832f
```
#5f832f rgb(95,131,47)
```
#2f3583
```
#2f3583 rgb(47,53,131)
```
#83532f
```
#83532f rgb(131,83,47)
```

Split Complementary Color

#35832f
```
#35832f rgb(53,131,47)
```
#2f3583
```
#2f3583 rgb(47,53,131)
```
#832f35
```
#832f35 rgb(131,47,53)
```

Triadic Color

#2f837d
```
#2f837d rgb(47,131,125)
```
#2f3583
```
#2f3583 rgb(47,53,131)
```
#832f35
```
#832f35 rgb(131,47,53)
```
#837d2f
```
#837d2f rgb(131,125,47)
```

Tetradic Color

#1b1e4b
```
#1b1e4b rgb(27,30,75)
```
#22265d
```
#22265d rgb(34,38,93)
```
#282d70
```
#282d70 rgb(40,45,112)
```
#2f3583
```
#2f3583 rgb(47,53,131)
```
#363d96
```
#363d96 rgb(54,61,150)
```
#3c44a9
```
#3c44a9 rgb(60,68,169)
```
#434cbb
```
#434cbb rgb(67,76,187)
```

Monochromatic Color

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

#2f4a83
```
#2f4a83 rgb(47,74,131)
```
#2f4383
```
#2f4383 rgb(47,67,131)
```
#2f3c83
```
#2f3c83 rgb(47,60,131)
```
#2f3583
```
#2f3583 rgb(47,53,131)
```
#302f83
```
#302f83 rgb(48,47,131)
```
#372f83
```
#372f83 rgb(55,47,131)
```
#3e2f83
```
#3e2f83 rgb(62,47,131)
```

Similar Colors

Text with hexadecimal color #2f3583

This text has a font color of #2f3583.

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

#2f3583 background color

This paragraph has a background color of #2f3583.

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

#2f3583 border color

This element has a border color of #2f3583.

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

CSS codes

.text {color:#2f3583;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#060610
```
#060610 rgb(6,6,16)
```
#0b0c1e
```
#0b0c1e rgb(11,12,30)
```
#10122c
```
#10122c rgb(16,18,44)
```
#15183b
```
#15183b rgb(21,24,59)
```
#1a1e49
```
#1a1e49 rgb(26,30,73)
```
#1f2358
```
#1f2358 rgb(31,35,88)
```
#252966
```
#252966 rgb(37,41,102)
```
#2a2f75
```
#2a2f75 rgb(42,47,117)
```
#2f3583
```
#2f3583 rgb(47,53,131)
```
#343b91
```
#343b91 rgb(52,59,145)
```
#3941a0
```
#3941a0 rgb(57,65,160)
```
#3f47ae
```
#3f47ae rgb(63,71,174)
```

Shade Color Variation

#444dbc
```
#444dbc rgb(68,77,188)
```
#535bc1
```
#535bc1 rgb(83,91,193)
```
#6169c6
```
#6169c6 rgb(97,105,198)
```
#7076cc
```
#7076cc rgb(112,118,204)
```
#7e84d1
```
#7e84d1 rgb(126,132,209)
```
#8d92d6
```
#8d92d6 rgb(141,146,214)
```
#9ba0db
```
#9ba0db rgb(155,160,219)
```
#a9ade0
```
#a9ade0 rgb(169,173,224)
```
#b8bbe5
```
#b8bbe5 rgb(184,187,229)
```
#c6c9eb
```
#c6c9eb rgb(198,201,235)
```
#d5d7f0
```
#d5d7f0 rgb(213,215,240)
```
#e3e4f5
```
#e3e4f5 rgb(227,228,245)
```
#f2f2fa
```
#f2f2fa rgb(242,242,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58585a is the less saturated color, while #0612ac is the most saturated one.

#58585a
```
#58585a rgb(88,88,90)
```
#515261
```
#515261 rgb(81,82,97)
```
#4a4c68
```
#4a4c68 rgb(74,76,104)
```
#44476e
```
#44476e rgb(68,71,110)
```
#3d4175
```
#3d4175 rgb(61,65,117)
```
#363b7c
```
#363b7c rgb(54,59,124)
```
#2f3583
```
#2f3583 rgb(47,53,131)
```
#282f8a
```
#282f8a rgb(40,47,138)
```
#212991
```
#212991 rgb(33,41,145)
```
#1a2398
```
#1a2398 rgb(26,35,152)
```
#141e9e
```
#141e9e rgb(20,30,158)
```
#0d18a5
```
#0d18a5 rgb(13,24,165)
```
#0612ac
```
#0612ac rgb(6,18,172)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#393b4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004588 Protanopia 1% of men
#004978 Deuteranopia 1% of men
#0d4e54 Tritanopia 0.001% of the population

Trichromacy

#113f86 Protanomaly 1% of men, 0.01% of women
#11427c Deuteranomaly 6% of men, 0.4% of women
#194565 Tritanomaly 0.01% of the population

#2f3583 hex color

#2f3583 Color Information

#2f3583 Color Conversion

Color Schemes with #2f3583

Alternatives to #2f3583

#2f3583 Preview

Shades and Tints of #2f3583

Tones of #2f3583

Color Blindness Simulator