#2f305f hex color

In a RGB color space, hex #2f305f is composed of 18.4% red, 18.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 49.5% magenta, 0% yellow and 62.7% black. It has a hue angle of 238.8 degrees, a saturation of 33.8% and a lightness of 27.8%. #2f305f color hex could be obtained by blending #5e60be with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 19
- B 37
RGB color chart
- C 51
- M 49
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #2f305f has RGB values of R:47, G:48, B:95 and CMYK values of C:0.51, M:0.49, Y:0, K:0.63. Its decimal value is 3092575.

Hex triplet	2f305f	`#2f305f`
RGB Decimal	47, 48, 95	`rgb(47,48,95)`
RGB Percent	18.4, 18.8, 37.3	`rgb(18.4%,18.8%,37.3%)`
CMYK	51, 49, 0, 63
HSL	238.8°, 33.8, 27.8	`hsl(238.8,33.8%,27.8%)`
HSV (or HSB)	238.8°, 50.5, 37.3
Web Safe	333366	`#333366`

CIE-LAB	22.104, 13.843, -28.246
XYZ	4.294, 3.544, 11.284
xyY	0.225, 0.185, 3.544
CIE-LCH	22.104, 31.455, 296.109
CIE-LUV	22.104, -2.792, -34.192
Hunter-Lab	18.826, 7.771, -22.357
Binary	00101111, 00110000, 01011111

#2f305f
```
#2f305f rgb(47,48,95)
```
#5f5e2f
```
#5f5e2f rgb(95,94,47)
```

Complementary Color

#2f485f
```
#2f485f rgb(47,72,95)
```
#2f305f
```
#2f305f rgb(47,48,95)
```
#462f5f
```
#462f5f rgb(70,47,95)
```

Analogous Color

#485f2f
```
#485f2f rgb(72,95,47)
```
#2f305f
```
#2f305f rgb(47,48,95)
```
#5f462f
```
#5f462f rgb(95,70,47)
```

Split Complementary Color

#305f2f
```
#305f2f rgb(48,95,47)
```
#2f305f
```
#2f305f rgb(47,48,95)
```
#5f2f30
```
#5f2f30 rgb(95,47,48)
```

Triadic Color

#2f5f5e
```
#2f5f5e rgb(47,95,94)
```
#2f305f
```
#2f305f rgb(47,48,95)
```
#5f2f30
```
#5f2f30 rgb(95,47,48)
```
#5f5e2f
```
#5f5e2f rgb(95,94,47)
```

Tetradic Color

#16162c
```
#16162c rgb(22,22,44)
```
#1e1f3d
```
#1e1f3d rgb(30,31,61)
```
#27274e
```
#27274e rgb(39,39,78)
```
#2f305f
```
#2f305f rgb(47,48,95)
```
#373970
```
#373970 rgb(55,57,112)
```
#404181
```
#404181 rgb(64,65,129)
```
#484a92
```
#484a92 rgb(72,74,146)
```

Monochromatic Color

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

#2f3c5f
```
#2f3c5f rgb(47,60,95)
```
#2f385f
```
#2f385f rgb(47,56,95)
```
#2f345f
```
#2f345f rgb(47,52,95)
```
#2f305f
```
#2f305f rgb(47,48,95)
```
#322f5f
```
#322f5f rgb(50,47,95)
```
#362f5f
```
#362f5f rgb(54,47,95)
```
#3a2f5f
```
#3a2f5f rgb(58,47,95)
```

Similar Colors

Text with hexadecimal color #2f305f

This text has a font color of #2f305f.

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

#2f305f background color

This paragraph has a background color of #2f305f.

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

#2f305f border color

This element has a border color of #2f305f.

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

CSS codes

.text {color:#2f305f;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#080810
```
#080810 rgb(8,8,16)
```
#0f0f1d
```
#0f0f1d rgb(15,15,29)
```
#15152b
```
#15152b rgb(21,21,43)
```
#1c1c38
```
#1c1c38 rgb(28,28,56)
```
#222345
```
#222345 rgb(34,35,69)
```
#292952
```
#292952 rgb(41,41,82)
```
#2f305f
```
#2f305f rgb(47,48,95)
```
#35376c
```
#35376c rgb(53,55,108)
```
#3c3d79
```
#3c3d79 rgb(60,61,121)
```
#424486
```
#424486 rgb(66,68,134)
```
#494b93
```
#494b93 rgb(73,75,147)
```
#4f51a1
```
#4f51a1 rgb(79,81,161)
```

Shade Color Variation

#5859ac
```
#5859ac rgb(88,89,172)
```
#6566b3
```
#6566b3 rgb(101,102,179)
```
#7273b9
```
#7273b9 rgb(114,115,185)
```
#7f80c0
```
#7f80c0 rgb(127,128,192)
```
#8c8dc6
```
#8c8dc6 rgb(140,141,198)
```
#999acd
```
#999acd rgb(153,154,205)
```
#a6a7d3
```
#a6a7d3 rgb(166,167,211)
```
#b3b4da
```
#b3b4da rgb(179,180,218)
```
#c1c1e0
```
#c1c1e0 rgb(193,193,224)
```
#cecee7
```
#cecee7 rgb(206,206,231)
```
#dbdbed
```
#dbdbed rgb(219,219,237)
```
#e8e8f4
```
#e8e8f4 rgb(232,232,244)
```
#f5f5fa
```
#f5f5fa rgb(245,245,250)
```

Tint Color Variation

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

#454549
```
#454549 rgb(69,69,73)
```
#3f404f
```
#3f404f rgb(63,64,79)
```
#3a3a54
```
#3a3a54 rgb(58,58,84)
```
#34355a
```
#34355a rgb(52,53,90)
```
#2f305f
```
#2f305f rgb(47,48,95)
```
#2a2b64
```
#2a2b64 rgb(42,43,100)
```
#24266a
```
#24266a rgb(36,38,106)
```
#1f206f
```
#1f206f rgb(31,32,111)
```
#191b75
```
#191b75 rgb(25,27,117)
```
#14167a
```
#14167a rgb(20,22,122)
```
#0e1180
```
#0e1180 rgb(14,17,128)
```
#090b85
```
#090b85 rgb(9,11,133)
```
#03068b
```
#03068b rgb(3,6,139)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#34343d Atypical Achromatopsia 0.001% of the population

Dichromacy

#293d6a Protanopia 1% of men
#223f65 Deuteranopia 1% of men
#2e4247 Tritanopia 0.001% of the population

Trichromacy

#2b3866 Protanomaly 1% of men, 0.01% of women
#273a63 Deuteranomaly 6% of men, 0.4% of women
#2e3b50 Tritanomaly 0.01% of the population

#2f305f hex color

#2f305f Color Information

#2f305f Color Conversion

Color Schemes with #2f305f

Alternatives to #2f305f

#2f305f Preview

Shades and Tints of #2f305f

Tones of #2f305f

Color Blindness Simulator