#648196 hex color

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

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

● #648196 color description : Mostly desaturated dark blue.

The hexadecimal color #648196 has RGB values of R:100, G:129, B:150 and CMYK values of C:0.33, M:0.14, Y:0, K:0.41. Its decimal value is 6586774.

Hex triplet	648196	`#648196`
RGB Decimal	100, 129, 150	`rgb(100,129,150)`
RGB Percent	39.2, 50.6, 58.8	`rgb(39.2%,50.6%,58.8%)`
CMYK	33, 14, 0, 41
HSL	205.2°, 20, 49	`hsl(205.2,20%,49%)`
HSV (or HSB)	205.2°, 33.3, 58.8
Web Safe	669999	`#669999`

CIE-LAB	52.521, -5.013, -14.624
XYZ	18.61, 20.611, 31.85
xyY	0.262, 0.29, 20.611
CIE-LCH	52.521, 15.46, 251.077
CIE-LUV	52.521, -15.021, -20.579
Hunter-Lab	45.4, -6.281, -9.816
Binary	01100100, 10000001, 10010110

#648196
```
#648196 rgb(100,129,150)
```
#967964
```
#967964 rgb(150,121,100)
```

Complementary Color

#649692
```
#649692 rgb(100,150,146)
```
#648196
```
#648196 rgb(100,129,150)
```
#646896
```
#646896 rgb(100,104,150)
```

Analogous Color

#969264
```
#969264 rgb(150,146,100)
```
#648196
```
#648196 rgb(100,129,150)
```
#966468
```
#966468 rgb(150,100,104)
```

Split Complementary Color

#819664
```
#819664 rgb(129,150,100)
```
#648196
```
#648196 rgb(100,129,150)
```
#966481
```
#966481 rgb(150,100,129)
```

Triadic Color

#649679
```
#649679 rgb(100,150,121)
```
#648196
```
#648196 rgb(100,129,150)
```
#966481
```
#966481 rgb(150,100,129)
```
#967964
```
#967964 rgb(150,121,100)
```

Tetradic Color

#455a68
```
#455a68 rgb(69,90,104)
```
#506777
```
#506777 rgb(80,103,119)
```
#5a7487
```
#5a7487 rgb(90,116,135)
```
#648196
```
#648196 rgb(100,129,150)
```
#728ea1
```
#728ea1 rgb(114,142,161)
```
#829aab
```
#829aab rgb(130,154,171)
```
#91a6b6
```
#91a6b6 rgb(145,166,182)
```

Monochromatic Color

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

#648e96
```
#648e96 rgb(100,142,150)
```
#648996
```
#648996 rgb(100,137,150)
```
#648596
```
#648596 rgb(100,133,150)
```
#648196
```
#648196 rgb(100,129,150)
```
#647d96
```
#647d96 rgb(100,125,150)
```
#647996
```
#647996 rgb(100,121,150)
```
#647596
```
#647596 rgb(100,117,150)
```

Similar Colors

Text with hexadecimal color #648196

This text has a font color of #648196.

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

#648196 background color

This paragraph has a background color of #648196.

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

#648196 border color

This element has a border color of #648196.

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

CSS codes

.text {color:#648196;}

.background {background-color:#648196;}

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

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)
```
#161c20
```
#161c20 rgb(22,28,32)
```
#1d262c
```
#1d262c rgb(29,38,44)
```
#253038
```
#253038 rgb(37,48,56)
```
#2d3a44
```
#2d3a44 rgb(45,58,68)
```
#35444f
```
#35444f rgb(53,68,79)
```
#3d4e5b
```
#3d4e5b rgb(61,78,91)
```
#455967
```
#455967 rgb(69,89,103)
```
#4c6373
```
#4c6373 rgb(76,99,115)
```
#546d7e
```
#546d7e rgb(84,109,126)
```
#5c778a
```
#5c778a rgb(92,119,138)
```
#648196
```
#648196 rgb(100,129,150)
```

Shade Color Variation

#6f8b9f
```
#6f8b9f rgb(111,139,159)
```
#7b94a7
```
#7b94a7 rgb(123,148,167)
```
#869eaf
```
#869eaf rgb(134,158,175)
```
#92a7b6
```
#92a7b6 rgb(146,167,182)
```
#9eb1be
```
#9eb1be rgb(158,177,190)
```
#aabac6
```
#aabac6 rgb(170,186,198)
```
#b5c4ce
```
#b5c4ce rgb(181,196,206)
```
#c1cdd6
```
#c1cdd6 rgb(193,205,214)
```
#cdd7de
```
#cdd7de rgb(205,215,222)
```
#d9e0e5
```
#d9e0e5 rgb(217,224,229)
```
#e4eaed
```
#e4eaed rgb(228,234,237)
```
#f0f3f5
```
#f0f3f5 rgb(240,243,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#777e83
```
#777e83 rgb(119,126,131)
```
#6e7f8c
```
#6e7f8c rgb(110,127,140)
```
#648196
```
#648196 rgb(100,129,150)
```
#5a83a0
```
#5a83a0 rgb(90,131,160)
```
#5184a9
```
#5184a9 rgb(81,132,169)
```
#4786b3
```
#4786b3 rgb(71,134,179)
```
#3e87bc
```
#3e87bc rgb(62,135,188)
```
#3489c6
```
#3489c6 rgb(52,137,198)
```
#2a8ad0
```
#2a8ad0 rgb(42,138,208)
```
#218cd9
```
#218cd9 rgb(33,140,217)
```
#178de3
```
#178de3 rgb(23,141,227)
```
#0d8fed
```
#0d8fed rgb(13,143,237)
```
#0490f6
```
#0490f6 rgb(4,144,246)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#767c80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8398 Protanopia 1% of men
#82819d Deuteranopia 1% of men
#698992 Tritanopia 0.001% of the population

Trichromacy

#758297 Protanomaly 1% of men, 0.01% of women
#77819a Deuteranomaly 6% of men, 0.4% of women
#678694 Tritanomaly 0.01% of the population

#648196 hex color

#648196 Color Information

#648196 Color Conversion

Color Schemes with #648196

Alternatives to #648196

#648196 Preview

Shades and Tints of #648196

Tones of #648196

Color Blindness Simulator