#486772 hex color

In a RGB color space, hex #486772 is composed of 28.2% red, 40.4% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 36.8% cyan, 9.6% magenta, 0% yellow and 55.3% black. It has a hue angle of 195.7 degrees, a saturation of 22.6% and a lightness of 36.5%. #486772 color hex could be obtained by blending #90cee4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 40
- B 45
RGB color chart
- C 37
- M 10
- Y 0
- K 55
CMYK color chart

● #486772 color description : Very dark desaturated blue.

The hexadecimal color #486772 has RGB values of R:72, G:103, B:114 and CMYK values of C:0.37, M:0.1, Y:0, K:0.55. Its decimal value is 4745074.

Hex triplet	486772	`#486772`
RGB Decimal	72, 103, 114	`rgb(72,103,114)`
RGB Percent	28.2, 40.4, 44.7	`rgb(28.2%,40.4%,44.7%)`
CMYK	37, 10, 0, 55
HSL	195.7°, 22.6, 36.5	`hsl(195.7,22.6%,36.5%)`
HSV (or HSB)	195.7°, 36.8, 44.7
Web Safe	336666	`#336666`

CIE-LAB	41.678, -8.247, -9.781
XYZ	10.559, 12.293, 17.735
xyY	0.26, 0.303, 12.293
CIE-LCH	41.678, 12.793, 229.863
CIE-LUV	41.678, -14.973, -12.195
Hunter-Lab	35.061, -7.598, -5.448
Binary	01001000, 01100111, 01110010

#486772
```
#486772 rgb(72,103,114)
```
#725348
```
#725348 rgb(114,83,72)
```

Complementary Color

#487268
```
#487268 rgb(72,114,104)
```
#486772
```
#486772 rgb(72,103,114)
```
#485272
```
#485272 rgb(72,82,114)
```

Analogous Color

#726848
```
#726848 rgb(114,104,72)
```
#486772
```
#486772 rgb(72,103,114)
```
#724852
```
#724852 rgb(114,72,82)
```

Split Complementary Color

#677248
```
#677248 rgb(103,114,72)
```
#486772
```
#486772 rgb(72,103,114)
```
#724867
```
#724867 rgb(114,72,103)
```

Triadic Color

#487253
```
#487253 rgb(72,114,83)
```
#486772
```
#486772 rgb(72,103,114)
```
#724867
```
#724867 rgb(114,72,103)
```
#725348
```
#725348 rgb(114,83,72)
```

Tetradic Color

#2a3d43
```
#2a3d43 rgb(42,61,67)
```
#344b53
```
#344b53 rgb(52,75,83)
```
#3e5962
```
#3e5962 rgb(62,89,98)
```
#486772
```
#486772 rgb(72,103,114)
```
#527582
```
#527582 rgb(82,117,130)
```
#5c8391
```
#5c8391 rgb(92,131,145)
```
#67919f
```
#67919f rgb(103,145,159)
```

Monochromatic Color

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

#487272
```
#487272 rgb(72,114,114)
```
#486e72
```
#486e72 rgb(72,110,114)
```
#486b72
```
#486b72 rgb(72,107,114)
```
#486772
```
#486772 rgb(72,103,114)
```
#486472
```
#486472 rgb(72,100,114)
```
#486072
```
#486072 rgb(72,96,114)
```
#485d72
```
#485d72 rgb(72,93,114)
```

Similar Colors

Text with hexadecimal color #486772

This text has a font color of #486772.

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

#486772 background color

This paragraph has a background color of #486772.

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

#486772 border color

This element has a border color of #486772.

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

CSS codes

.text {color:#486772;}

.background {background-color:#486772;}

.border {border:1px solid #486772;}

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

#040506
```
#040506 rgb(4,5,6)
```
#0b1012
```
#0b1012 rgb(11,16,18)
```
#131b1e
```
#131b1e rgb(19,27,30)
```
#1a262a
```
#1a262a rgb(26,38,42)
```
#223136
```
#223136 rgb(34,49,54)
```
#2a3c42
```
#2a3c42 rgb(42,60,66)
```
#31464e
```
#31464e rgb(49,70,78)
```
#39515a
```
#39515a rgb(57,81,90)
```
#405c66
```
#405c66 rgb(64,92,102)
```
#486772
```
#486772 rgb(72,103,114)
```
#50727e
```
#50727e rgb(80,114,126)
```
#577d8a
```
#577d8a rgb(87,125,138)
```
#5f8896
```
#5f8896 rgb(95,136,150)
```

Shade Color Variation

#6991a0
```
#6991a0 rgb(105,145,160)
```
#759aa8
```
#759aa8 rgb(117,154,168)
```
#81a3af
```
#81a3af rgb(129,163,175)
```
#8dacb7
```
#8dacb7 rgb(141,172,183)
```
#99b4be
```
#99b4be rgb(153,180,190)
```
#a5bdc6
```
#a5bdc6 rgb(165,189,198)
```
#b1c6ce
```
#b1c6ce rgb(177,198,206)
```
#bdcfd5
```
#bdcfd5 rgb(189,207,213)
```
#c9d7dd
```
#c9d7dd rgb(201,215,221)
```
#d5e0e4
```
#d5e0e4 rgb(213,224,228)
```
#e1e9ec
```
#e1e9ec rgb(225,233,236)
```
#edf2f3
```
#edf2f3 rgb(237,242,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#566064
```
#566064 rgb(86,96,100)
```
#4f646b
```
#4f646b rgb(79,100,107)
```
#486772
```
#486772 rgb(72,103,114)
```
#416a79
```
#416a79 rgb(65,106,121)
```
#3a6e80
```
#3a6e80 rgb(58,110,128)
```
#337187
```
#337187 rgb(51,113,135)
```
#2b758f
```
#2b758f rgb(43,117,143)
```
#247896
```
#247896 rgb(36,120,150)
```
#1d7b9d
```
#1d7b9d rgb(29,123,157)
```
#167fa4
```
#167fa4 rgb(22,127,164)
```
#0f82ab
```
#0f82ab rgb(15,130,171)
```
#0886b2
```
#0886b2 rgb(8,134,178)
```
#0089ba
```
#0089ba rgb(0,137,186)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5a6163 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686976 Protanopia 1% of men
#6b687b Deuteranopia 1% of men
#506f77 Tritanopia 0.001% of the population

Trichromacy

#5c6874 Protanomaly 1% of men, 0.01% of women
#5e6778 Deuteranomaly 6% of men, 0.4% of women
#4d6c75 Tritanomaly 0.01% of the population

#486772 hex color

#486772 Color Information

#486772 Color Conversion

Color Schemes with #486772

Alternatives to #486772

#486772 Preview

Shades and Tints of #486772

Tones of #486772

Color Blindness Simulator