#6495d4 hex color

In a RGB color space, hex #6495d4 is composed of 39.2% red, 58.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 29.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 213.8 degrees, a saturation of 56.6% and a lightness of 61.2%. #6495d4 color hex could be obtained by blending #c8ffff with #002ba9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 58
- B 83
RGB color chart
- C 53
- M 30
- Y 0
- K 17
CMYK color chart

● #6495d4 color description : Moderate blue.

The hexadecimal color #6495d4 has RGB values of R:100, G:149, B:212 and CMYK values of C:0.53, M:0.3, Y:0, K:0.17. Its decimal value is 6591956.

Hex triplet	6495d4	`#6495d4`
RGB Decimal	100, 149, 212	`rgb(100,149,212)`
RGB Percent	39.2, 58.4, 83.1	`rgb(39.2%,58.4%,83.1%)`
CMYK	53, 30, 0, 17
HSL	213.8°, 56.6, 61.2	`hsl(213.8,56.6%,61.2%)`
HSV (or HSB)	213.8°, 52.8, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.743, 1.444, -37.29
XYZ	27.884, 28.956, 66.403
xyY	0.226, 0.235, 28.956
CIE-LCH	60.743, 37.318, 272.217
CIE-LUV	60.743, -23.069, -58.701
Hunter-Lab	53.811, -1.673, -35.497
Binary	01100100, 10010101, 11010100

#6495d4
```
#6495d4 rgb(100,149,212)
```
#d4a364
```
#d4a364 rgb(212,163,100)
```

Complementary Color

#64cdd4
```
#64cdd4 rgb(100,205,212)
```
#6495d4
```
#6495d4 rgb(100,149,212)
```
#6b64d4
```
#6b64d4 rgb(107,100,212)
```

Analogous Color

#cdd464
```
#cdd464 rgb(205,212,100)
```
#6495d4
```
#6495d4 rgb(100,149,212)
```
#d46b64
```
#d46b64 rgb(212,107,100)
```

Split Complementary Color

#95d464
```
#95d464 rgb(149,212,100)
```
#6495d4
```
#6495d4 rgb(100,149,212)
```
#d46495
```
#d46495 rgb(212,100,149)
```

Triadic Color

#64d4a3
```
#64d4a3 rgb(100,212,163)
```
#6495d4
```
#6495d4 rgb(100,149,212)
```
#d46495
```
#d46495 rgb(212,100,149)
```
#d4a364
```
#d4a364 rgb(212,163,100)
```

Tetradic Color

#336db8
```
#336db8 rgb(51,109,184)
```
#3c7ac9
```
#3c7ac9 rgb(60,122,201)
```
#5087ce
```
#5087ce rgb(80,135,206)
```
#6495d4
```
#6495d4 rgb(100,149,212)
```
#78a3da
```
#78a3da rgb(120,163,218)
```
#8cb0df
```
#8cb0df rgb(140,176,223)
```
#a0bee5
```
#a0bee5 rgb(160,190,229)
```

Monochromatic Color

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

#64b1d4
```
#64b1d4 rgb(100,177,212)
```
#64a8d4
```
#64a8d4 rgb(100,168,212)
```
#649ed4
```
#649ed4 rgb(100,158,212)
```
#6495d4
```
#6495d4 rgb(100,149,212)
```
#648cd4
```
#648cd4 rgb(100,140,212)
```
#6482d4
```
#6482d4 rgb(100,130,212)
```
#6479d4
```
#6479d4 rgb(100,121,212)
```

Similar Colors

Text with hexadecimal color #6495d4

This text has a font color of #6495d4.

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

#6495d4 background color

This paragraph has a background color of #6495d4.

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

#6495d4 border color

This element has a border color of #6495d4.

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

CSS codes

.text {color:#6495d4;}

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

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

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, #04080e is the darkest color, while #fefeff is the lightest one.

#04080e
```
#04080e rgb(4,8,14)
```
#08111d
```
#08111d rgb(8,17,29)
```
#0c1a2d
```
#0c1a2d rgb(12,26,45)
```
#11243c
```
#11243c rgb(17,36,60)
```
#152d4b
```
#152d4b rgb(21,45,75)
```
#19365b
```
#19365b rgb(25,54,91)
```
#1d3f6a
```
#1d3f6a rgb(29,63,106)
```
#224879
```
#224879 rgb(34,72,121)
```
#265189
```
#265189 rgb(38,81,137)
```
#2a5a98
```
#2a5a98 rgb(42,90,152)
```
#2e63a7
```
#2e63a7 rgb(46,99,167)
```
#336db7
```
#336db7 rgb(51,109,183)
```
#3776c6
```
#3776c6 rgb(55,118,198)
```

Shade Color Variation

#4580cb
```
#4580cb rgb(69,128,203)
```
#558ad0
```
#558ad0 rgb(85,138,208)
```
#6495d4
```
#6495d4 rgb(100,149,212)
```
#73a0d8
```
#73a0d8 rgb(115,160,216)
```
#83aadd
```
#83aadd rgb(131,170,221)
```
#92b5e1
```
#92b5e1 rgb(146,181,225)
```
#a1bfe5
```
#a1bfe5 rgb(161,191,229)
```
#b1cae9
```
#b1cae9 rgb(177,202,233)
```
#c0d4ee
```
#c0d4ee rgb(192,212,238)
```
#cfdff2
```
#cfdff2 rgb(207,223,242)
```
#dfe9f6
```
#dfe9f6 rgb(223,233,246)
```
#eef4fa
```
#eef4fa rgb(238,244,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999c9f is the less saturated color, while #3e90fa is the most saturated one.

#999c9f
```
#999c9f rgb(153,156,159)
```
#929ba6
```
#929ba6 rgb(146,155,166)
```
#8a9aae
```
#8a9aae rgb(138,154,174)
```
#8299b6
```
#8299b6 rgb(130,153,182)
```
#7b98bd
```
#7b98bd rgb(123,152,189)
```
#7397c5
```
#7397c5 rgb(115,151,197)
```
#6c96cc
```
#6c96cc rgb(108,150,204)
```
#6495d4
```
#6495d4 rgb(100,149,212)
```
#5c94dc
```
#5c94dc rgb(92,148,220)
```
#5593e3
```
#5593e3 rgb(85,147,227)
```
#4d92eb
```
#4d92eb rgb(77,146,235)
```
#4691f2
```
#4691f2 rgb(70,145,242)
```
#3e90fa
```
#3e90fa rgb(62,144,250)
```

Tone Color Variation

Below, you can see how #6495d4 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
#868f9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8396d3 Protanopia 1% of men
#7b97d7 Deuteranopia 1% of men
#5aa2ae Tritanopia 0.001% of the population

Trichromacy

#7795d3 Protanomaly 1% of men, 0.01% of women
#7296d6 Deuteranomaly 6% of men, 0.4% of women
#5d9dbc Tritanomaly 0.01% of the population

#6495d4 hex color

#6495d4 Color Information

#6495d4 Color Conversion

Color Schemes with #6495d4

Alternatives to #6495d4

#6495d4 Preview

Shades and Tints of #6495d4

Tones of #6495d4

Color Blindness Simulator