#6480f0 hex color

In a RGB color space, hex #6480f0 is composed of 39.2% red, 50.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 46.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 228 degrees, a saturation of 82.4% and a lightness of 66.7%. #6480f0 color hex could be obtained by blending #c8ffff with #0001e1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 39
- G 50
- B 94
RGB color chart
- C 58
- M 47
- Y 0
- K 6
CMYK color chart

● #6480f0 color description : Soft blue.

The hexadecimal color #6480f0 has RGB values of R:100, G:128, B:240 and CMYK values of C:0.58, M:0.47, Y:0, K:0.06. Its decimal value is 6586608.

Hex triplet	6480f0	`#6480f0`
RGB Decimal	100, 128, 240	`rgb(100,128,240)`
RGB Percent	39.2, 50.2, 94.1	`rgb(39.2%,50.2%,94.1%)`
CMYK	58, 47, 0, 6
HSL	228°, 82.4, 66.7	`hsl(228,82.4%,66.7%)`
HSV (or HSB)	228°, 58.3, 94.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.523, 22.841, -59.574
XYZ	28.7, 24.437, 85.638
xyY	0.207, 0.176, 24.437
CIE-LCH	56.523, 63.803, 290.977
CIE-LUV	56.523, -16.03, -96.332
Hunter-Lab	49.434, 17.12, -68.107
Binary	01100100, 10000000, 11110000

#6480f0
```
#6480f0 rgb(100,128,240)
```
#f0d464
```
#f0d464 rgb(240,212,100)
```

Complementary Color

#64c6f0
```
#64c6f0 rgb(100,198,240)
```
#6480f0
```
#6480f0 rgb(100,128,240)
```
#8e64f0
```
#8e64f0 rgb(142,100,240)
```

Analogous Color

#c6f064
```
#c6f064 rgb(198,240,100)
```
#6480f0
```
#6480f0 rgb(100,128,240)
```
#f08e64
```
#f08e64 rgb(240,142,100)
```

Split Complementary Color

#80f064
```
#80f064 rgb(128,240,100)
```
#6480f0
```
#6480f0 rgb(100,128,240)
```
#f06480
```
#f06480 rgb(240,100,128)
```

Triadic Color

#64f0d4
```
#64f0d4 rgb(100,240,212)
```
#6480f0
```
#6480f0 rgb(100,128,240)
```
#f06480
```
#f06480 rgb(240,100,128)
```
#f0d464
```
#f0d464 rgb(240,212,100)
```

Tetradic Color

#1e47e9
```
#1e47e9 rgb(30,71,233)
```
#355aec
```
#355aec rgb(53,90,236)
```
#4d6dee
```
#4d6dee rgb(77,109,238)
```
#6480f0
```
#6480f0 rgb(100,128,240)
```
#7b93f2
```
#7b93f2 rgb(123,147,242)
```
#93a6f5
```
#93a6f5 rgb(147,166,245)
```
#aab9f7
```
#aab9f7 rgb(170,185,247)
```

Monochromatic Color

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

#64a3f0
```
#64a3f0 rgb(100,163,240)
```
#6497f0
```
#6497f0 rgb(100,151,240)
```
#648cf0
```
#648cf0 rgb(100,140,240)
```
#6480f0
```
#6480f0 rgb(100,128,240)
```
#6474f0
```
#6474f0 rgb(100,116,240)
```
#6469f0
```
#6469f0 rgb(100,105,240)
```
#6b64f0
```
#6b64f0 rgb(107,100,240)
```

Similar Colors

Text with hexadecimal color #6480f0

This text has a font color of #6480f0.

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

#6480f0 background color

This paragraph has a background color of #6480f0.

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

#6480f0 border color

This element has a border color of #6480f0.

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

CSS codes

.text {color:#6480f0;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#020718
```
#020718 rgb(2,7,24)
```
#040c2a
```
#040c2a rgb(4,12,42)
```
#06113c
```
#06113c rgb(6,17,60)
```
#07164d
```
#07164d rgb(7,22,77)
```
#091a5f
```
#091a5f rgb(9,26,95)
```
#0b1f71
```
#0b1f71 rgb(11,31,113)
```
#0d2483
```
#0d2483 rgb(13,36,131)
```
#0e2995
```
#0e2995 rgb(14,41,149)
```
#102ea7
```
#102ea7 rgb(16,46,167)
```
#1233b9
```
#1233b9 rgb(18,51,185)
```
#1438cb
```
#1438cb rgb(20,56,203)
```
#153ddd
```
#153ddd rgb(21,61,221)
```

Shade Color Variation

#1c45e9
```
#1c45e9 rgb(28,69,233)
```
#2e54eb
```
#2e54eb rgb(46,84,235)
```
#4063ed
```
#4063ed rgb(64,99,237)
```
#5271ee
```
#5271ee rgb(82,113,238)
```
#6480f0
```
#6480f0 rgb(100,128,240)
```
#768ff2
```
#768ff2 rgb(118,143,242)
```
#889df3
```
#889df3 rgb(136,157,243)
```
#9aacf5
```
#9aacf5 rgb(154,172,245)
```
#acbbf7
```
#acbbf7 rgb(172,187,247)
```
#bdc9f9
```
#bdc9f9 rgb(189,201,249)
```
#cfd8fa
```
#cfd8fa rgb(207,216,250)
```
#e1e7fc
```
#e1e7fc rgb(225,231,252)
```
#f3f5fe
```
#f3f5fe rgb(243,245,254)
```

Tint Color Variation

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

#a5a7af
```
#a5a7af rgb(165,167,175)
```
#9fa3b5
```
#9fa3b5 rgb(159,163,181)
```
#989fbc
```
#989fbc rgb(152,159,188)
```
#929bc2
```
#929bc2 rgb(146,155,194)
```
#8b98c9
```
#8b98c9 rgb(139,152,201)
```
#8594cf
```
#8594cf rgb(133,148,207)
```
#7e90d6
```
#7e90d6 rgb(126,144,214)
```
#788cdc
```
#788cdc rgb(120,140,220)
```
#7188e3
```
#7188e3 rgb(113,136,227)
```
#6b84e9
```
#6b84e9 rgb(107,132,233)
```
#6480f0
```
#6480f0 rgb(100,128,240)
```
#5d7cf7
```
#5d7cf7 rgb(93,124,247)
```
#5778fd
```
#5778fd rgb(87,120,253)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7e839a Atypical Achromatopsia 0.001% of the population

Dichromacy

#538af3 Protanopia 1% of men
#2c8fec Deuteranopia 1% of men
#3f99a4 Tritanopia 0.001% of the population

Trichromacy

#5986f2 Protanomaly 1% of men, 0.01% of women
#408aee Deuteranomaly 6% of men, 0.4% of women
#4c90c0 Tritanomaly 0.01% of the population

#6480f0 hex color

#6480f0 Color Information

#6480f0 Color Conversion

Color Schemes with #6480f0

Alternatives to #6480f0

#6480f0 Preview

Shades and Tints of #6480f0

Tones of #6480f0

Color Blindness Simulator