#486a71 hex color

In a RGB color space, hex #486a71 is composed of 28.2% red, 41.6% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 36.3% cyan, 6.2% magenta, 0% yellow and 55.7% black. It has a hue angle of 190.2 degrees, a saturation of 22.2% and a lightness of 36.3%. #486a71 color hex could be obtained by blending #90d4e2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 42
- B 44
RGB color chart
- C 36
- M 6
- Y 0
- K 56
CMYK color chart

● #486a71 color description : Very dark desaturated cyan.

The hexadecimal color #486a71 has RGB values of R:72, G:106, B:113 and CMYK values of C:0.36, M:0.06, Y:0, K:0.56. Its decimal value is 4745841.

Hex triplet	486a71	`#486a71`
RGB Decimal	72, 106, 113	`rgb(72,106,113)`
RGB Percent	28.2, 41.6, 44.3	`rgb(28.2%,41.6%,44.3%)`
CMYK	36, 6, 0, 56
HSL	190.2°, 22.2, 36.3	`hsl(190.2,22.2%,36.3%)`
HSV (or HSB)	190.2°, 36.3, 44.3
Web Safe	336666	`#336666`

CIE-LAB	42.578, -10.268, -7.822
XYZ	10.806, 12.878, 17.538
xyY	0.262, 0.312, 12.878
CIE-LCH	42.578, 12.908, 217.3
CIE-LUV	42.578, -16.259, -9.211
Hunter-Lab	35.885, -9.046, -3.857
Binary	01001000, 01101010, 01110001

#486a71
```
#486a71 rgb(72,106,113)
```
#714f48
```
#714f48 rgb(113,79,72)
```

Complementary Color

#487164
```
#487164 rgb(72,113,100)
```
#486a71
```
#486a71 rgb(72,106,113)
```
#485671
```
#485671 rgb(72,86,113)
```

Analogous Color

#716448
```
#716448 rgb(113,100,72)
```
#486a71
```
#486a71 rgb(72,106,113)
```
#714856
```
#714856 rgb(113,72,86)
```

Split Complementary Color

#6a7148
```
#6a7148 rgb(106,113,72)
```
#486a71
```
#486a71 rgb(72,106,113)
```
#71486a
```
#71486a rgb(113,72,106)
```

Triadic Color

#48714f
```
#48714f rgb(72,113,79)
```
#486a71
```
#486a71 rgb(72,106,113)
```
#71486a
```
#71486a rgb(113,72,106)
```
#714f48
```
#714f48 rgb(113,79,72)
```

Tetradic Color

#2a3e42
```
#2a3e42 rgb(42,62,66)
```
#344d52
```
#344d52 rgb(52,77,82)
```
#3e5b61
```
#3e5b61 rgb(62,91,97)
```
#486a71
```
#486a71 rgb(72,106,113)
```
#527981
```
#527981 rgb(82,121,129)
```
#5c8790
```
#5c8790 rgb(92,135,144)
```
#67959e
```
#67959e rgb(103,149,158)
```

Monochromatic Color

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

#48716e
```
#48716e rgb(72,113,110)
```
#487171
```
#487171 rgb(72,113,113)
```
#486d71
```
#486d71 rgb(72,109,113)
```
#486a71
```
#486a71 rgb(72,106,113)
```
#486771
```
#486771 rgb(72,103,113)
```
#486371
```
#486371 rgb(72,99,113)
```
#486071
```
#486071 rgb(72,96,113)
```

Similar Colors

Text with hexadecimal color #486a71

This text has a font color of #486a71.

<span style="color:#486a71;">Text here</span>

#486a71 background color

This paragraph has a background color of #486a71.

<p style="background-color:#486a71;">Content here</p>

#486a71 border color

This element has a border color of #486a71.

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

CSS codes

.text {color:#486a71;}

.background {background-color:#486a71;}

.border {border:1px solid #486a71;}

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

#030505
```
#030505 rgb(3,5,5)
```
#0b1011
```
#0b1011 rgb(11,16,17)
```
#131b1d
```
#131b1d rgb(19,27,29)
```
#1a2729
```
#1a2729 rgb(26,39,41)
```
#223235
```
#223235 rgb(34,50,53)
```
#293d41
```
#293d41 rgb(41,61,65)
```
#31484d
```
#31484d rgb(49,72,77)
```
#395459
```
#395459 rgb(57,84,89)
```
#405f65
```
#405f65 rgb(64,95,101)
```
#486a71
```
#486a71 rgb(72,106,113)
```
#50757d
```
#50757d rgb(80,117,125)
```
#578089
```
#578089 rgb(87,128,137)
```
#5f8c95
```
#5f8c95 rgb(95,140,149)
```

Shade Color Variation

#68969f
```
#68969f rgb(104,150,159)
```
#749ea7
```
#749ea7 rgb(116,158,167)
```
#80a6ae
```
#80a6ae rgb(128,166,174)
```
#8cafb6
```
#8cafb6 rgb(140,175,182)
```
#98b7be
```
#98b7be rgb(152,183,190)
```
#a4c0c5
```
#a4c0c5 rgb(164,192,197)
```
#b0c8cd
```
#b0c8cd rgb(176,200,205)
```
#bcd0d4
```
#bcd0d4 rgb(188,208,212)
```
#c8d9dc
```
#c8d9dc rgb(200,217,220)
```
#d4e1e4
```
#d4e1e4 rgb(212,225,228)
```
#e0e9eb
```
#e0e9eb rgb(224,233,235)
```
#ecf2f3
```
#ecf2f3 rgb(236,242,243)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#566163
```
#566163 rgb(86,97,99)
```
#4f656a
```
#4f656a rgb(79,101,106)
```
#486a71
```
#486a71 rgb(72,106,113)
```
#416f78
```
#416f78 rgb(65,111,120)
```
#3a737f
```
#3a737f rgb(58,115,127)
```
#337886
```
#337886 rgb(51,120,134)
```
#2c7d8d
```
#2c7d8d rgb(44,125,141)
```
#248195
```
#248195 rgb(36,129,149)
```
#1d869c
```
#1d869c rgb(29,134,156)
```
#168ba3
```
#168ba3 rgb(22,139,163)
```
#0f8faa
```
#0f8faa rgb(15,143,170)
```
#0894b1
```
#0894b1 rgb(8,148,177)
```
#0199b8
```
#0199b8 rgb(1,153,184)
```

Tone Color Variation

Below, you can see how #486a71 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

#616161 Achromatopsia 0.005% of the population
#5c6364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6b75 Protanopia 1% of men
#6f6a7b Deuteranopia 1% of men
#517179 Tritanopia 0.001% of the population

Trichromacy

#5e6b73 Protanomaly 1% of men, 0.01% of women
#616a77 Deuteranomaly 6% of men, 0.4% of women
#4e6e76 Tritanomaly 0.01% of the population

#486a71 hex color

#486a71 Color Information

#486a71 Color Conversion

Color Schemes with #486a71

Alternatives to #486a71

#486a71 Preview

Shades and Tints of #486a71

Tones of #486a71

Color Blindness Simulator