#648696 hex color

In a RGB color space, hex #648696 is composed of 39.2% red, 52.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 10.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 199.2 degrees, a saturation of 20% and a lightness of 49%. #648696 color hex could be obtained by blending #c8ffff with #000d2d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 39
- G 53
- B 59
RGB color chart
- C 33
- M 11
- Y 0
- K 41
CMYK color chart

● #648696 color description : Mostly desaturated dark blue.

The hexadecimal color #648696 has RGB values of R:100, G:134, B:150 and CMYK values of C:0.33, M:0.11, Y:0, K:0.41. Its decimal value is 6588054.

Hex triplet	648696	`#648696`
RGB Decimal	100, 134, 150	`rgb(100,134,150)`
RGB Percent	39.2, 52.5, 58.8	`rgb(39.2%,52.5%,58.8%)`
CMYK	33, 11, 0, 41
HSL	199.2°, 20, 49	`hsl(199.2,20%,49%)`
HSV (or HSB)	199.2°, 33.3, 58.8
Web Safe	669999	`#669999`

CIE-LAB	53.985, -7.856, -12.412
XYZ	19.284, 21.961, 32.075
xyY	0.263, 0.3, 21.961
CIE-LCH	53.985, 14.689, 237.667
CIE-LUV	53.985, -17.171, -16.919
Hunter-Lab	46.862, -8.554, -7.778
Binary	01100100, 10000110, 10010110

#648696
```
#648696 rgb(100,134,150)
```
#967464
```
#967464 rgb(150,116,100)
```

Complementary Color

#64968d
```
#64968d rgb(100,150,141)
```
#648696
```
#648696 rgb(100,134,150)
```
#646d96
```
#646d96 rgb(100,109,150)
```

Analogous Color

#968d64
```
#968d64 rgb(150,141,100)
```
#648696
```
#648696 rgb(100,134,150)
```
#96646d
```
#96646d rgb(150,100,109)
```

Split Complementary Color

#869664
```
#869664 rgb(134,150,100)
```
#648696
```
#648696 rgb(100,134,150)
```
#966486
```
#966486 rgb(150,100,134)
```

Triadic Color

#649674
```
#649674 rgb(100,150,116)
```
#648696
```
#648696 rgb(100,134,150)
```
#966486
```
#966486 rgb(150,100,134)
```
#967464
```
#967464 rgb(150,116,100)
```

Tetradic Color

#455d68
```
#455d68 rgb(69,93,104)
```
#506b77
```
#506b77 rgb(80,107,119)
```
#5a7887
```
#5a7887 rgb(90,120,135)
```
#648696
```
#648696 rgb(100,134,150)
```
#7292a1
```
#7292a1 rgb(114,146,161)
```
#829eab
```
#829eab rgb(130,158,171)
```
#91aab6
```
#91aab6 rgb(145,170,182)
```

Monochromatic Color

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

#649396
```
#649396 rgb(100,147,150)
```
#648e96
```
#648e96 rgb(100,142,150)
```
#648a96
```
#648a96 rgb(100,138,150)
```
#648696
```
#648696 rgb(100,134,150)
```
#648296
```
#648296 rgb(100,130,150)
```
#647e96
```
#647e96 rgb(100,126,150)
```
#647a96
```
#647a96 rgb(100,122,150)
```

Similar Colors

Text with hexadecimal color #648696

This text has a font color of #648696.

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

#648696 background color

This paragraph has a background color of #648696.

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

#648696 border color

This element has a border color of #648696.

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

CSS codes

.text {color:#648696;}

.background {background-color:#648696;}

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

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

#060809
```
#060809 rgb(6,8,9)
```
#0e1215
```
#0e1215 rgb(14,18,21)
```
#161d20
```
#161d20 rgb(22,29,32)
```
#1d272c
```
#1d272c rgb(29,39,44)
```
#253238
```
#253238 rgb(37,50,56)
```
#2d3c44
```
#2d3c44 rgb(45,60,68)
```
#35474f
```
#35474f rgb(53,71,79)
```
#3d515b
```
#3d515b rgb(61,81,91)
```
#455c67
```
#455c67 rgb(69,92,103)
```
#4c6673
```
#4c6673 rgb(76,102,115)
```
#54717e
```
#54717e rgb(84,113,126)
```
#5c7b8a
```
#5c7b8a rgb(92,123,138)
```
#648696
```
#648696 rgb(100,134,150)
```

Shade Color Variation

#6f8f9f
```
#6f8f9f rgb(111,143,159)
```
#7b99a7
```
#7b99a7 rgb(123,153,167)
```
#86a2af
```
#86a2af rgb(134,162,175)
```
#92abb6
```
#92abb6 rgb(146,171,182)
```
#9eb4be
```
#9eb4be rgb(158,180,190)
```
#aabdc6
```
#aabdc6 rgb(170,189,198)
```
#b5c6ce
```
#b5c6ce rgb(181,198,206)
```
#c1cfd6
```
#c1cfd6 rgb(193,207,214)
```
#cdd8de
```
#cdd8de rgb(205,216,222)
```
#d9e1e5
```
#d9e1e5 rgb(217,225,229)
```
#e4eaed
```
#e4eaed rgb(228,234,237)
```
#f0f4f5
```
#f0f4f5 rgb(240,244,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#777f83
```
#777f83 rgb(119,127,131)
```
#6e838c
```
#6e838c rgb(110,131,140)
```
#648696
```
#648696 rgb(100,134,150)
```
#5a89a0
```
#5a89a0 rgb(90,137,160)
```
#518da9
```
#518da9 rgb(81,141,169)
```
#4790b3
```
#4790b3 rgb(71,144,179)
```
#3e94bc
```
#3e94bc rgb(62,148,188)
```
#3497c6
```
#3497c6 rgb(52,151,198)
```
#2a9bd0
```
#2a9bd0 rgb(42,155,208)
```
#219ed9
```
#219ed9 rgb(33,158,217)
```
#17a2e3
```
#17a2e3 rgb(23,162,227)
```
#0da5ed
```
#0da5ed rgb(13,165,237)
```
#04a9f6
```
#04a9f6 rgb(4,169,246)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#798083 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848698 Protanopia 1% of men
#88849e Deuteranopia 1% of men
#6a8d97 Tritanopia 0.001% of the population

Trichromacy

#788697 Protanomaly 1% of men, 0.01% of women
#7b859b Deuteranomaly 6% of men, 0.4% of women
#688a96 Tritanomaly 0.01% of the population

#648696 hex color

#648696 Color Information

#648696 Color Conversion

Color Schemes with #648696

Alternatives to #648696

#648696 Preview

Shades and Tints of #648696

Tones of #648696

Color Blindness Simulator