#4a5f68 hex color

In a RGB color space, hex #4a5f68 is composed of 29% red, 37.3% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 28.8% cyan, 8.7% magenta, 0% yellow and 59.2% black. It has a hue angle of 198 degrees, a saturation of 16.9% and a lightness of 34.9%. #4a5f68 color hex could be obtained by blending #94bed0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 29
- G 37
- B 41
RGB color chart
- C 29
- M 9
- Y 0
- K 59
CMYK color chart

● #4a5f68 color description : Very dark grayish blue.

The hexadecimal color #4a5f68 has RGB values of R:74, G:95, B:104 and CMYK values of C:0.29, M:0.09, Y:0, K:0.59. Its decimal value is 4874088.

Hex triplet	4a5f68	`#4a5f68`
RGB Decimal	74, 95, 104	`rgb(74,95,104)`
RGB Percent	29, 37.3, 40.8	`rgb(29%,37.3%,40.8%)`
CMYK	29, 9, 0, 59
HSL	198°, 16.9, 34.9	`hsl(198,16.9%,34.9%)`
HSV (or HSB)	198°, 28.8, 40.8
Web Safe	336666	`#336666`

CIE-LAB	38.966, -5.582, -7.722
XYZ	9.414, 10.639, 14.654
xyY	0.271, 0.307, 10.639
CIE-LCH	38.966, 9.529, 234.137
CIE-LUV	38.966, -10.646, -9.479
Hunter-Lab	32.618, -5.562, -3.803
Binary	01001010, 01011111, 01101000

#4a5f68
```
#4a5f68 rgb(74,95,104)
```
#68534a
```
#68534a rgb(104,83,74)
```

Complementary Color

#4a6862
```
#4a6862 rgb(74,104,98)
```
#4a5f68
```
#4a5f68 rgb(74,95,104)
```
#4a5068
```
#4a5068 rgb(74,80,104)
```

Analogous Color

#68624a
```
#68624a rgb(104,98,74)
```
#4a5f68
```
#4a5f68 rgb(74,95,104)
```
#684a50
```
#684a50 rgb(104,74,80)
```

Split Complementary Color

#5f684a
```
#5f684a rgb(95,104,74)
```
#4a5f68
```
#4a5f68 rgb(74,95,104)
```
#684a5f
```
#684a5f rgb(104,74,95)
```

Triadic Color

#4a6853
```
#4a6853 rgb(74,104,83)
```
#4a5f68
```
#4a5f68 rgb(74,95,104)
```
#684a5f
```
#684a5f rgb(104,74,95)
```
#68534a
```
#68534a rgb(104,83,74)
```

Tetradic Color

#2a363b
```
#2a363b rgb(42,54,59)
```
#35444a
```
#35444a rgb(53,68,74)
```
#3f5159
```
#3f5159 rgb(63,81,89)
```
#4a5f68
```
#4a5f68 rgb(74,95,104)
```
#556d77
```
#556d77 rgb(85,109,119)
```
#5f7a86
```
#5f7a86 rgb(95,122,134)
```
#6a8895
```
#6a8895 rgb(106,136,149)
```

Monochromatic Color

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

#4a6768
```
#4a6768 rgb(74,103,104)
```
#4a6468
```
#4a6468 rgb(74,100,104)
```
#4a6268
```
#4a6268 rgb(74,98,104)
```
#4a5f68
```
#4a5f68 rgb(74,95,104)
```
#4a5d68
```
#4a5d68 rgb(74,93,104)
```
#4a5a68
```
#4a5a68 rgb(74,90,104)
```
#4a5868
```
#4a5868 rgb(74,88,104)
```

Similar Colors

Text with hexadecimal color #4a5f68

This text has a font color of #4a5f68.

<span style="color:#4a5f68;">Text here</span>

#4a5f68 background color

This paragraph has a background color of #4a5f68.

<p style="background-color:#4a5f68;">Content here</p>

#4a5f68 border color

This element has a border color of #4a5f68.

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

CSS codes

.text {color:#4a5f68;}

.background {background-color:#4a5f68;}

.border {border:1px solid #4a5f68;}

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

#010101
```
#010101 rgb(1,1,1)
```
#090b0c
```
#090b0c rgb(9,11,12)
```
#111618
```
#111618 rgb(17,22,24)
```
#192023
```
#192023 rgb(25,32,35)
```
#212b2f
```
#212b2f rgb(33,43,47)
```
#29353a
```
#29353a rgb(41,53,58)
```
#324046
```
#324046 rgb(50,64,70)
```
#3a4a51
```
#3a4a51 rgb(58,74,81)
```
#42555d
```
#42555d rgb(66,85,93)
```
#4a5f68
```
#4a5f68 rgb(74,95,104)
```
#526973
```
#526973 rgb(82,105,115)
```
#5a747f
```
#5a747f rgb(90,116,127)
```
#627e8a
```
#627e8a rgb(98,126,138)
```

Shade Color Variation

#6b8996
```
#6b8996 rgb(107,137,150)
```
#76929e
```
#76929e rgb(118,146,158)
```
#829ba6
```
#829ba6 rgb(130,155,166)
```
#8da4ae
```
#8da4ae rgb(141,164,174)
```
#99adb6
```
#99adb6 rgb(153,173,182)
```
#a4b7be
```
#a4b7be rgb(164,183,190)
```
#b0c0c7
```
#b0c0c7 rgb(176,192,199)
```
#bbc9cf
```
#bbc9cf rgb(187,201,207)
```
#c7d2d7
```
#c7d2d7 rgb(199,210,215)
```
#d2dbdf
```
#d2dbdf rgb(210,219,223)
```
#dde4e7
```
#dde4e7 rgb(221,228,231)
```
#e9edef
```
#e9edef rgb(233,237,239)
```
#f4f7f7
```
#f4f7f7 rgb(244,247,247)
```

Tint Color Variation

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

#585a5a
```
#585a5a rgb(88,90,90)
```
#515c61
```
#515c61 rgb(81,92,97)
```
#4a5f68
```
#4a5f68 rgb(74,95,104)
```
#43626f
```
#43626f rgb(67,98,111)
```
#3c6476
```
#3c6476 rgb(60,100,118)
```
#35677d
```
#35677d rgb(53,103,125)
```
#2f6a83
```
#2f6a83 rgb(47,106,131)
```
#286d8a
```
#286d8a rgb(40,109,138)
```
#216f91
```
#216f91 rgb(33,111,145)
```
#1a7298
```
#1a7298 rgb(26,114,152)
```
#13759f
```
#13759f rgb(19,117,159)
```
#0c78a6
```
#0c78a6 rgb(12,120,166)
```
#067aac
```
#067aac rgb(6,122,172)
```

Tone Color Variation

Below, you can see how #4a5f68 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

#5a5a5a Achromatopsia 0.005% of the population
#575b5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#63636d Protanopia 1% of men
#666171 Deuteranopia 1% of men
#53676e Tritanopia 0.001% of the population

Trichromacy

#59616b Protanomaly 1% of men, 0.01% of women
#5c606e Deuteranomaly 6% of men, 0.4% of women
#4f646c Tritanomaly 0.01% of the population

#4a5f68 hex color

#4a5f68 Color Information

#4a5f68 Color Conversion

Color Schemes with #4a5f68

Alternatives to #4a5f68

#4a5f68 Preview

Shades and Tints of #4a5f68

Tones of #4a5f68

Color Blindness Simulator