#6480b4 hex color

In a RGB color space, hex #6480b4 is composed of 39.2% red, 50.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 28.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 219 degrees, a saturation of 34.8% and a lightness of 54.9%. #6480b4 color hex could be obtained by blending #c8ffff with #000169. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 50
- B 71
RGB color chart
- C 44
- M 29
- Y 0
- K 29
CMYK color chart

● #6480b4 color description : Slightly desaturated blue.

The hexadecimal color #6480b4 has RGB values of R:100, G:128, B:180 and CMYK values of C:0.44, M:0.29, Y:0, K:0.29. Its decimal value is 6586548.

Hex triplet	6480b4	`#6480b4`
RGB Decimal	100, 128, 180	`rgb(100,128,180)`
RGB Percent	39.2, 50.2, 70.6	`rgb(39.2%,50.2%,70.6%)`
CMYK	44, 29, 0, 29
HSL	219°, 34.8, 54.9	`hsl(219,34.8%,54.9%)`
HSV (or HSB)	219°, 44.4, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.43, 4.014, -30.579
XYZ	21.211, 21.442, 46.199
xyY	0.239, 0.241, 21.442
CIE-LCH	53.43, 30.842, 277.478
CIE-LUV	53.43, -15.009, -46.883
Hunter-Lab	46.306, 0.73, -26.739
Binary	01100100, 10000000, 10110100

#6480b4
```
#6480b4 rgb(100,128,180)
```
#b49864
```
#b49864 rgb(180,152,100)
```

Complementary Color

#64a8b4
```
#64a8b4 rgb(100,168,180)
```
#6480b4
```
#6480b4 rgb(100,128,180)
```
#7064b4
```
#7064b4 rgb(112,100,180)
```

Analogous Color

#a8b464
```
#a8b464 rgb(168,180,100)
```
#6480b4
```
#6480b4 rgb(100,128,180)
```
#b47064
```
#b47064 rgb(180,112,100)
```

Split Complementary Color

#80b464
```
#80b464 rgb(128,180,100)
```
#6480b4
```
#6480b4 rgb(100,128,180)
```
#b46480
```
#b46480 rgb(180,100,128)
```

Triadic Color

#64b498
```
#64b498 rgb(100,180,152)
```
#6480b4
```
#6480b4 rgb(100,128,180)
```
#b46480
```
#b46480 rgb(180,100,128)
```
#b49864
```
#b49864 rgb(180,152,100)
```

Tetradic Color

#425b89
```
#425b89 rgb(66,91,137)
```
#4b679a
```
#4b679a rgb(75,103,154)
```
#5372ac
```
#5372ac rgb(83,114,172)
```
#6480b4
```
#6480b4 rgb(100,128,180)
```
#758ebc
```
#758ebc rgb(117,142,188)
```
#869cc5
```
#869cc5 rgb(134,156,197)
```
#98aacd
```
#98aacd rgb(152,170,205)
```

Monochromatic Color

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

#6494b4
```
#6494b4 rgb(100,148,180)
```
#648db4
```
#648db4 rgb(100,141,180)
```
#6487b4
```
#6487b4 rgb(100,135,180)
```
#6480b4
```
#6480b4 rgb(100,128,180)
```
#6479b4
```
#6479b4 rgb(100,121,180)
```
#6473b4
```
#6473b4 rgb(100,115,180)
```
#646cb4
```
#646cb4 rgb(100,108,180)
```

Similar Colors

Text with hexadecimal color #6480b4

This text has a font color of #6480b4.

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

#6480b4 background color

This paragraph has a background color of #6480b4.

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

#6480b4 border color

This element has a border color of #6480b4.

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

CSS codes

.text {color:#6480b4;}

.background {background-color:#6480b4;}

.border {border:1px solid #6480b4;}

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

#020204
```
#020204 rgb(2,2,4)
```
#080b11
```
#080b11 rgb(8,11,17)
```
#0f141e
```
#0f141e rgb(15,20,30)
```
#151d2b
```
#151d2b rgb(21,29,43)
```
#1b2639
```
#1b2639 rgb(27,38,57)
```
#222e46
```
#222e46 rgb(34,46,70)
```
#283753
```
#283753 rgb(40,55,83)
```
#2f4060
```
#2f4060 rgb(47,64,96)
```
#35496d
```
#35496d rgb(53,73,109)
```
#3b517b
```
#3b517b rgb(59,81,123)
```
#425a88
```
#425a88 rgb(66,90,136)
```
#486395
```
#486395 rgb(72,99,149)
```
#4f6ca2
```
#4f6ca2 rgb(79,108,162)
```

Shade Color Variation

#5775ae
```
#5775ae rgb(87,117,174)
```
#6480b4
```
#6480b4 rgb(100,128,180)
```
#718bba
```
#718bba rgb(113,139,186)
```
#7e96c1
```
#7e96c1 rgb(126,150,193)
```
#8ca0c7
```
#8ca0c7 rgb(140,160,199)
```
#99abce
```
#99abce rgb(153,171,206)
```
#a6b6d4
```
#a6b6d4 rgb(166,182,212)
```
#b3c1da
```
#b3c1da rgb(179,193,218)
```
#c1cce1
```
#c1cce1 rgb(193,204,225)
```
#ced7e7
```
#ced7e7 rgb(206,215,231)
```
#dbe1ee
```
#dbe1ee rgb(219,225,238)
```
#e8ecf4
```
#e8ecf4 rgb(232,236,244)
```
#f5f7fa
```
#f5f7fa rgb(245,247,250)
```

Tint Color Variation

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

#878b91
```
#878b91 rgb(135,139,145)
```
#7f8899
```
#7f8899 rgb(127,136,153)
```
#7685a2
```
#7685a2 rgb(118,133,162)
```
#6d83ab
```
#6d83ab rgb(109,131,171)
```
#6480b4
```
#6480b4 rgb(100,128,180)
```
#5b7dbd
```
#5b7dbd rgb(91,125,189)
```
#527bc6
```
#527bc6 rgb(82,123,198)
```
#4978cf
```
#4978cf rgb(73,120,207)
```
#4175d7
```
#4175d7 rgb(65,117,215)
```
#3873e0
```
#3873e0 rgb(56,115,224)
```
#2f70e9
```
#2f70e9 rgb(47,112,233)
```
#266df2
```
#266df2 rgb(38,109,242)
```
#1d6bfb
```
#1d6bfb rgb(29,107,251)
```

Tone Color Variation

Below, you can see how #6480b4 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
#797e89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7584b6 Protanopia 1% of men
#7285b8 Deuteranopia 1% of men
#608d97 Tritanopia 0.001% of the population

Trichromacy

#6f82b5 Protanomaly 1% of men, 0.01% of women
#6d83b6 Deuteranomaly 6% of men, 0.4% of women
#6188a1 Tritanomaly 0.01% of the population

#6480b4 hex color

#6480b4 Color Information

#6480b4 Color Conversion

Color Schemes with #6480b4

Alternatives to #6480b4

#6480b4 Preview

Shades and Tints of #6480b4

Tones of #6480b4

Color Blindness Simulator