#486669 hex color

In a RGB color space, hex #486669 is composed of 28.2% red, 40% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 2.9% magenta, 0% yellow and 58.8% black. It has a hue angle of 185.5 degrees, a saturation of 18.6% and a lightness of 34.7%. #486669 color hex could be obtained by blending #90ccd2 with #000000. Closest websafe color is: #336666.

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

● #486669 color description : Very dark grayish cyan.

The hexadecimal color #486669 has RGB values of R:72, G:102, B:105 and CMYK values of C:0.31, M:0.03, Y:0, K:0.59. Its decimal value is 4744809.

Hex triplet	486669	`#486669`
RGB Decimal	72, 102, 105	`rgb(72,102,105)`
RGB Percent	28.2, 40, 41.2	`rgb(28.2%,40%,41.2%)`
CMYK	31, 3, 0, 59
HSL	185.5°, 18.6, 34.7	`hsl(185.5,18.6%,34.7%)`
HSV (or HSB)	185.5°, 31.4, 41.2
Web Safe	336666	`#336666`

CIE-LAB	41.057, -10.104, -5.23
XYZ	9.973, 11.9, 15.135
xyY	0.269, 0.322, 11.9
CIE-LCH	41.057, 11.377, 207.365
CIE-LUV	41.057, -14.556, -5.555
Hunter-Lab	34.496, -8.764, -1.866
Binary	01001000, 01100110, 01101001

#486669
```
#486669 rgb(72,102,105)
```
#694b48
```
#694b48 rgb(105,75,72)
```

Complementary Color

#48695c
```
#48695c rgb(72,105,92)
```
#486669
```
#486669 rgb(72,102,105)
```
#485669
```
#485669 rgb(72,86,105)
```

Analogous Color

#695c48
```
#695c48 rgb(105,92,72)
```
#486669
```
#486669 rgb(72,102,105)
```
#694856
```
#694856 rgb(105,72,86)
```

Split Complementary Color

#666948
```
#666948 rgb(102,105,72)
```
#486669
```
#486669 rgb(72,102,105)
```
#694866
```
#694866 rgb(105,72,102)
```

Triadic Color

#48694b
```
#48694b rgb(72,105,75)
```
#486669
```
#486669 rgb(72,102,105)
```
#694866
```
#694866 rgb(105,72,102)
```
#694b48
```
#694b48 rgb(105,75,72)
```

Tetradic Color

#293a3c
```
#293a3c rgb(41,58,60)
```
#33494b
```
#33494b rgb(51,73,75)
```
#3e575a
```
#3e575a rgb(62,87,90)
```
#486669
```
#486669 rgb(72,102,105)
```
#527578
```
#527578 rgb(82,117,120)
```
#5d8387
```
#5d8387 rgb(93,131,135)
```
#679296
```
#679296 rgb(103,146,150)
```

Monochromatic Color

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

#486964
```
#486964 rgb(72,105,100)
```
#486967
```
#486967 rgb(72,105,103)
```
#486969
```
#486969 rgb(72,105,105)
```
#486669
```
#486669 rgb(72,102,105)
```
#486369
```
#486369 rgb(72,99,105)
```
#486169
```
#486169 rgb(72,97,105)
```
#485e69
```
#485e69 rgb(72,94,105)
```

Similar Colors

Text with hexadecimal color #486669

This text has a font color of #486669.

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

#486669 background color

This paragraph has a background color of #486669.

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

#486669 border color

This element has a border color of #486669.

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

CSS codes

.text {color:#486669;}

.background {background-color:#486669;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080c0c
```
#080c0c rgb(8,12,12)
```
#101718
```
#101718 rgb(16,23,24)
```
#182223
```
#182223 rgb(24,34,35)
```
#202d2f
```
#202d2f rgb(32,45,47)
```
#28393a
```
#28393a rgb(40,57,58)
```
#304446
```
#304446 rgb(48,68,70)
```
#384f52
```
#384f52 rgb(56,79,82)
```
#405b5d
```
#405b5d rgb(64,91,93)
```
#486669
```
#486669 rgb(72,102,105)
```
#507175
```
#507175 rgb(80,113,117)
```
#587d80
```
#587d80 rgb(88,125,128)
```
#60888c
```
#60888c rgb(96,136,140)
```

Shade Color Variation

#689397
```
#689397 rgb(104,147,151)
```
#749b9f
```
#749b9f rgb(116,155,159)
```
#7fa4a7
```
#7fa4a7 rgb(127,164,167)
```
#8bacaf
```
#8bacaf rgb(139,172,175)
```
#97b4b7
```
#97b4b7 rgb(151,180,183)
```
#a2bdbf
```
#a2bdbf rgb(162,189,191)
```
#aec5c7
```
#aec5c7 rgb(174,197,199)
```
#b9cdcf
```
#b9cdcf rgb(185,205,207)
```
#c5d6d7
```
#c5d6d7 rgb(197,214,215)
```
#d1dedf
```
#d1dedf rgb(209,222,223)
```
#dce6e7
```
#dce6e7 rgb(220,230,231)
```
#e8efef
```
#e8efef rgb(232,239,239)
```
#f4f7f7
```
#f4f7f7 rgb(244,247,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565b5b is the less saturated color, while #049ead is the most saturated one.

#565b5b
```
#565b5b rgb(86,91,91)
```
#4f6062
```
#4f6062 rgb(79,96,98)
```
#486669
```
#486669 rgb(72,102,105)
```
#416c70
```
#416c70 rgb(65,108,112)
```
#3a7177
```
#3a7177 rgb(58,113,119)
```
#34777d
```
#34777d rgb(52,119,125)
```
#2d7c84
```
#2d7c84 rgb(45,124,132)
```
#26828b
```
#26828b rgb(38,130,139)
```
#1f8792
```
#1f8792 rgb(31,135,146)
```
#188d99
```
#188d99 rgb(24,141,153)
```
#12939f
```
#12939f rgb(18,147,159)
```
#0b98a6
```
#0b98a6 rgb(11,152,166)
```
#049ead
```
#049ead rgb(4,158,173)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#595f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#69686d Protanopia 1% of men
#6d6673 Deuteranopia 1% of men
#526d75 Tritanopia 0.001% of the population

Trichromacy

#5d676c Protanomaly 1% of men, 0.01% of women
#60666f Deuteranomaly 6% of men, 0.4% of women
#4e6a70 Tritanomaly 0.01% of the population

#486669 hex color

#486669 Color Information

#486669 Color Conversion

Color Schemes with #486669

Alternatives to #486669

#486669 Preview

Shades and Tints of #486669

Tones of #486669

Color Blindness Simulator