#6895d5 hex color

In a RGB color space, hex #6895d5 is composed of 40.8% red, 58.4% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 30% magenta, 0% yellow and 16.5% black. It has a hue angle of 215.2 degrees, a saturation of 56.5% and a lightness of 62.2%. #6895d5 color hex could be obtained by blending #d0ffff with #002bab. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 58
- B 84
RGB color chart
- C 51
- M 30
- Y 0
- K 16
CMYK color chart

● #6895d5 color description : Moderate blue.

The hexadecimal color #6895d5 has RGB values of R:104, G:149, B:213 and CMYK values of C:0.51, M:0.3, Y:0, K:0.16. Its decimal value is 6854101.

Hex triplet	6895d5	`#6895d5`
RGB Decimal	104, 149, 213	`rgb(104,149,213)`
RGB Percent	40.8, 58.4, 83.5	`rgb(40.8%,58.4%,83.5%)`
CMYK	51, 30, 0, 16
HSL	215.2°, 56.5, 62.2	`hsl(215.2,56.5%,62.2%)`
HSV (or HSB)	215.2°, 51.2, 83.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.993, 2.652, -37.442
XYZ	28.464, 29.241, 67.091
xyY	0.228, 0.234, 29.241
CIE-LCH	60.993, 37.536, 274.051
CIE-LUV	60.993, -21.794, -59.136
Hunter-Lab	54.075, -0.671, -35.71
Binary	01101000, 10010101, 11010101

#6895d5
```
#6895d5 rgb(104,149,213)
```
#d5a868
```
#d5a868 rgb(213,168,104)
```

Complementary Color

#68ccd5
```
#68ccd5 rgb(104,204,213)
```
#6895d5
```
#6895d5 rgb(104,149,213)
```
#7268d5
```
#7268d5 rgb(114,104,213)
```

Analogous Color

#ccd568
```
#ccd568 rgb(204,213,104)
```
#6895d5
```
#6895d5 rgb(104,149,213)
```
#d57268
```
#d57268 rgb(213,114,104)
```

Split Complementary Color

#95d568
```
#95d568 rgb(149,213,104)
```
#6895d5
```
#6895d5 rgb(104,149,213)
```
#d56895
```
#d56895 rgb(213,104,149)
```

Triadic Color

#68d5a8
```
#68d5a8 rgb(104,213,168)
```
#6895d5
```
#6895d5 rgb(104,149,213)
```
#d56895
```
#d56895 rgb(213,104,149)
```
#d5a868
```
#d5a868 rgb(213,168,104)
```

Tetradic Color

#346cbc
```
#346cbc rgb(52,108,188)
```
#4079ca
```
#4079ca rgb(64,121,202)
```
#5487cf
```
#5487cf rgb(84,135,207)
```
#6895d5
```
#6895d5 rgb(104,149,213)
```
#7ca3db
```
#7ca3db rgb(124,163,219)
```
#90b1e0
```
#90b1e0 rgb(144,177,224)
```
#a4bfe6
```
#a4bfe6 rgb(164,191,230)
```

Monochromatic Color

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

#68b0d5
```
#68b0d5 rgb(104,176,213)
```
#68a7d5
```
#68a7d5 rgb(104,167,213)
```
#689ed5
```
#689ed5 rgb(104,158,213)
```
#6895d5
```
#6895d5 rgb(104,149,213)
```
#688cd5
```
#688cd5 rgb(104,140,213)
```
#6883d5
```
#6883d5 rgb(104,131,213)
```
#687ad5
```
#687ad5 rgb(104,122,213)
```

Similar Colors

Text with hexadecimal color #6895d5

This text has a font color of #6895d5.

<span style="color:#6895d5;">Text here</span>

#6895d5 background color

This paragraph has a background color of #6895d5.

<p style="background-color:#6895d5;">Content here</p>

#6895d5 border color

This element has a border color of #6895d5.

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

CSS codes

.text {color:#6895d5;}

.background {background-color:#6895d5;}

.border {border:1px solid #6895d5;}

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

#010102
```
#010102 rgb(1,1,2)
```
#050a12
```
#050a12 rgb(5,10,18)
```
#091321
```
#091321 rgb(9,19,33)
```
#0d1c31
```
#0d1c31 rgb(13,28,49)
```
#122540
```
#122540 rgb(18,37,64)
```
#162e4f
```
#162e4f rgb(22,46,79)
```
#1a365f
```
#1a365f rgb(26,54,95)
```
#1f3f6e
```
#1f3f6e rgb(31,63,110)
```
#23487d
```
#23487d rgb(35,72,125)
```
#27518d
```
#27518d rgb(39,81,141)
```
#2b5a9c
```
#2b5a9c rgb(43,90,156)
```
#3063ab
```
#3063ab rgb(48,99,171)
```
#346cbb
```
#346cbb rgb(52,108,187)
```

Shade Color Variation

#3a75c8
```
#3a75c8 rgb(58,117,200)
```
#497fcc
```
#497fcc rgb(73,127,204)
```
#598ad1
```
#598ad1 rgb(89,138,209)
```
#6895d5
```
#6895d5 rgb(104,149,213)
```
#77a0d9
```
#77a0d9 rgb(119,160,217)
```
#87abde
```
#87abde rgb(135,171,222)
```
#96b5e2
```
#96b5e2 rgb(150,181,226)
```
#a5c0e6
```
#a5c0e6 rgb(165,192,230)
```
#b5cbea
```
#b5cbea rgb(181,203,234)
```
#c4d6ef
```
#c4d6ef rgb(196,214,239)
```
#d3e0f3
```
#d3e0f3 rgb(211,224,243)
```
#e3ebf7
```
#e3ebf7 rgb(227,235,247)
```
#f2f6fb
```
#f2f6fb rgb(242,246,251)
```

Tint Color Variation

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

#9c9ea1
```
#9c9ea1 rgb(156,158,161)
```
#959da8
```
#959da8 rgb(149,157,168)
```
#8d9bb0
```
#8d9bb0 rgb(141,155,176)
```
#869ab7
```
#869ab7 rgb(134,154,183)
```
#7e99bf
```
#7e99bf rgb(126,153,191)
```
#7798c6
```
#7798c6 rgb(119,152,198)
```
#6f96ce
```
#6f96ce rgb(111,150,206)
```
#6895d5
```
#6895d5 rgb(104,149,213)
```
#6194dc
```
#6194dc rgb(97,148,220)
```
#5992e4
```
#5992e4 rgb(89,146,228)
```
#5291eb
```
#5291eb rgb(82,145,235)
```
#4a90f3
```
#4a90f3 rgb(74,144,243)
```
#438ffa
```
#438ffa rgb(67,143,250)
```

Tone Color Variation

Below, you can see how #6895d5 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

#8f8f8f Achromatopsia 0.005% of the population
#87909d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8396d4 Protanopia 1% of men
#7b97d8 Deuteranopia 1% of men
#5ea2ae Tritanopia 0.001% of the population

Trichromacy

#7996d4 Protanomaly 1% of men, 0.01% of women
#7496d7 Deuteranomaly 6% of men, 0.4% of women
#619dbc Tritanomaly 0.01% of the population

#6895d5 hex color

#6895d5 Color Information

#6895d5 Color Conversion

Color Schemes with #6895d5

Alternatives to #6895d5

#6895d5 Preview

Shades and Tints of #6895d5

Tones of #6895d5

Color Blindness Simulator