#6495dc hex color

In a RGB color space, hex #6495dc is composed of 39.2% red, 58.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 32.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 215.5 degrees, a saturation of 63.2% and a lightness of 62.7%. #6495dc color hex could be obtained by blending #c8ffff with #002bb9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 58
- B 86
RGB color chart
- C 55
- M 32
- Y 0
- K 14
CMYK color chart

● #6495dc color description : Soft blue.

The hexadecimal color #6495dc has RGB values of R:100, G:149, B:220 and CMYK values of C:0.55, M:0.32, Y:0, K:0.14. Its decimal value is 6591964.

Hex triplet	6495dc	`#6495dc`
RGB Decimal	100, 149, 220	`rgb(100,149,220)`
RGB Percent	39.2, 58.4, 86.3	`rgb(39.2%,58.4%,86.3%)`
CMYK	55, 32, 0, 14
HSL	215.5°, 63.2, 62.7	`hsl(215.5,63.2%,62.7%)`
HSV (or HSB)	215.5°, 54.5, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.107, 3.934, -41.18
XYZ	28.918, 29.37, 71.851
xyY	0.222, 0.226, 29.37
CIE-LCH	61.107, 41.367, 275.457
CIE-LUV	61.107, -23.02, -65.51
Hunter-Lab	54.194, 0.409, -40.672
Binary	01100100, 10010101, 11011100

#6495dc
```
#6495dc rgb(100,149,220)
```
#dcab64
```
#dcab64 rgb(220,171,100)
```

Complementary Color

#64d1dc
```
#64d1dc rgb(100,209,220)
```
#6495dc
```
#6495dc rgb(100,149,220)
```
#6f64dc
```
#6f64dc rgb(111,100,220)
```

Analogous Color

#d1dc64
```
#d1dc64 rgb(209,220,100)
```
#6495dc
```
#6495dc rgb(100,149,220)
```
#dc6f64
```
#dc6f64 rgb(220,111,100)
```

Split Complementary Color

#95dc64
```
#95dc64 rgb(149,220,100)
```
#6495dc
```
#6495dc rgb(100,149,220)
```
#dc6495
```
#dc6495 rgb(220,100,149)
```

Triadic Color

#64dcab
```
#64dcab rgb(100,220,171)
```
#6495dc
```
#6495dc rgb(100,149,220)
```
#dc6495
```
#dc6495 rgb(220,100,149)
```
#dcab64
```
#dcab64 rgb(220,171,100)
```

Tetradic Color

#2d6cc7
```
#2d6cc7 rgb(45,108,199)
```
#3a79d3
```
#3a79d3 rgb(58,121,211)
```
#4f87d7
```
#4f87d7 rgb(79,135,215)
```
#6495dc
```
#6495dc rgb(100,149,220)
```
#79a3e1
```
#79a3e1 rgb(121,163,225)
```
#8eb1e5
```
#8eb1e5 rgb(142,177,229)
```
#a2c0ea
```
#a2c0ea rgb(162,192,234)
```

Monochromatic Color

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

#64b3dc
```
#64b3dc rgb(100,179,220)
```
#64a9dc
```
#64a9dc rgb(100,169,220)
```
#649fdc
```
#649fdc rgb(100,159,220)
```
#6495dc
```
#6495dc rgb(100,149,220)
```
#648bdc
```
#648bdc rgb(100,139,220)
```
#6481dc
```
#6481dc rgb(100,129,220)
```
#6477dc
```
#6477dc rgb(100,119,220)
```

Similar Colors

Text with hexadecimal color #6495dc

This text has a font color of #6495dc.

<span style="color:#6495dc;">Text here</span>

#6495dc background color

This paragraph has a background color of #6495dc.

<p style="background-color:#6495dc;">Content here</p>

#6495dc border color

This element has a border color of #6495dc.

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

CSS codes

.text {color:#6495dc;}

.background {background-color:#6495dc;}

.border {border:1px solid #6495dc;}

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

#010305
```
#010305 rgb(1,3,5)
```
#050b15
```
#050b15 rgb(5,11,21)
```
#081425
```
#081425 rgb(8,20,37)
```
#0c1d35
```
#0c1d35 rgb(12,29,53)
```
#102545
```
#102545 rgb(16,37,69)
```
#132e55
```
#132e55 rgb(19,46,85)
```
#173765
```
#173765 rgb(23,55,101)
```
#1a3f75
```
#1a3f75 rgb(26,63,117)
```
#1e4885
```
#1e4885 rgb(30,72,133)
```
#225195
```
#225195 rgb(34,81,149)
```
#2559a5
```
#2559a5 rgb(37,89,165)
```
#2962b5
```
#2962b5 rgb(41,98,181)
```
#2c6bc5
```
#2c6bc5 rgb(44,107,197)
```

Shade Color Variation

#3474d1
```
#3474d1 rgb(52,116,209)
```
#447fd5
```
#447fd5 rgb(68,127,213)
```
#548ad8
```
#548ad8 rgb(84,138,216)
```
#6495dc
```
#6495dc rgb(100,149,220)
```
#74a0e0
```
#74a0e0 rgb(116,160,224)
```
#84abe3
```
#84abe3 rgb(132,171,227)
```
#94b6e7
```
#94b6e7 rgb(148,182,231)
```
#a4c1ea
```
#a4c1ea rgb(164,193,234)
```
#b4ccee
```
#b4ccee rgb(180,204,238)
```
#c4d7f2
```
#c4d7f2 rgb(196,215,242)
```
#d4e2f5
```
#d4e2f5 rgb(212,226,245)
```
#e4edf9
```
#e4edf9 rgb(228,237,249)
```
#f4f7fd
```
#f4f7fd rgb(244,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea0a2 is the less saturated color, while #4790f9 is the most saturated one.

#9ea0a2
```
#9ea0a2 rgb(158,160,162)
```
#979ea9
```
#979ea9 rgb(151,158,169)
```
#909db0
```
#909db0 rgb(144,157,176)
```
#899cb7
```
#899cb7 rgb(137,156,183)
```
#819abf
```
#819abf rgb(129,154,191)
```
#7a99c6
```
#7a99c6 rgb(122,153,198)
```
#7398cd
```
#7398cd rgb(115,152,205)
```
#6b96d5
```
#6b96d5 rgb(107,150,213)
```
#6495dc
```
#6495dc rgb(100,149,220)
```
#5d94e3
```
#5d94e3 rgb(93,148,227)
```
#5592eb
```
#5592eb rgb(85,146,235)
```
#4e91f2
```
#4e91f2 rgb(78,145,242)
```
#4790f9
```
#4790f9 rgb(71,144,249)
```

Tone Color Variation

Below, you can see how #6495dc 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

#8e8e8e Achromatopsia 0.005% of the population
#868f9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8096db Protanopia 1% of men
#7598de Deuteranopia 1% of men
#56a4b0 Tritanopia 0.001% of the population

Trichromacy

#7596db Protanomaly 1% of men, 0.01% of women
#6f97dd Deuteranomaly 6% of men, 0.4% of women
#5b9ec0 Tritanomaly 0.01% of the population

#6495dc hex color

#6495dc Color Information

#6495dc Color Conversion

Color Schemes with #6495dc

Alternatives to #6495dc

#6495dc Preview

Shades and Tints of #6495dc

Tones of #6495dc

Color Blindness Simulator