#6486bf hex color

In a RGB color space, hex #6486bf is composed of 39.2% red, 52.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 29.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 217.6 degrees, a saturation of 41.6% and a lightness of 57.1%. #6486bf color hex could be obtained by blending #c8ffff with #000d7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 53
- B 75
RGB color chart
- C 48
- M 30
- Y 0
- K 25
CMYK color chart

● #6486bf color description : Slightly desaturated blue.

The hexadecimal color #6486bf has RGB values of R:100, G:134, B:191 and CMYK values of C:0.48, M:0.3, Y:0, K:0.25. Its decimal value is 6588095.

Hex triplet	6486bf	`#6486bf`
RGB Decimal	100, 134, 191	`rgb(100,134,191)`
RGB Percent	39.2, 52.5, 74.9	`rgb(39.2%,52.5%,74.9%)`
CMYK	48, 30, 0, 25
HSL	217.6°, 41.6, 57.1	`hsl(217.6,41.6%,57.1%)`
HSV (or HSB)	217.6°, 47.6, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.604, 3.762, -33.48
XYZ	23.183, 23.52, 52.606
xyY	0.233, 0.237, 23.52
CIE-LCH	55.604, 33.691, 276.411
CIE-LUV	55.604, -17.437, -51.888
Hunter-Lab	48.497, 0.455, -30.364
Binary	01100100, 10000110, 10111111

#6486bf
```
#6486bf rgb(100,134,191)
```
#bf9d64
```
#bf9d64 rgb(191,157,100)
```

Complementary Color

#64b4bf
```
#64b4bf rgb(100,180,191)
```
#6486bf
```
#6486bf rgb(100,134,191)
```
#7064bf
```
#7064bf rgb(112,100,191)
```

Analogous Color

#b4bf64
```
#b4bf64 rgb(180,191,100)
```
#6486bf
```
#6486bf rgb(100,134,191)
```
#bf7064
```
#bf7064 rgb(191,112,100)
```

Split Complementary Color

#86bf64
```
#86bf64 rgb(134,191,100)
```
#6486bf
```
#6486bf rgb(100,134,191)
```
#bf6486
```
#bf6486 rgb(191,100,134)
```

Triadic Color

#64bf9d
```
#64bf9d rgb(100,191,157)
```
#6486bf
```
#6486bf rgb(100,134,191)
```
#bf6486
```
#bf6486 rgb(191,100,134)
```
#bf9d64
```
#bf9d64 rgb(191,157,100)
```

Tetradic Color

#3f6098
```
#3f6098 rgb(63,96,152)
```
#466baa
```
#466baa rgb(70,107,170)
```
#5278b8
```
#5278b8 rgb(82,120,184)
```
#6486bf
```
#6486bf rgb(100,134,191)
```
#7694c6
```
#7694c6 rgb(118,148,198)
```
#88a2ce
```
#88a2ce rgb(136,162,206)
```
#9ab0d5
```
#9ab0d5 rgb(154,176,213)
```

Monochromatic Color

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

#649dbf
```
#649dbf rgb(100,157,191)
```
#6495bf
```
#6495bf rgb(100,149,191)
```
#648ebf
```
#648ebf rgb(100,142,191)
```
#6486bf
```
#6486bf rgb(100,134,191)
```
#647ebf
```
#647ebf rgb(100,126,191)
```
#6477bf
```
#6477bf rgb(100,119,191)
```
#646fbf
```
#646fbf rgb(100,111,191)
```

Similar Colors

Text with hexadecimal color #6486bf

This text has a font color of #6486bf.

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

#6486bf background color

This paragraph has a background color of #6486bf.

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

#6486bf border color

This element has a border color of #6486bf.

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

CSS codes

.text {color:#6486bf;}

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

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

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, #05070c is the darkest color, while #fdfdfe is the lightest one.

#05070c
```
#05070c rgb(5,7,12)
```
#0b1019
```
#0b1019 rgb(11,16,25)
```
#101927
```
#101927 rgb(16,25,39)
```
#162235
```
#162235 rgb(22,34,53)
```
#1c2a43
```
#1c2a43 rgb(28,42,67)
```
#213351
```
#213351 rgb(33,51,81)
```
#273c5f
```
#273c5f rgb(39,60,95)
```
#2d456d
```
#2d456d rgb(45,69,109)
```
#334e7b
```
#334e7b rgb(51,78,123)
```
#385689
```
#385689 rgb(56,86,137)
```
#3e5f96
```
#3e5f96 rgb(62,95,150)
```
#4468a4
```
#4468a4 rgb(68,104,164)
```
#4a71b2
```
#4a71b2 rgb(74,113,178)
```

Shade Color Variation

#567bb9
```
#567bb9 rgb(86,123,185)
```
#6486bf
```
#6486bf rgb(100,134,191)
```
#7291c5
```
#7291c5 rgb(114,145,197)
```
#809cca
```
#809cca rgb(128,156,202)
```
#8ea7d0
```
#8ea7d0 rgb(142,167,208)
```
#9cb1d6
```
#9cb1d6 rgb(156,177,214)
```
#a9bcdc
```
#a9bcdc rgb(169,188,220)
```
#b7c7e1
```
#b7c7e1 rgb(183,199,225)
```
#c5d2e7
```
#c5d2e7 rgb(197,210,231)
```
#d3dded
```
#d3dded rgb(211,221,237)
```
#e1e8f3
```
#e1e8f3 rgb(225,232,243)
```
#eff2f8
```
#eff2f8 rgb(239,242,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9195 is the less saturated color, while #2977fa is the most saturated one.

#8e9195
```
#8e9195 rgb(142,145,149)
```
#868f9d
```
#868f9d rgb(134,143,157)
```
#7d8ca6
```
#7d8ca6 rgb(125,140,166)
```
#758aae
```
#758aae rgb(117,138,174)
```
#6c88b7
```
#6c88b7 rgb(108,136,183)
```
#6486bf
```
#6486bf rgb(100,134,191)
```
#5c84c7
```
#5c84c7 rgb(92,132,199)
```
#5382d0
```
#5382d0 rgb(83,130,208)
```
#4b80d8
```
#4b80d8 rgb(75,128,216)
```
#427de1
```
#427de1 rgb(66,125,225)
```
#3a7be9
```
#3a7be9 rgb(58,123,233)
```
#3179f2
```
#3179f2 rgb(49,121,242)
```
#2977fa
```
#2977fa rgb(41,119,250)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7c838e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7889c0 Protanopia 1% of men
#738ac3 Deuteranopia 1% of men
#5e939e Tritanopia 0.001% of the population

Trichromacy

#7188bf Protanomaly 1% of men, 0.01% of women
#6e88c1 Deuteranomaly 6% of men, 0.4% of women
#608eaa Tritanomaly 0.01% of the population

#6486bf hex color

#6486bf Color Information

#6486bf Color Conversion

Color Schemes with #6486bf

Alternatives to #6486bf

#6486bf Preview

Shades and Tints of #6486bf

Tones of #6486bf

Color Blindness Simulator