#2f3760 hex color

In a RGB color space, hex #2f3760 is composed of 18.4% red, 21.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 42.7% magenta, 0% yellow and 62.4% black. It has a hue angle of 230.2 degrees, a saturation of 34.3% and a lightness of 28%. #2f3760 color hex could be obtained by blending #5e6ec0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 22
- B 38
RGB color chart
- C 51
- M 43
- Y 0
- K 62
CMYK color chart

● #2f3760 color description : Very dark desaturated blue.

The hexadecimal color #2f3760 has RGB values of R:47, G:55, B:96 and CMYK values of C:0.51, M:0.43, Y:0, K:0.62. Its decimal value is 3094368.

Hex triplet	2f3760	`#2f3760`
RGB Decimal	47, 55, 96	`rgb(47,55,96)`
RGB Percent	18.4, 21.6, 37.6	`rgb(18.4%,21.6%,37.6%)`
CMYK	51, 43, 0, 62
HSL	230.2°, 34.3, 28	`hsl(230.2,34.3%,28%)`
HSV (or HSB)	230.2°, 51, 37.6
Web Safe	333366	`#333366`

CIE-LAB	24.261, 9.321, -25.471
XYZ	4.649, 4.181, 11.628
xyY	0.227, 0.204, 4.181
CIE-LCH	24.261, 27.123, 290.1
CIE-LUV	24.261, -5.032, -31.639
Hunter-Lab	20.448, 4.804, -19.402
Binary	00101111, 00110111, 01100000

#2f3760
```
#2f3760 rgb(47,55,96)
```
#60582f
```
#60582f rgb(96,88,47)
```

Complementary Color

#2f5060
```
#2f5060 rgb(47,80,96)
```
#2f3760
```
#2f3760 rgb(47,55,96)
```
#402f60
```
#402f60 rgb(64,47,96)
```

Analogous Color

#50602f
```
#50602f rgb(80,96,47)
```
#2f3760
```
#2f3760 rgb(47,55,96)
```
#60402f
```
#60402f rgb(96,64,47)
```

Split Complementary Color

#37602f
```
#37602f rgb(55,96,47)
```
#2f3760
```
#2f3760 rgb(47,55,96)
```
#602f37
```
#602f37 rgb(96,47,55)
```

Triadic Color

#2f6058
```
#2f6058 rgb(47,96,88)
```
#2f3760
```
#2f3760 rgb(47,55,96)
```
#602f37
```
#602f37 rgb(96,47,55)
```
#60582f
```
#60582f rgb(96,88,47)
```

Tetradic Color

#161a2d
```
#161a2d rgb(22,26,45)
```
#1e233e
```
#1e233e rgb(30,35,62)
```
#272d4f
```
#272d4f rgb(39,45,79)
```
#2f3760
```
#2f3760 rgb(47,55,96)
```
#374171
```
#374171 rgb(55,65,113)
```
#404b82
```
#404b82 rgb(64,75,130)
```
#485493
```
#485493 rgb(72,84,147)
```

Monochromatic Color

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

#2f4360
```
#2f4360 rgb(47,67,96)
```
#2f3f60
```
#2f3f60 rgb(47,63,96)
```
#2f3b60
```
#2f3b60 rgb(47,59,96)
```
#2f3760
```
#2f3760 rgb(47,55,96)
```
#2f3360
```
#2f3360 rgb(47,51,96)
```
#2f2f60
```
#2f2f60 rgb(47,47,96)
```
#332f60
```
#332f60 rgb(51,47,96)
```

Similar Colors

Text with hexadecimal color #2f3760

This text has a font color of #2f3760.

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

#2f3760 background color

This paragraph has a background color of #2f3760.

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

#2f3760 border color

This element has a border color of #2f3760.

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

CSS codes

.text {color:#2f3760;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080a11
```
#080a11 rgb(8,10,17)
```
#0f111e
```
#0f111e rgb(15,17,30)
```
#15192b
```
#15192b rgb(21,25,43)
```
#1c2038
```
#1c2038 rgb(28,32,56)
```
#222846
```
#222846 rgb(34,40,70)
```
#292f53
```
#292f53 rgb(41,47,83)
```
#2f3760
```
#2f3760 rgb(47,55,96)
```
#353f6d
```
#353f6d rgb(53,63,109)
```
#3c467a
```
#3c467a rgb(60,70,122)
```
#424e88
```
#424e88 rgb(66,78,136)
```
#495595
```
#495595 rgb(73,85,149)
```
#4f5da2
```
#4f5da2 rgb(79,93,162)
```

Shade Color Variation

#5866ad
```
#5866ad rgb(88,102,173)
```
#6572b4
```
#6572b4 rgb(101,114,180)
```
#727eba
```
#727eba rgb(114,126,186)
```
#7f8ac0
```
#7f8ac0 rgb(127,138,192)
```
#8c96c7
```
#8c96c7 rgb(140,150,199)
```
#99a2cd
```
#99a2cd rgb(153,162,205)
```
#a7aed4
```
#a7aed4 rgb(167,174,212)
```
#b4bada
```
#b4bada rgb(180,186,218)
```
#c1c6e1
```
#c1c6e1 rgb(193,198,225)
```
#ced2e7
```
#ced2e7 rgb(206,210,231)
```
#dbdeee
```
#dbdeee rgb(219,222,238)
```
#e8eaf4
```
#e8eaf4 rgb(232,234,244)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

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

#45464a
```
#45464a rgb(69,70,74)
```
#404250
```
#404250 rgb(64,66,80)
```
#3a3e55
```
#3a3e55 rgb(58,62,85)
```
#353b5b
```
#353b5b rgb(53,59,91)
```
#2f3760
```
#2f3760 rgb(47,55,96)
```
#2a3366
```
#2a3366 rgb(42,51,102)
```
#24306b
```
#24306b rgb(36,48,107)
```
#1f2c71
```
#1f2c71 rgb(31,44,113)
```
#192876
```
#192876 rgb(25,40,118)
```
#14247c
```
#14247c rgb(20,36,124)
```
#0e2181
```
#0e2181 rgb(14,33,129)
```
#091d87
```
#091d87 rgb(9,29,135)
```
#03198c
```
#03198c rgb(3,25,140)
```

Tone Color Variation

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

Dichromacy

#334269 Protanopia 1% of men
#2e4467 Deuteranopia 1% of men
#2f474c Tritanopia 0.001% of the population

Trichromacy

#313e65 Protanomaly 1% of men, 0.01% of women
#2e3f64 Deuteranomaly 6% of men, 0.4% of women
#2f4153 Tritanomaly 0.01% of the population

#2f3760 hex color

#2f3760 Color Information

#2f3760 Color Conversion

Color Schemes with #2f3760

Alternatives to #2f3760

#2f3760 Preview

Shades and Tints of #2f3760

Tones of #2f3760

Color Blindness Simulator