#2f3a65 hex color

In a RGB color space, hex #2f3a65 is composed of 18.4% red, 22.7% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 42.6% magenta, 0% yellow and 60.4% black. It has a hue angle of 227.8 degrees, a saturation of 36.5% and a lightness of 29%. #2f3a65 color hex could be obtained by blending #5e74ca with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 23
- B 40
RGB color chart
- C 53
- M 43
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #2f3a65 has RGB values of R:47, G:58, B:101 and CMYK values of C:0.53, M:0.43, Y:0, K:0.6. Its decimal value is 3095141.

Hex triplet	2f3a65	`#2f3a65`
RGB Decimal	47, 58, 101	`rgb(47,58,101)`
RGB Percent	18.4, 22.7, 39.6	`rgb(18.4%,22.7%,39.6%)`
CMYK	53, 43, 0, 60
HSL	227.8°, 36.5, 29	`hsl(227.8,36.5%,29%)`
HSV (or HSB)	227.8°, 53.5, 39.6
Web Safe	333366	`#333366`

CIE-LAB	25.472, 9.009, -26.796
XYZ	5.034, 4.57, 12.928
xyY	0.223, 0.203, 4.57
CIE-LCH	25.472, 28.27, 288.583
CIE-LUV	25.472, -6.174, -33.879
Hunter-Lab	21.377, 4.623, -20.892
Binary	00101111, 00111010, 01100101

#2f3a65
```
#2f3a65 rgb(47,58,101)
```
#655a2f
```
#655a2f rgb(101,90,47)
```

Complementary Color

#2f5565
```
#2f5565 rgb(47,85,101)
```
#2f3a65
```
#2f3a65 rgb(47,58,101)
```
#3f2f65
```
#3f2f65 rgb(63,47,101)
```

Analogous Color

#55652f
```
#55652f rgb(85,101,47)
```
#2f3a65
```
#2f3a65 rgb(47,58,101)
```
#653f2f
```
#653f2f rgb(101,63,47)
```

Split Complementary Color

#3a652f
```
#3a652f rgb(58,101,47)
```
#2f3a65
```
#2f3a65 rgb(47,58,101)
```
#652f3a
```
#652f3a rgb(101,47,58)
```

Triadic Color

#2f655a
```
#2f655a rgb(47,101,90)
```
#2f3a65
```
#2f3a65 rgb(47,58,101)
```
#652f3a
```
#652f3a rgb(101,47,58)
```
#655a2f
```
#655a2f rgb(101,90,47)
```

Tetradic Color

#171c31
```
#171c31 rgb(23,28,49)
```
#1f2642
```
#1f2642 rgb(31,38,66)
```
#273054
```
#273054 rgb(39,48,84)
```
#2f3a65
```
#2f3a65 rgb(47,58,101)
```
#374476
```
#374476 rgb(55,68,118)
```
#3f4e88
```
#3f4e88 rgb(63,78,136)
```
#475899
```
#475899 rgb(71,88,153)
```

Monochromatic Color

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

#2f4865
```
#2f4865 rgb(47,72,101)
```
#2f4365
```
#2f4365 rgb(47,67,101)
```
#2f3f65
```
#2f3f65 rgb(47,63,101)
```
#2f3a65
```
#2f3a65 rgb(47,58,101)
```
#2f3665
```
#2f3665 rgb(47,54,101)
```
#2f3165
```
#2f3165 rgb(47,49,101)
```
#322f65
```
#322f65 rgb(50,47,101)
```

Similar Colors

Text with hexadecimal color #2f3a65

This text has a font color of #2f3a65.

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

#2f3a65 background color

This paragraph has a background color of #2f3a65.

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

#2f3a65 border color

This element has a border color of #2f3a65.

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

CSS codes

.text {color:#2f3a65;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#0a0c15
```
#0a0c15 rgb(10,12,21)
```
#101422
```
#101422 rgb(16,20,34)
```
#161b2f
```
#161b2f rgb(22,27,47)
```
#1c233d
```
#1c233d rgb(28,35,61)
```
#232b4a
```
#232b4a rgb(35,43,74)
```
#293258
```
#293258 rgb(41,50,88)
```
#2f3a65
```
#2f3a65 rgb(47,58,101)
```
#354272
```
#354272 rgb(53,66,114)
```
#3b4980
```
#3b4980 rgb(59,73,128)
```
#42518d
```
#42518d rgb(66,81,141)
```
#48599b
```
#48599b rgb(72,89,155)
```
#4e60a8
```
#4e60a8 rgb(78,96,168)
```

Shade Color Variation

#586ab1
```
#586ab1 rgb(88,106,177)
```
#6676b8
```
#6676b8 rgb(102,118,184)
```
#7382be
```
#7382be rgb(115,130,190)
```
#808ec4
```
#808ec4 rgb(128,142,196)
```
#8e9aca
```
#8e9aca rgb(142,154,202)
```
#9ba6d1
```
#9ba6d1 rgb(155,166,209)
```
#a9b2d7
```
#a9b2d7 rgb(169,178,215)
```
#b6bedd
```
#b6bedd rgb(182,190,221)
```
#c3cae3
```
#c3cae3 rgb(195,202,227)
```
#d1d6e9
```
#d1d6e9 rgb(209,214,233)
```
#dee2f0
```
#dee2f0 rgb(222,226,240)
```
#eceef6
```
#eceef6 rgb(236,238,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#46474e
```
#46474e rgb(70,71,78)
```
#404454
```
#404454 rgb(64,68,84)
```
#3a415a
```
#3a415a rgb(58,65,90)
```
#353d5f
```
#353d5f rgb(53,61,95)
```
#2f3a65
```
#2f3a65 rgb(47,58,101)
```
#29376b
```
#29376b rgb(41,55,107)
```
#243370
```
#243370 rgb(36,51,112)
```
#1e3076
```
#1e3076 rgb(30,48,118)
```
#182d7c
```
#182d7c rgb(24,45,124)
```
#132981
```
#132981 rgb(19,41,129)
```
#0d2687
```
#0d2687 rgb(13,38,135)
```
#07228d
```
#07228d rgb(7,34,141)
```
#011f93
```
#011f93 rgb(1,31,147)
```

Tone Color Variation

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

Dichromacy

#35456d Protanopia 1% of men
#2e466c Deuteranopia 1% of men
#2e4a50 Tritanopia 0.001% of the population

Trichromacy

#32416a Protanomaly 1% of men, 0.01% of women
#2e4269 Deuteranomaly 6% of men, 0.4% of women
#2e4457 Tritanomaly 0.01% of the population

#2f3a65 hex color

#2f3a65 Color Information

#2f3a65 Color Conversion

Color Schemes with #2f3a65

Alternatives to #2f3a65

#2f3a65 Preview

Shades and Tints of #2f3a65

Tones of #2f3a65

Color Blindness Simulator