#2f3486 hex color

In a RGB color space, hex #2f3486 is composed of 18.4% red, 20.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 61.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 236.6 degrees, a saturation of 48.1% and a lightness of 35.5%. #2f3486 color hex could be obtained by blending #5e68ff with #00000d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 20
- B 53
RGB color chart
- C 65
- M 61
- Y 0
- K 47
CMYK color chart

● #2f3486 color description : Dark moderate blue.

The hexadecimal color #2f3486 has RGB values of R:47, G:52, B:134 and CMYK values of C:0.65, M:0.61, Y:0, K:0.47. Its decimal value is 3093638.

Hex triplet	2f3486	`#2f3486`
RGB Decimal	47, 52, 134	`rgb(47,52,134)`
RGB Percent	18.4, 20.4, 52.5	`rgb(18.4%,20.4%,52.5%)`
CMYK	65, 61, 0, 47
HSL	236.6°, 48.1, 35.5	`hsl(236.6,48.1%,35.5%)`
HSV (or HSB)	236.6°, 64.9, 52.5
Web Safe	333399	`#333399`

CIE-LAB	26.102, 25.096, -46.733
XYZ	6.702, 4.781, 23.123
xyY	0.194, 0.138, 4.781
CIE-LCH	26.102, 53.045, 298.237
CIE-LUV	26.102, -5.576, -60.119
Hunter-Lab	21.866, 16.449, -47.391
Binary	00101111, 00110100, 10000110

#2f3486
```
#2f3486 rgb(47,52,134)
```
#86812f
```
#86812f rgb(134,129,47)
```

Complementary Color

#2f6086
```
#2f6086 rgb(47,96,134)
```
#2f3486
```
#2f3486 rgb(47,52,134)
```
#562f86
```
#562f86 rgb(86,47,134)
```

Analogous Color

#60862f
```
#60862f rgb(96,134,47)
```
#2f3486
```
#2f3486 rgb(47,52,134)
```
#86562f
```
#86562f rgb(134,86,47)
```

Split Complementary Color

#34862f
```
#34862f rgb(52,134,47)
```
#2f3486
```
#2f3486 rgb(47,52,134)
```
#862f34
```
#862f34 rgb(134,47,52)
```

Triadic Color

#2f8681
```
#2f8681 rgb(47,134,129)
```
#2f3486
```
#2f3486 rgb(47,52,134)
```
#862f34
```
#862f34 rgb(134,47,52)
```
#86812f
```
#86812f rgb(134,129,47)
```

Tetradic Color

#1b1e4d
```
#1b1e4d rgb(27,30,77)
```
#222560
```
#222560 rgb(34,37,96)
```
#282d73
```
#282d73 rgb(40,45,115)
```
#2f3486
```
#2f3486 rgb(47,52,134)
```
#363b99
```
#363b99 rgb(54,59,153)
```
#3c43ac
```
#3c43ac rgb(60,67,172)
```
#444bbd
```
#444bbd rgb(68,75,189)
```

Monochromatic Color

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

#2f4a86
```
#2f4a86 rgb(47,74,134)
```
#2f4386
```
#2f4386 rgb(47,67,134)
```
#2f3b86
```
#2f3b86 rgb(47,59,134)
```
#2f3486
```
#2f3486 rgb(47,52,134)
```
#312f86
```
#312f86 rgb(49,47,134)
```
#392f86
```
#392f86 rgb(57,47,134)
```
#402f86
```
#402f86 rgb(64,47,134)
```

Similar Colors

Text with hexadecimal color #2f3486

This text has a font color of #2f3486.

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

#2f3486 background color

This paragraph has a background color of #2f3486.

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

#2f3486 border color

This element has a border color of #2f3486.

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

CSS codes

.text {color:#2f3486;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060712
```
#060712 rgb(6,7,18)
```
#0b0d20
```
#0b0d20 rgb(11,13,32)
```
#10122f
```
#10122f rgb(16,18,47)
```
#16183d
```
#16183d rgb(22,24,61)
```
#1b1d4c
```
#1b1d4c rgb(27,29,76)
```
#20235a
```
#20235a rgb(32,35,90)
```
#252969
```
#252969 rgb(37,41,105)
```
#2a2e77
```
#2a2e77 rgb(42,46,119)
```
#2f3486
```
#2f3486 rgb(47,52,134)
```
#343a95
```
#343a95 rgb(52,58,149)
```
#393fa3
```
#393fa3 rgb(57,63,163)
```
#3e45b2
```
#3e45b2 rgb(62,69,178)
```

Shade Color Variation

#464cbe
```
#464cbe rgb(70,76,190)
```
#545ac3
```
#545ac3 rgb(84,90,195)
```
#6368c8
```
#6368c8 rgb(99,104,200)
```
#7176cd
```
#7176cd rgb(113,118,205)
```
#8084d2
```
#8084d2 rgb(128,132,210)
```
#8e92d7
```
#8e92d7 rgb(142,146,215)
```
#9da0dd
```
#9da0dd rgb(157,160,221)
```
#abaee2
```
#abaee2 rgb(171,174,226)
```
#babce7
```
#babce7 rgb(186,188,231)
```
#c8caec
```
#c8caec rgb(200,202,236)
```
#d7d8f1
```
#d7d8f1 rgb(215,216,241)
```
#e5e6f6
```
#e5e6f6 rgb(229,230,246)
```
#f4f4fb
```
#f4f4fb rgb(244,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #59595c is the less saturated color, while #050fb0 is the most saturated one.

#59595c
```
#59595c rgb(89,89,92)
```
#525363
```
#525363 rgb(82,83,99)
```
#4b4d6a
```
#4b4d6a rgb(75,77,106)
```
#444671
```
#444671 rgb(68,70,113)
```
#3d4078
```
#3d4078 rgb(61,64,120)
```
#363a7f
```
#363a7f rgb(54,58,127)
```
#2f3486
```
#2f3486 rgb(47,52,134)
```
#282e8d
```
#282e8d rgb(40,46,141)
```
#212894
```
#212894 rgb(33,40,148)
```
#1a229b
```
#1a229b rgb(26,34,155)
```
#131ba2
```
#131ba2 rgb(19,27,162)
```
#0c15a9
```
#0c15a9 rgb(12,21,169)
```
#050fb0
```
#050fb0 rgb(5,15,176)
```

Tone Color Variation

Below, you can see how #2f3486 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
#393a4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004588 Protanopia 1% of men
#004977 Deuteranopia 1% of men
#004e54 Tritanopia 0.001% of the population

Trichromacy

#113f87 Protanomaly 1% of men, 0.01% of women
#11417c Deuteranomaly 6% of men, 0.4% of women
#114566 Tritanomaly 0.01% of the population

#2f3486 hex color

#2f3486 Color Information

#2f3486 Color Conversion

Color Schemes with #2f3486

Alternatives to #2f3486

#2f3486 Preview

Shades and Tints of #2f3486

Tones of #2f3486

Color Blindness Simulator