#6486ca hex color

In a RGB color space, hex #6486ca is composed of 39.2% red, 52.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 33.7% magenta, 0% yellow and 20.8% black. It has a hue angle of 220 degrees, a saturation of 49% and a lightness of 59.2%. #6486ca color hex could be obtained by blending #c8ffff with #000d95. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 53
- B 79
RGB color chart
- C 50
- M 34
- Y 0
- K 21
CMYK color chart

● #6486ca color description : Moderate blue.

The hexadecimal color #6486ca has RGB values of R:100, G:134, B:202 and CMYK values of C:0.5, M:0.34, Y:0, K:0.21. Its decimal value is 6588106.

Hex triplet	6486ca	`#6486ca`
RGB Decimal	100, 134, 202	`rgb(100,134,202)`
RGB Percent	39.2, 52.5, 79.2	`rgb(39.2%,52.5%,79.2%)`
CMYK	50, 34, 0, 21
HSL	220°, 49, 59.2	`hsl(220,49%,59.2%)`
HSV (or HSB)	220°, 50.5, 79.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.11, 7.124, -38.929
XYZ	24.439, 24.023, 59.223
xyY	0.227, 0.223, 24.023
CIE-LCH	56.11, 39.576, 280.37
CIE-LUV	56.11, -17.532, -61.227
Hunter-Lab	49.013, 3.232, -37.332
Binary	01100100, 10000110, 11001010

#6486ca
```
#6486ca rgb(100,134,202)
```
#caa864
```
#caa864 rgb(202,168,100)
```

Complementary Color

#64b9ca
```
#64b9ca rgb(100,185,202)
```
#6486ca
```
#6486ca rgb(100,134,202)
```
#7564ca
```
#7564ca rgb(117,100,202)
```

Analogous Color

#b9ca64
```
#b9ca64 rgb(185,202,100)
```
#6486ca
```
#6486ca rgb(100,134,202)
```
#ca7564
```
#ca7564 rgb(202,117,100)
```

Split Complementary Color

#86ca64
```
#86ca64 rgb(134,202,100)
```
#6486ca
```
#6486ca rgb(100,134,202)
```
#ca6486
```
#ca6486 rgb(202,100,134)
```

Triadic Color

#64caa8
```
#64caa8 rgb(100,202,168)
```
#6486ca
```
#6486ca rgb(100,134,202)
```
#ca6486
```
#ca6486 rgb(202,100,134)
```
#caa864
```
#caa864 rgb(202,168,100)
```

Tetradic Color

#395ea8
```
#395ea8 rgb(57,94,168)
```
#4069bb
```
#4069bb rgb(64,105,187)
```
#5177c4
```
#5177c4 rgb(81,119,196)
```
#6486ca
```
#6486ca rgb(100,134,202)
```
#7795d0
```
#7795d0 rgb(119,149,208)
```
#8aa4d7
```
#8aa4d7 rgb(138,164,215)
```
#9db3dd
```
#9db3dd rgb(157,179,221)
```

Monochromatic Color

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

#64a0ca
```
#64a0ca rgb(100,160,202)
```
#6497ca
```
#6497ca rgb(100,151,202)
```
#648fca
```
#648fca rgb(100,143,202)
```
#6486ca
```
#6486ca rgb(100,134,202)
```
#647eca
```
#647eca rgb(100,126,202)
```
#6475ca
```
#6475ca rgb(100,117,202)
```
#646dca
```
#646dca rgb(100,109,202)
```

Similar Colors

Text with hexadecimal color #6486ca

This text has a font color of #6486ca.

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

#6486ca background color

This paragraph has a background color of #6486ca.

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

#6486ca border color

This element has a border color of #6486ca.

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

CSS codes

.text {color:#6486ca;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#070b14
```
#070b14 rgb(7,11,20)
```
#0c1423
```
#0c1423 rgb(12,20,35)
```
#111c32
```
#111c32 rgb(17,28,50)
```
#162440
```
#162440 rgb(22,36,64)
```
#1b2c4f
```
#1b2c4f rgb(27,44,79)
```
#20345d
```
#20345d rgb(32,52,93)
```
#253d6c
```
#253d6c rgb(37,61,108)
```
#2a457b
```
#2a457b rgb(42,69,123)
```
#2f4d89
```
#2f4d89 rgb(47,77,137)
```
#345598
```
#345598 rgb(52,85,152)
```
#395da7
```
#395da7 rgb(57,93,167)
```
#3e66b5
```
#3e66b5 rgb(62,102,181)
```

Shade Color Variation

#476fc0
```
#476fc0 rgb(71,111,192)
```
#557bc5
```
#557bc5 rgb(85,123,197)
```
#6486ca
```
#6486ca rgb(100,134,202)
```
#7391cf
```
#7391cf rgb(115,145,207)
```
#819dd4
```
#819dd4 rgb(129,157,212)
```
#90a8d9
```
#90a8d9 rgb(144,168,217)
```
#9eb4de
```
#9eb4de rgb(158,180,222)
```
#adbfe3
```
#adbfe3 rgb(173,191,227)
```
#bccae8
```
#bccae8 rgb(188,202,232)
```
#cad6ed
```
#cad6ed rgb(202,214,237)
```
#d9e1f2
```
#d9e1f2 rgb(217,225,242)
```
#e8edf7
```
#e8edf7 rgb(232,237,247)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#94969a
```
#94969a rgb(148,150,154)
```
#8c93a2
```
#8c93a2 rgb(140,147,162)
```
#8491aa
```
#8491aa rgb(132,145,170)
```
#7c8eb2
```
#7c8eb2 rgb(124,142,178)
```
#748bba
```
#748bba rgb(116,139,186)
```
#6c89c2
```
#6c89c2 rgb(108,137,194)
```
#6486ca
```
#6486ca rgb(100,134,202)
```
#5c83d2
```
#5c83d2 rgb(92,131,210)
```
#5481da
```
#5481da rgb(84,129,218)
```
#4c7ee2
```
#4c7ee2 rgb(76,126,226)
```
#447bea
```
#447bea rgb(68,123,234)
```
#3c79f2
```
#3c79f2 rgb(60,121,242)
```
#3476fa
```
#3476fa rgb(52,118,250)
```

Tone Color Variation

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

Dichromacy

#748acb Protanopia 1% of men
#6c8ccc Deuteranopia 1% of men
#5995a0 Tritanopia 0.001% of the population

Trichromacy

#6e88ca Protanomaly 1% of men, 0.01% of women
#698acb Deuteranomaly 6% of men, 0.4% of women
#5d8faf Tritanomaly 0.01% of the population

#6486ca hex color

#6486ca Color Information

#6486ca Color Conversion

Color Schemes with #6486ca

Alternatives to #6486ca

#6486ca Preview

Shades and Tints of #6486ca

Tones of #6486ca

Color Blindness Simulator