#2f3e5a hex color

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

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

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

The hexadecimal color #2f3e5a has RGB values of R:47, G:62, B:90 and CMYK values of C:0.48, M:0.31, Y:0, K:0.65. Its decimal value is 3096154.

Hex triplet	2f3e5a	`#2f3e5a`
RGB Decimal	47, 62, 90	`rgb(47,62,90)`
RGB Percent	18.4, 24.3, 35.3	`rgb(18.4%,24.3%,35.3%)`
CMYK	48, 31, 0, 65
HSL	219.1°, 31.4, 26.9	`hsl(219.1,31.4%,26.9%)`
HSV (or HSB)	219.1°, 47.8, 35.3
Web Safe	333366	`#333366`

CIE-LAB	26.121, 2.486, -18.644
XYZ	4.74, 4.788, 10.347
xyY	0.238, 0.241, 4.788
CIE-LCH	26.121, 18.809, 277.596
CIE-LUV	26.121, -7.342, -23.045
Hunter-Lab	21.881, 0.377, -12.72
Binary	00101111, 00111110, 01011010

#2f3e5a
```
#2f3e5a rgb(47,62,90)
```
#5a4b2f
```
#5a4b2f rgb(90,75,47)
```

Complementary Color

#2f545a
```
#2f545a rgb(47,84,90)
```
#2f3e5a
```
#2f3e5a rgb(47,62,90)
```
#362f5a
```
#362f5a rgb(54,47,90)
```

Analogous Color

#545a2f
```
#545a2f rgb(84,90,47)
```
#2f3e5a
```
#2f3e5a rgb(47,62,90)
```
#5a362f
```
#5a362f rgb(90,54,47)
```

Split Complementary Color

#3e5a2f
```
#3e5a2f rgb(62,90,47)
```
#2f3e5a
```
#2f3e5a rgb(47,62,90)
```
#5a2f3e
```
#5a2f3e rgb(90,47,62)
```

Triadic Color

#2f5a4b
```
#2f5a4b rgb(47,90,75)
```
#2f3e5a
```
#2f3e5a rgb(47,62,90)
```
#5a2f3e
```
#5a2f3e rgb(90,47,62)
```
#5a4b2f
```
#5a4b2f rgb(90,75,47)
```

Tetradic Color

#151b28
```
#151b28 rgb(21,27,40)
```
#1e2738
```
#1e2738 rgb(30,39,56)
```
#263249
```
#263249 rgb(38,50,73)
```
#2f3e5a
```
#2f3e5a rgb(47,62,90)
```
#384a6b
```
#384a6b rgb(56,74,107)
```
#40557c
```
#40557c rgb(64,85,124)
```
#49618c
```
#49618c rgb(73,97,140)
```

Monochromatic Color

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

#2f495a
```
#2f495a rgb(47,73,90)
```
#2f455a
```
#2f455a rgb(47,69,90)
```
#2f425a
```
#2f425a rgb(47,66,90)
```
#2f3e5a
```
#2f3e5a rgb(47,62,90)
```
#2f3a5a
```
#2f3a5a rgb(47,58,90)
```
#2f375a
```
#2f375a rgb(47,55,90)
```
#2f335a
```
#2f335a rgb(47,51,90)
```

Similar Colors

Text with hexadecimal color #2f3e5a

This text has a font color of #2f3e5a.

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

#2f3e5a background color

This paragraph has a background color of #2f3e5a.

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

#2f3e5a border color

This element has a border color of #2f3e5a.

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

CSS codes

.text {color:#2f3e5a;}

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

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

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

#07090d
```
#07090d rgb(7,9,13)
```
#0d121a
```
#0d121a rgb(13,18,26)
```
#141a26
```
#141a26 rgb(20,26,38)
```
#1b2333
```
#1b2333 rgb(27,35,51)
```
#222c40
```
#222c40 rgb(34,44,64)
```
#28354d
```
#28354d rgb(40,53,77)
```
#2f3e5a
```
#2f3e5a rgb(47,62,90)
```
#364767
```
#364767 rgb(54,71,103)
```
#3c5074
```
#3c5074 rgb(60,80,116)
```
#435981
```
#435981 rgb(67,89,129)
```
#4a628e
```
#4a628e rgb(74,98,142)
```
#516a9a
```
#516a9a rgb(81,106,154)
```
#5773a7
```
#5773a7 rgb(87,115,167)
```

Shade Color Variation

#647eae
```
#647eae rgb(100,126,174)
```
#7189b5
```
#7189b5 rgb(113,137,181)
```
#7e93bc
```
#7e93bc rgb(126,147,188)
```
#8b9ec2
```
#8b9ec2 rgb(139,158,194)
```
#98a9c9
```
#98a9c9 rgb(152,169,201)
```
#a5b4d0
```
#a5b4d0 rgb(165,180,208)
```
#b1bed7
```
#b1bed7 rgb(177,190,215)
```
#bec9dd
```
#bec9dd rgb(190,201,221)
```
#cbd4e4
```
#cbd4e4 rgb(203,212,228)
```
#d8dfeb
```
#d8dfeb rgb(216,223,235)
```
#e5e9f1
```
#e5e9f1 rgb(229,233,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 #053184 is the most saturated one.

#444445
```
#444445 rgb(68,68,69)
```
#3f434a
```
#3f434a rgb(63,67,74)
```
#3a414f
```
#3a414f rgb(58,65,79)
```
#344055
```
#344055 rgb(52,64,85)
```
#2f3e5a
```
#2f3e5a rgb(47,62,90)
```
#2a3c5f
```
#2a3c5f rgb(42,60,95)
```
#243b65
```
#243b65 rgb(36,59,101)
```
#1f396a
```
#1f396a rgb(31,57,106)
```
#1a386f
```
#1a386f rgb(26,56,111)
```
#153674
```
#153674 rgb(21,54,116)
```
#0f347a
```
#0f347a rgb(15,52,122)
```
#0a337f
```
#0a337f rgb(10,51,127)
```
#053184
```
#053184 rgb(5,49,132)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3d43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4661 Protanopia 1% of men
#3d4762 Deuteranopia 1% of men
#334b51 Tritanopia 0.001% of the population

Trichromacy

#39435e Protanomaly 1% of men, 0.01% of women
#37435f Deuteranomaly 6% of men, 0.4% of women
#314654 Tritanomaly 0.01% of the population

#2f3e5a hex color

#2f3e5a Color Information

#2f3e5a Color Conversion

Color Schemes with #2f3e5a

Alternatives to #2f3e5a

#2f3e5a Preview

Shades and Tints of #2f3e5a

Tones of #2f3e5a

Color Blindness Simulator