#2f3b5a hex color

In a RGB color space, hex #2f3b5a is composed of 18.4% red, 23.1% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 34.4% magenta, 0% yellow and 64.7% black. It has a hue angle of 223.3 degrees, a saturation of 31.4% and a lightness of 26.9%. #2f3b5a color hex could be obtained by blending #5e76b4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 23
- B 35
RGB color chart
- C 48
- M 34
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #2f3b5a has RGB values of R:47, G:59, B:90 and CMYK values of C:0.48, M:0.34, Y:0, K:0.65. Its decimal value is 3095386.

Hex triplet	2f3b5a	`#2f3b5a`
RGB Decimal	47, 59, 90	`rgb(47,59,90)`
RGB Percent	18.4, 23.1, 35.3	`rgb(18.4%,23.1%,35.3%)`
CMYK	48, 34, 0, 65
HSL	223.3°, 31.4, 26.9	`hsl(223.3,31.4%,26.9%)`
HSV (or HSB)	223.3°, 47.8, 35.3
Web Safe	333366	`#333366`

CIE-LAB	25.169, 4.513, -20.129
XYZ	4.581, 4.47, 10.294
xyY	0.237, 0.231, 4.47
CIE-LCH	25.169, 20.629, 282.636
CIE-LUV	25.169, -6.245, -24.83
Hunter-Lab	21.143, 1.678, -14.066
Binary	00101111, 00111011, 01011010

#2f3b5a
```
#2f3b5a rgb(47,59,90)
```
#5a4e2f
```
#5a4e2f rgb(90,78,47)
```

Complementary Color

#2f515a
```
#2f515a rgb(47,81,90)
```
#2f3b5a
```
#2f3b5a rgb(47,59,90)
```
#392f5a
```
#392f5a rgb(57,47,90)
```

Analogous Color

#515a2f
```
#515a2f rgb(81,90,47)
```
#2f3b5a
```
#2f3b5a rgb(47,59,90)
```
#5a392f
```
#5a392f rgb(90,57,47)
```

Split Complementary Color

#3b5a2f
```
#3b5a2f rgb(59,90,47)
```
#2f3b5a
```
#2f3b5a rgb(47,59,90)
```
#5a2f3b
```
#5a2f3b rgb(90,47,59)
```

Triadic Color

#2f5a4e
```
#2f5a4e rgb(47,90,78)
```
#2f3b5a
```
#2f3b5a rgb(47,59,90)
```
#5a2f3b
```
#5a2f3b rgb(90,47,59)
```
#5a4e2f
```
#5a4e2f rgb(90,78,47)
```

Tetradic Color

#151a28
```
#151a28 rgb(21,26,40)
```
#1e2538
```
#1e2538 rgb(30,37,56)
```
#263049
```
#263049 rgb(38,48,73)
```
#2f3b5a
```
#2f3b5a rgb(47,59,90)
```
#38466b
```
#38466b rgb(56,70,107)
```
#40517c
```
#40517c rgb(64,81,124)
```
#495c8c
```
#495c8c rgb(73,92,140)
```

Monochromatic Color

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

#2f465a
```
#2f465a rgb(47,70,90)
```
#2f425a
```
#2f425a rgb(47,66,90)
```
#2f3f5a
```
#2f3f5a rgb(47,63,90)
```
#2f3b5a
```
#2f3b5a rgb(47,59,90)
```
#2f375a
```
#2f375a rgb(47,55,90)
```
#2f345a
```
#2f345a rgb(47,52,90)
```
#2f305a
```
#2f305a rgb(47,48,90)
```

Similar Colors

Text with hexadecimal color #2f3b5a

This text has a font color of #2f3b5a.

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

#2f3b5a background color

This paragraph has a background color of #2f3b5a.

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

#2f3b5a border color

This element has a border color of #2f3b5a.

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

CSS codes

.text {color:#2f3b5a;}

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

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

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

#07080d
```
#07080d rgb(7,8,13)
```
#0d111a
```
#0d111a rgb(13,17,26)
```
#141926
```
#141926 rgb(20,25,38)
```
#1b2233
```
#1b2233 rgb(27,34,51)
```
#222a40
```
#222a40 rgb(34,42,64)
```
#28334d
```
#28334d rgb(40,51,77)
```
#2f3b5a
```
#2f3b5a rgb(47,59,90)
```
#364367
```
#364367 rgb(54,67,103)
```
#3c4c74
```
#3c4c74 rgb(60,76,116)
```
#435481
```
#435481 rgb(67,84,129)
```
#4a5d8e
```
#4a5d8e rgb(74,93,142)
```
#51659a
```
#51659a rgb(81,101,154)
```
#576ea7
```
#576ea7 rgb(87,110,167)
```

Shade Color Variation

#6479ae
```
#6479ae rgb(100,121,174)
```
#7184b5
```
#7184b5 rgb(113,132,181)
```
#7e8fbc
```
#7e8fbc rgb(126,143,188)
```
#8b9ac2
```
#8b9ac2 rgb(139,154,194)
```
#98a5c9
```
#98a5c9 rgb(152,165,201)
```
#a5b1d0
```
#a5b1d0 rgb(165,177,208)
```
#b1bcd7
```
#b1bcd7 rgb(177,188,215)
```
#bec7dd
```
#bec7dd rgb(190,199,221)
```
#cbd2e4
```
#cbd2e4 rgb(203,210,228)
```
#d8ddeb
```
#d8ddeb rgb(216,221,235)
```
#e5e8f1
```
#e5e8f1 rgb(229,232,241)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444445
```
#444445 rgb(68,68,69)
```
#3f424a
```
#3f424a rgb(63,66,74)
```
#3a404f
```
#3a404f rgb(58,64,79)
```
#343d55
```
#343d55 rgb(52,61,85)
```
#2f3b5a
```
#2f3b5a rgb(47,59,90)
```
#2a395f
```
#2a395f rgb(42,57,95)
```
#243665
```
#243665 rgb(36,54,101)
```
#1f346a
```
#1f346a rgb(31,52,106)
```
#1a326f
```
#1a326f rgb(26,50,111)
```
#152f74
```
#152f74 rgb(21,47,116)
```
#0f2d7a
```
#0f2d7a rgb(15,45,122)
```
#0a2b7f
```
#0a2b7f rgb(10,43,127)
```
#052884
```
#052884 rgb(5,40,132)
```

Tone Color Variation

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

Dichromacy

#3b4462 Protanopia 1% of men
#394562 Deuteranopia 1% of men
#32494e Tritanopia 0.001% of the population

Trichromacy

#36415f Protanomaly 1% of men, 0.01% of women
#35415f Deuteranomaly 6% of men, 0.4% of women
#314452 Tritanomaly 0.01% of the population

#2f3b5a hex color

#2f3b5a Color Information

#2f3b5a Color Conversion

Color Schemes with #2f3b5a

Alternatives to #2f3b5a

#2f3b5a Preview

Shades and Tints of #2f3b5a

Tones of #2f3b5a

Color Blindness Simulator