#484c68 hex color

In a RGB color space, hex #484c68 is composed of 28.2% red, 29.8% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 26.9% magenta, 0% yellow and 59.2% black. It has a hue angle of 232.5 degrees, a saturation of 18.2% and a lightness of 34.5%. #484c68 color hex could be obtained by blending #9098d0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 28
- G 30
- B 41
RGB color chart
- C 31
- M 27
- Y 0
- K 59
CMYK color chart

● #484c68 color description : Very dark grayish blue.

The hexadecimal color #484c68 has RGB values of R:72, G:76, B:104 and CMYK values of C:0.31, M:0.27, Y:0, K:0.59. Its decimal value is 4738152.

Hex triplet	484c68	`#484c68`
RGB Decimal	72, 76, 104	`rgb(72,76,104)`
RGB Percent	28.2, 29.8, 40.8	`rgb(28.2%,29.8%,40.8%)`
CMYK	31, 27, 0, 59
HSL	232.5°, 18.2, 34.5	`hsl(232.5,18.2%,34.5%)`
HSV (or HSB)	232.5°, 30.8, 40.8
Web Safe	333366	`#333366`

CIE-LAB	33.019, 5.576, -16.775
XYZ	7.755, 7.546, 14.144
xyY	0.263, 0.256, 7.546
CIE-LCH	33.019, 17.677, 288.387
CIE-LUV	33.019, -3.42, -22.599
Hunter-Lab	27.47, 2.321, -11.299
Binary	01001000, 01001100, 01101000

#484c68
```
#484c68 rgb(72,76,104)
```
#686448
```
#686448 rgb(104,100,72)
```

Complementary Color

#485c68
```
#485c68 rgb(72,92,104)
```
#484c68
```
#484c68 rgb(72,76,104)
```
#544868
```
#544868 rgb(84,72,104)
```

Analogous Color

#5c6848
```
#5c6848 rgb(92,104,72)
```
#484c68
```
#484c68 rgb(72,76,104)
```
#685448
```
#685448 rgb(104,84,72)
```

Split Complementary Color

#4c6848
```
#4c6848 rgb(76,104,72)
```
#484c68
```
#484c68 rgb(72,76,104)
```
#68484c
```
#68484c rgb(104,72,76)
```

Triadic Color

#486864
```
#486864 rgb(72,104,100)
```
#484c68
```
#484c68 rgb(72,76,104)
```
#68484c
```
#68484c rgb(104,72,76)
```
#686448
```
#686448 rgb(104,100,72)
```

Tetradic Color

#292b3b
```
#292b3b rgb(41,43,59)
```
#33364a
```
#33364a rgb(51,54,74)
```
#3e4159
```
#3e4159 rgb(62,65,89)
```
#484c68
```
#484c68 rgb(72,76,104)
```
#525777
```
#525777 rgb(82,87,119)
```
#5d6286
```
#5d6286 rgb(93,98,134)
```
#676d95
```
#676d95 rgb(103,109,149)
```

Monochromatic Color

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

#485468
```
#485468 rgb(72,84,104)
```
#485168
```
#485168 rgb(72,81,104)
```
#484f68
```
#484f68 rgb(72,79,104)
```
#484c68
```
#484c68 rgb(72,76,104)
```
#484968
```
#484968 rgb(72,73,104)
```
#494868
```
#494868 rgb(73,72,104)
```
#4c4868
```
#4c4868 rgb(76,72,104)
```

Similar Colors

Text with hexadecimal color #484c68

This text has a font color of #484c68.

<span style="color:#484c68;">Text here</span>

#484c68 background color

This paragraph has a background color of #484c68.

<p style="background-color:#484c68;">Content here</p>

#484c68 border color

This element has a border color of #484c68.

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

CSS codes

.text {color:#484c68;}

.background {background-color:#484c68;}

.border {border:1px solid #484c68;}

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

#08080b
```
#08080b rgb(8,8,11)
```
#101117
```
#101117 rgb(16,17,23)
```
#181922
```
#181922 rgb(24,25,34)
```
#20222e
```
#20222e rgb(32,34,46)
```
#282a3a
```
#282a3a rgb(40,42,58)
```
#303345
```
#303345 rgb(48,51,69)
```
#383b51
```
#383b51 rgb(56,59,81)
```
#40445c
```
#40445c rgb(64,68,92)
```
#484c68
```
#484c68 rgb(72,76,104)
```
#505474
```
#505474 rgb(80,84,116)
```
#585d7f
```
#585d7f rgb(88,93,127)
```
#60658b
```
#60658b rgb(96,101,139)
```
#686e96
```
#686e96 rgb(104,110,150)
```

Shade Color Variation

#74799e
```
#74799e rgb(116,121,158)
```
#7f84a7
```
#7f84a7 rgb(127,132,167)
```
#8b8faf
```
#8b8faf rgb(139,143,175)
```
#969ab7
```
#969ab7 rgb(150,154,183)
```
#a2a6bf
```
#a2a6bf rgb(162,166,191)
```
#aeb1c7
```
#aeb1c7 rgb(174,177,199)
```
#b9bccf
```
#b9bccf rgb(185,188,207)
```
#c5c7d7
```
#c5c7d7 rgb(197,199,215)
```
#d0d2df
```
#d0d2df rgb(208,210,223)
```
#dcdde7
```
#dcdde7 rgb(220,221,231)
```
#e8e8ef
```
#e8e8ef rgb(232,232,239)
```
#f3f4f7
```
#f3f4f7 rgb(243,244,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#56565a
```
#56565a rgb(86,86,90)
```
#4f5161
```
#4f5161 rgb(79,81,97)
```
#484c68
```
#484c68 rgb(72,76,104)
```
#41476f
```
#41476f rgb(65,71,111)
```
#3a4276
```
#3a4276 rgb(58,66,118)
```
#343d7c
```
#343d7c rgb(52,61,124)
```
#2d3883
```
#2d3883 rgb(45,56,131)
```
#26338a
```
#26338a rgb(38,51,138)
```
#1f2e91
```
#1f2e91 rgb(31,46,145)
```
#192897
```
#192897 rgb(25,40,151)
```
#12239e
```
#12239e rgb(18,35,158)
```
#0b1ea5
```
#0b1ea5 rgb(11,30,165)
```
#0419ac
```
#0419ac rgb(4,25,172)
```

Tone Color Variation

Below, you can see how #484c68 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

#4e4e4e Achromatopsia 0.005% of the population
#4d4e53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5570 Protanopia 1% of men
#50556f Deuteranopia 1% of men
#4d585f Tritanopia 0.001% of the population

Trichromacy

#4c526d Protanomaly 1% of men, 0.01% of women
#4d526c Deuteranomaly 6% of men, 0.4% of women
#4b5462 Tritanomaly 0.01% of the population

#484c68 hex color

#484c68 Color Information

#484c68 Color Conversion

Color Schemes with #484c68

Alternatives to #484c68

#484c68 Preview

Shades and Tints of #484c68

Tones of #484c68

Color Blindness Simulator