colorhexa.com

#483e56 hex color

In a RGB color space, hex #483e56 is composed of 28.2% red, 24.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 27.9% magenta, 0% yellow and 66.3% black. It has a hue angle of 265 degrees, a saturation of 16.2% and a lightness of 29%. #483e56 color hex could be obtained by blending #907cac with #000000. Closest websafe color is: #333366.

- R 28
- G 24
- B 34
RGB color chart
- C 16
- M 28
- Y 0
- K 66
CMYK color chart

● #483e56 color description : Very dark grayish violet.

The hexadecimal color #483e56 has RGB values of R:72, G:62, B:86 and CMYK values of C:0.16, M:0.28, Y:0, K:0.66. Its decimal value is 4734550.

Hex triplet	483e56	`#483e56`
RGB Decimal	72, 62, 86	`rgb(72,62,86)`
RGB Percent	28.2, 24.3, 33.7	`rgb(28.2%,24.3%,33.7%)`
CMYK	16, 28, 0, 66
HSL	265°, 16.2, 29	`hsl(265,16.2%,29%)`
HSV (or HSB)	265°, 27.9, 33.7
Web Safe	333366	`#333366`

CIE-LAB	28.101, 9.819, -12.808
XYZ	6.075, 5.495, 9.544
xyY	0.288, 0.26, 5.495
CIE-LCH	28.101, 16.138, 307.475
CIE-LUV	28.101, 3.509, -16.849
Hunter-Lab	23.441, 5.234, -7.731
Binary	01001000, 00111110, 01010110

#483e56
```
#483e56 rgb(72,62,86)
```
#4c563e
```
#4c563e rgb(76,86,62)
```

Complementary Color

#3e4056
```
#3e4056 rgb(62,64,86)
```
#483e56
```
#483e56 rgb(72,62,86)
```
#543e56
```
#543e56 rgb(84,62,86)
```

Analogous Color

#40563e
```
#40563e rgb(64,86,62)
```
#483e56
```
#483e56 rgb(72,62,86)
```
#56543e
```
#56543e rgb(86,84,62)
```

Split Complementary Color

#231e2a
```
#231e2a rgb(35,30,42)
```
#2f2938
```
#2f2938 rgb(47,41,56)
```
#3c3347
```
#3c3347 rgb(60,51,71)
```
#483e56
```
#483e56 rgb(72,62,86)
```
#544965
```
#544965 rgb(84,73,101)
```
#615374
```
#615374 rgb(97,83,116)
```
#6d5e82
```
#6d5e82 rgb(109,94,130)
```

Monochromatic Color

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

#423e56
```
#423e56 rgb(66,62,86)
```
#443e56
```
#443e56 rgb(68,62,86)
```
#463e56
```
#463e56 rgb(70,62,86)
```
#483e56
```
#483e56 rgb(72,62,86)
```
#4a3e56
```
#4a3e56 rgb(74,62,86)
```
#4c3e56
```
#4c3e56 rgb(76,62,86)
```
#4e3e56
```
#4e3e56 rgb(78,62,86)
```

Similar Colors

Text with hexadecimal color #483e56

This text has a font color of #483e56.

<span style="color:#483e56;">Text here</span>

#483e56 background color

This paragraph has a background color of #483e56.

<p style="background-color:#483e56;">Content here</p>

#483e56 border color

This element has a border color of #483e56.

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

CSS codes

.text {color:#483e56;}

.background {background-color:#483e56;}

.border {border:1px solid #483e56;}

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

#050406
```
#050406 rgb(5,4,6)
```
#0f0d12
```
#0f0d12 rgb(15,13,18)
```
#18151d
```
#18151d rgb(24,21,29)
```
#221d28
```
#221d28 rgb(34,29,40)
```
#2b2534
```
#2b2534 rgb(43,37,52)
```
#352e3f
```
#352e3f rgb(53,46,63)
```
#3e364b
```
#3e364b rgb(62,54,75)
```
#483e56
```
#483e56 rgb(72,62,86)
```
#524661
```
#524661 rgb(82,70,97)
```
#5b4e6d
```
#5b4e6d rgb(91,78,109)
```
#655778
```
#655778 rgb(101,87,120)
```
#6e5f84
```
#6e5f84 rgb(110,95,132)
```
#78678f
```
#78678f rgb(120,103,143)
```

Shade Color Variation

#827199
```
#827199 rgb(130,113,153)
```
#8c7ca1
```
#8c7ca1 rgb(140,124,161)
```
#9688a9
```
#9688a9 rgb(150,136,169)
```
#a093b1
```
#a093b1 rgb(160,147,177)
```
#aa9fba
```
#aa9fba rgb(170,159,186)
```
#b4aac2
```
#b4aac2 rgb(180,170,194)
```
#beb5ca
```
#beb5ca rgb(190,181,202)
```
#c8c1d2
```
#c8c1d2 rgb(200,193,210)
```
#d2ccda
```
#d2ccda rgb(210,204,218)
```
#dcd8e3
```
#dcd8e3 rgb(220,216,227)
```
#e6e3eb
```
#e6e3eb rgb(230,227,235)
```
#f0eef3
```
#f0eef3 rgb(240,238,243)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#4a494b
```
#4a494b rgb(74,73,75)
```
#494450
```
#494450 rgb(73,68,80)
```
#483e56
```
#483e56 rgb(72,62,86)
```
#47385c
```
#47385c rgb(71,56,92)
```
#463361
```
#463361 rgb(70,51,97)
```
#452d67
```
#452d67 rgb(69,45,103)
```
#44276d
```
#44276d rgb(68,39,109)
```
#432272
```
#432272 rgb(67,34,114)
```
#421c78
```
#421c78 rgb(66,28,120)
```
#41167e
```
#41167e rgb(65,22,126)
```
#401084
```
#401084 rgb(64,16,132)
```
#3f0b89
```
#3f0b89 rgb(63,11,137)
```
#3f058f
```
#3f058f rgb(63,5,143)
```

Tone Color Variation

Below, you can see how #483e56 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

#444444 Achromatopsia 0.005% of the population
#454348 Atypical Achromatopsia 0.001% of the population

Dichromacy

#454b60 Protanopia 1% of men
#494a5d Deuteranopia 1% of men
#4e4a50 Tritanopia 0.001% of the population

Trichromacy

#46465c Protanomaly 1% of men, 0.01% of women
#48465b Deuteranomaly 6% of men, 0.4% of women
#4c4652 Tritanomaly 0.01% of the population