#6486cf hex color

In a RGB color space, hex #6486cf is composed of 39.2% red, 52.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 35.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 220.9 degrees, a saturation of 52.7% and a lightness of 60.2%. #6486cf color hex could be obtained by blending #c8ffff with #000d9f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 53
- B 81
RGB color chart
- C 52
- M 35
- Y 0
- K 19
CMYK color chart

● #6486cf color description : Moderate blue.

The hexadecimal color #6486cf has RGB values of R:100, G:134, B:207 and CMYK values of C:0.52, M:0.35, Y:0, K:0.19. Its decimal value is 6588111.

Hex triplet	6486cf	`#6486cf`
RGB Decimal	100, 134, 207	`rgb(100,134,207)`
RGB Percent	39.2, 52.5, 81.2	`rgb(39.2%,52.5%,81.2%)`
CMYK	52, 35, 0, 19
HSL	220.9°, 52.7, 60.2	`hsl(220.9,52.7%,60.2%)`
HSV (or HSB)	220.9°, 51.7, 81.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.35, 8.677, -41.377
XYZ	25.041, 24.263, 62.392
xyY	0.224, 0.217, 24.263
CIE-LCH	56.35, 42.277, 281.844
CIE-LUV	56.35, -17.579, -65.44
Hunter-Lab	49.258, 4.541, -40.619
Binary	01100100, 10000110, 11001111

#6486cf
```
#6486cf rgb(100,134,207)
```
#cfad64
```
#cfad64 rgb(207,173,100)
```

Complementary Color

#64bccf
```
#64bccf rgb(100,188,207)
```
#6486cf
```
#6486cf rgb(100,134,207)
```
#7864cf
```
#7864cf rgb(120,100,207)
```

Analogous Color

#bccf64
```
#bccf64 rgb(188,207,100)
```
#6486cf
```
#6486cf rgb(100,134,207)
```
#cf7864
```
#cf7864 rgb(207,120,100)
```

Split Complementary Color

#86cf64
```
#86cf64 rgb(134,207,100)
```
#6486cf
```
#6486cf rgb(100,134,207)
```
#cf6486
```
#cf6486 rgb(207,100,134)
```

Triadic Color

#64cfad
```
#64cfad rgb(100,207,173)
```
#6486cf
```
#6486cf rgb(100,134,207)
```
#cf6486
```
#cf6486 rgb(207,100,134)
```
#cfad64
```
#cfad64 rgb(207,173,100)
```

Tetradic Color

#375db0
```
#375db0 rgb(55,93,176)
```
#3d68c3
```
#3d68c3 rgb(61,104,195)
```
#5177c9
```
#5177c9 rgb(81,119,201)
```
#6486cf
```
#6486cf rgb(100,134,207)
```
#7795d5
```
#7795d5 rgb(119,149,213)
```
#8ba4db
```
#8ba4db rgb(139,164,219)
```
#9eb4e1
```
#9eb4e1 rgb(158,180,225)
```

Monochromatic Color

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

#64a1cf
```
#64a1cf rgb(100,161,207)
```
#6498cf
```
#6498cf rgb(100,152,207)
```
#648fcf
```
#648fcf rgb(100,143,207)
```
#6486cf
```
#6486cf rgb(100,134,207)
```
#647dcf
```
#647dcf rgb(100,125,207)
```
#6474cf
```
#6474cf rgb(100,116,207)
```
#646bcf
```
#646bcf rgb(100,107,207)
```

Similar Colors

Text with hexadecimal color #6486cf

This text has a font color of #6486cf.

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

#6486cf background color

This paragraph has a background color of #6486cf.

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

#6486cf border color

This element has a border color of #6486cf.

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

CSS codes

.text {color:#6486cf;}

.background {background-color:#6486cf;}

.border {border:1px solid #6486cf;}

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, #03050a is the darkest color, while #fafbfd is the lightest one.

#03050a
```
#03050a rgb(3,5,10)
```
#080d19
```
#080d19 rgb(8,13,25)
```
#0c1528
```
#0c1528 rgb(12,21,40)
```
#111d37
```
#111d37 rgb(17,29,55)
```
#162546
```
#162546 rgb(22,37,70)
```
#1a2d55
```
#1a2d55 rgb(26,45,85)
```
#1f3564
```
#1f3564 rgb(31,53,100)
```
#233d73
```
#233d73 rgb(35,61,115)
```
#284582
```
#284582 rgb(40,69,130)
```
#2d4c91
```
#2d4c91 rgb(45,76,145)
```
#3154a0
```
#3154a0 rgb(49,84,160)
```
#365cae
```
#365cae rgb(54,92,174)
```
#3b64bd
```
#3b64bd rgb(59,100,189)
```

Shade Color Variation

#466fc6
```
#466fc6 rgb(70,111,198)
```
#557aca
```
#557aca rgb(85,122,202)
```
#6486cf
```
#6486cf rgb(100,134,207)
```
#7392d4
```
#7392d4 rgb(115,146,212)
```
#829dd8
```
#829dd8 rgb(130,157,216)
```
#91a9dd
```
#91a9dd rgb(145,169,221)
```
#a0b5e2
```
#a0b5e2 rgb(160,181,226)
```
#afc0e6
```
#afc0e6 rgb(175,192,230)
```
#becceb
```
#becceb rgb(190,204,235)
```
#cdd8ef
```
#cdd8ef rgb(205,216,239)
```
#dce4f4
```
#dce4f4 rgb(220,228,244)
```
#ebeff9
```
#ebeff9 rgb(235,239,249)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#9397a0
```
#9397a0 rgb(147,151,160)
```
#8b94a8
```
#8b94a8 rgb(139,148,168)
```
#8391b0
```
#8391b0 rgb(131,145,176)
```
#7b8fb8
```
#7b8fb8 rgb(123,143,184)
```
#748cbf
```
#748cbf rgb(116,140,191)
```
#6c89c7
```
#6c89c7 rgb(108,137,199)
```
#6486cf
```
#6486cf rgb(100,134,207)
```
#5c83d7
```
#5c83d7 rgb(92,131,215)
```
#5480df
```
#5480df rgb(84,128,223)
```
#4d7de6
```
#4d7de6 rgb(77,125,230)
```
#457bee
```
#457bee rgb(69,123,238)
```
#3d78f6
```
#3d78f6 rgb(61,120,246)
```
#3575fe
```
#3575fe rgb(53,117,254)
```

Tone Color Variation

Below, you can see how #6486cf 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
#7e8493 Atypical Achromatopsia 0.001% of the population

Dichromacy

#728bd0 Protanopia 1% of men
#688dd1 Deuteranopia 1% of men
#5796a1 Tritanopia 0.001% of the population

Trichromacy

#6d89d0 Protanomaly 1% of men, 0.01% of women
#668ad0 Deuteranomaly 6% of men, 0.4% of women
#5b90b2 Tritanomaly 0.01% of the population

#6486cf hex color

#6486cf Color Information

#6486cf Color Conversion

Color Schemes with #6486cf

Alternatives to #6486cf

#6486cf Preview

Shades and Tints of #6486cf

Tones of #6486cf

Color Blindness Simulator