#665648 hex color

In a RGB color space, hex #665648 is composed of 40% red, 33.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 29.4% yellow and 60% black. It has a hue angle of 28 degrees, a saturation of 17.2% and a lightness of 34.1%. #665648 color hex could be obtained by blending #ccac90 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 40
- G 34
- B 28
RGB color chart
- C 0
- M 16
- Y 29
- K 60
CMYK color chart

● #665648 color description : Very dark grayish orange.

The hexadecimal color #665648 has RGB values of R:102, G:86, B:72 and CMYK values of C:0, M:0.16, Y:0.29, K:0.6. Its decimal value is 6706760.

Hex triplet	665648	`#665648`
RGB Decimal	102, 86, 72	`rgb(102,86,72)`
RGB Percent	40, 33.7, 28.2	`rgb(40%,33.7%,28.2%)`
CMYK	0, 16, 29, 60
HSL	28°, 17.2, 34.1	`hsl(28,17.2%,34.1%)`
HSV (or HSB)	28°, 29.4, 40
Web Safe	666633	`#666633`

CIE-LAB	37.75, 4.18, 10.596
XYZ	9.977, 9.948, 7.525
xyY	0.363, 0.362, 9.948
CIE-LCH	37.75, 11.391, 68.47
CIE-LUV	37.75, 10.648, 11.885
Hunter-Lab	31.541, 1.264, 7.933
Binary	01100110, 01010110, 01001000

#665648
```
#665648 rgb(102,86,72)
```
#485866
```
#485866 rgb(72,88,102)
```

Complementary Color

#664849
```
#664849 rgb(102,72,73)
```
#665648
```
#665648 rgb(102,86,72)
```
#666548
```
#666548 rgb(102,101,72)
```

Analogous Color

#484966
```
#484966 rgb(72,73,102)
```
#665648
```
#665648 rgb(102,86,72)
```
#486665
```
#486665 rgb(72,102,101)
```

Split Complementary Color

#564866
```
#564866 rgb(86,72,102)
```
#665648
```
#665648 rgb(102,86,72)
```
#486656
```
#486656 rgb(72,102,86)
```

Triadic Color

#664858
```
#664858 rgb(102,72,88)
```
#665648
```
#665648 rgb(102,86,72)
```
#486656
```
#486656 rgb(72,102,86)
```
#485866
```
#485866 rgb(72,88,102)
```

Tetradic Color

#393028
```
#393028 rgb(57,48,40)
```
#483d33
```
#483d33 rgb(72,61,51)
```
#57493d
```
#57493d rgb(87,73,61)
```
#665648
```
#665648 rgb(102,86,72)
```
#756353
```
#756353 rgb(117,99,83)
```
#846f5d
```
#846f5d rgb(132,111,93)
```
#937c68
```
#937c68 rgb(147,124,104)
```

Monochromatic Color

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

#664f48
```
#664f48 rgb(102,79,72)
```
#665148
```
#665148 rgb(102,81,72)
```
#665448
```
#665448 rgb(102,84,72)
```
#665648
```
#665648 rgb(102,86,72)
```
#665948
```
#665948 rgb(102,89,72)
```
#665b48
```
#665b48 rgb(102,91,72)
```
#665e48
```
#665e48 rgb(102,94,72)
```

Similar Colors

Text with hexadecimal color #665648

This text has a font color of #665648.

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

#665648 background color

This paragraph has a background color of #665648.

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

#665648 border color

This element has a border color of #665648.

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

CSS codes

.text {color:#665648;}

.background {background-color:#665648;}

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

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, #0a0807 is the darkest color, while #fefefe is the lightest one.

#0a0807
```
#0a0807 rgb(10,8,7)
```
#16120f
```
#16120f rgb(22,18,15)
```
#211c17
```
#211c17 rgb(33,28,23)
```
#2d261f
```
#2d261f rgb(45,38,31)
```
#382f28
```
#382f28 rgb(56,47,40)
```
#443930
```
#443930 rgb(68,57,48)
```
#4f4338
```
#4f4338 rgb(79,67,56)
```
#5b4c40
```
#5b4c40 rgb(91,76,64)
```
#665648
```
#665648 rgb(102,86,72)
```
#716050
```
#716050 rgb(113,96,80)
```
#7d6958
```
#7d6958 rgb(125,105,88)
```
#887360
```
#887360 rgb(136,115,96)
```
#947d68
```
#947d68 rgb(148,125,104)
```

Shade Color Variation

#9d8774
```
#9d8774 rgb(157,135,116)
```
#a5917f
```
#a5917f rgb(165,145,127)
```
#ad9b8b
```
#ad9b8b rgb(173,155,139)
```
#b5a496
```
#b5a496 rgb(181,164,150)
```
#bdaea2
```
#bdaea2 rgb(189,174,162)
```
#c5b8ad
```
#c5b8ad rgb(197,184,173)
```
#cdc2b9
```
#cdc2b9 rgb(205,194,185)
```
#d5ccc4
```
#d5ccc4 rgb(213,204,196)
```
#ddd6d0
```
#ddd6d0 rgb(221,214,208)
```
#e6e0db
```
#e6e0db rgb(230,224,219)
```
#eeeae7
```
#eeeae7 rgb(238,234,231)
```
#f6f4f2
```
#f6f4f2 rgb(246,244,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#595755
```
#595755 rgb(89,87,85)
```
#5f564f
```
#5f564f rgb(95,86,79)
```
#665648
```
#665648 rgb(102,86,72)
```
#6d5641
```
#6d5641 rgb(109,86,65)
```
#73553b
```
#73553b rgb(115,85,59)
```
#7a5534
```
#7a5534 rgb(122,85,52)
```
#81542d
```
#81542d rgb(129,84,45)
```
#875427
```
#875427 rgb(135,84,39)
```
#8e5320
```
#8e5320 rgb(142,83,32)
```
#955319
```
#955319 rgb(149,83,25)
```
#9c5212
```
#9c5212 rgb(156,82,18)
```
#a2520c
```
#a2520c rgb(162,82,12)
```
#a95205
```
#a95205 rgb(169,82,5)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#5c5856 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666152 Protanopia 1% of men
#705d51 Deuteranopia 1% of men
#705c62 Tritanopia 0.001% of the population

Trichromacy

#665d4e Protanomaly 1% of men, 0.01% of women
#6c5b4e Deuteranomaly 6% of men, 0.4% of women
#6c5a59 Tritanomaly 0.01% of the population

#665648 hex color

#665648 Color Information

#665648 Color Conversion

Color Schemes with #665648

Alternatives to #665648

#665648 Preview

Shades and Tints of #665648

Tones of #665648

Color Blindness Simulator