colorhexa.com

#2f2448 hex color

In a RGB color space, hex #2f2448 is composed of 18.4% red, 14.1% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 34.7% cyan, 50% magenta, 0% yellow and 71.8% black. It has a hue angle of 258.3 degrees, a saturation of 33.3% and a lightness of 21.2%. #2f2448 color hex could be obtained by blending #5e4890 with #000000. Closest websafe color is: #333333.

- R 18
- G 14
- B 28
RGB color chart
- C 35
- M 50
- Y 0
- K 72
CMYK color chart

● #2f2448 color description : Very dark desaturated violet.

The hexadecimal color #2f2448 has RGB values of R:47, G:36, B:72 and CMYK values of C:0.35, M:0.5, Y:0, K:0.72. Its decimal value is 3089480.

Hex triplet	2f2448	`#2f2448`
RGB Decimal	47, 36, 72	`rgb(47,36,72)`
RGB Percent	18.4, 14.1, 28.2	`rgb(18.4%,14.1%,28.2%)`
CMYK	35, 50, 0, 72
HSL	258.3°, 33.3, 21.2	`hsl(258.3,33.3%,21.2%)`
HSV (or HSB)	258.3°, 50, 28.2
Web Safe	333333	`#333333`

CIE-LAB	17.15, 14.644, -20.705
XYZ	2.973, 2.334, 6.424
xyY	0.253, 0.199, 2.334
CIE-LCH	17.15, 25.36, 305.269
CIE-LUV	17.15, 2.193, -22.621
Hunter-Lab	15.277, 7.997, -14.239
Binary	00101111, 00100100, 01001000

#2f2448
```
#2f2448 rgb(47,36,72)
```
#3d4824
```
#3d4824 rgb(61,72,36)
```

Complementary Color

#242b48
```
#242b48 rgb(36,43,72)
```
#2f2448
```
#2f2448 rgb(47,36,72)
```
#412448
```
#412448 rgb(65,36,72)
```

Analogous Color

#2b4824
```
#2b4824 rgb(43,72,36)
```
#2f2448
```
#2f2448 rgb(47,36,72)
```
#484124
```
#484124 rgb(72,65,36)
```

Split Complementary Color

#0e0b15
```
#0e0b15 rgb(14,11,21)
```
#191326
```
#191326 rgb(25,19,38)
```
#241c37
```
#241c37 rgb(36,28,55)
```
#2f2448
```
#2f2448 rgb(47,36,72)
```
#3a2d59
```
#3a2d59 rgb(58,45,89)
```
#45356a
```
#45356a rgb(69,53,106)
```
#503e7b
```
#503e7b rgb(80,62,123)
```

Monochromatic Color

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

#262448
```
#262448 rgb(38,36,72)
```
#292448
```
#292448 rgb(41,36,72)
```
#2c2448
```
#2c2448 rgb(44,36,72)
```
#2f2448
```
#2f2448 rgb(47,36,72)
```
#322448
```
#322448 rgb(50,36,72)
```
#352448
```
#352448 rgb(53,36,72)
```
#382448
```
#382448 rgb(56,36,72)
```

Similar Colors

Text with hexadecimal color #2f2448

This text has a font color of #2f2448.

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

#2f2448 background color

This paragraph has a background color of #2f2448.

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

#2f2448 border color

This element has a border color of #2f2448.

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

CSS codes

.text {color:#2f2448;}

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

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

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

#040307
```
#040307 rgb(4,3,7)
```
#0d0a14
```
#0d0a14 rgb(13,10,20)
```
#151021
```
#151021 rgb(21,16,33)
```
#1e172e
```
#1e172e rgb(30,23,46)
```
#261d3b
```
#261d3b rgb(38,29,59)
```
#2f2448
```
#2f2448 rgb(47,36,72)
```
#382b55
```
#382b55 rgb(56,43,85)
```
#403162
```
#403162 rgb(64,49,98)
```
#49386f
```
#49386f rgb(73,56,111)
```
#513e7c
```
#513e7c rgb(81,62,124)
```
#5a4589
```
#5a4589 rgb(90,69,137)
```
#624b96
```
#624b96 rgb(98,75,150)
```
#6b52a4
```
#6b52a4 rgb(107,82,164)
```

Shade Color Variation

#755cad
```
#755cad rgb(117,92,173)
```
#8069b4
```
#8069b4 rgb(128,105,180)
```
#8b76ba
```
#8b76ba rgb(139,118,186)
```
#9683c1
```
#9683c1 rgb(150,131,193)
```
#a190c7
```
#a190c7 rgb(161,144,199)
```
#ac9dce
```
#ac9dce rgb(172,157,206)
```
#b7aad5
```
#b7aad5 rgb(183,170,213)
```
#c2b7db
```
#c2b7db rgb(194,183,219)
```
#cdc4e2
```
#cdc4e2 rgb(205,196,226)
```
#d8d1e8
```
#d8d1e8 rgb(216,209,232)
```
#e3deef
```
#e3deef rgb(227,222,239)
```
#eeebf5
```
#eeebf5 rgb(238,235,245)
```
#faf9fc
```
#faf9fc rgb(250,249,252)
```

Tint Color Variation

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

#353537
```
#353537 rgb(53,53,55)
```
#34303c
```
#34303c rgb(52,48,60)
```
#322c40
```
#322c40 rgb(50,44,64)
```
#312844
```
#312844 rgb(49,40,68)
```
#2f2448
```
#2f2448 rgb(47,36,72)
```
#2d204c
```
#2d204c rgb(45,32,76)
```
#2c1c50
```
#2c1c50 rgb(44,28,80)
```
#2a1854
```
#2a1854 rgb(42,24,84)
```
#291359
```
#291359 rgb(41,19,89)
```
#270f5d
```
#270f5d rgb(39,15,93)
```
#250b61
```
#250b61 rgb(37,11,97)
```
#240765
```
#240765 rgb(36,7,101)
```
#220369
```
#220369 rgb(34,3,105)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c2a31 Atypical Achromatopsia 0.001% of the population

Dichromacy

#263455 Protanopia 1% of men
#26354f Deuteranopia 1% of men
#333539 Tritanopia 0.001% of the population

Trichromacy

#292e50 Protanomaly 1% of men, 0.01% of women
#292e4c Deuteranomaly 6% of men, 0.4% of women
#322f3e Tritanomaly 0.01% of the population