#68a0dd hex color

In a RGB color space, hex #68a0dd is composed of 40.8% red, 62.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 27.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 211.3 degrees, a saturation of 63.2% and a lightness of 63.7%. #68a0dd color hex could be obtained by blending #d0ffff with #0041bb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 63
- B 87
RGB color chart
- C 53
- M 28
- Y 0
- K 13
CMYK color chart

● #68a0dd color description : Soft blue.

The hexadecimal color #68a0dd has RGB values of R:104, G:160, B:221 and CMYK values of C:0.53, M:0.28, Y:0, K:0.13. Its decimal value is 6856925.

Hex triplet	68a0dd	`#68a0dd`
RGB Decimal	104, 160, 221	`rgb(104,160,221)`
RGB Percent	40.8, 62.7, 86.7	`rgb(40.8%,62.7%,86.7%)`
CMYK	53, 28, 0, 13
HSL	211.3°, 63.2, 63.7	`hsl(211.3,63.2%,63.7%)`
HSV (or HSB)	211.3°, 52.9, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.406, -1.194, -36.559
XYZ	31.328, 33.303, 73.18
xyY	0.227, 0.242, 33.303
CIE-LCH	64.406, 36.578, 268.13
CIE-LUV	64.406, -25.831, -57.704
Hunter-Lab	57.709, -4.091, -34.788
Binary	01101000, 10100000, 11011101

#68a0dd
```
#68a0dd rgb(104,160,221)
```
#dda568
```
#dda568 rgb(221,165,104)
```

Complementary Color

#68dbdd
```
#68dbdd rgb(104,219,221)
```
#68a0dd
```
#68a0dd rgb(104,160,221)
```
#6b68dd
```
#6b68dd rgb(107,104,221)
```

Analogous Color

#dbdd68
```
#dbdd68 rgb(219,221,104)
```
#68a0dd
```
#68a0dd rgb(104,160,221)
```
#dd6b68
```
#dd6b68 rgb(221,107,104)
```

Split Complementary Color

#a0dd68
```
#a0dd68 rgb(160,221,104)
```
#68a0dd
```
#68a0dd rgb(104,160,221)
```
#dd68a0
```
#dd68a0 rgb(221,104,160)
```

Triadic Color

#68dda5
```
#68dda5 rgb(104,221,165)
```
#68a0dd
```
#68a0dd rgb(104,160,221)
```
#dd68a0
```
#dd68a0 rgb(221,104,160)
```
#dda568
```
#dda568 rgb(221,165,104)
```

Tetradic Color

#2e79cb
```
#2e79cb rgb(46,121,203)
```
#3e86d4
```
#3e86d4 rgb(62,134,212)
```
#5393d8
```
#5393d8 rgb(83,147,216)
```
#68a0dd
```
#68a0dd rgb(104,160,221)
```
#7dade2
```
#7dade2 rgb(125,173,226)
```
#92bae6
```
#92bae6 rgb(146,186,230)
```
#a6c7eb
```
#a6c7eb rgb(166,199,235)
```

Monochromatic Color

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

#68bddd
```
#68bddd rgb(104,189,221)
```
#68b4dd
```
#68b4dd rgb(104,180,221)
```
#68aadd
```
#68aadd rgb(104,170,221)
```
#68a0dd
```
#68a0dd rgb(104,160,221)
```
#6896dd
```
#6896dd rgb(104,150,221)
```
#688ddd
```
#688ddd rgb(104,141,221)
```
#6883dd
```
#6883dd rgb(104,131,221)
```

Similar Colors

Text with hexadecimal color #68a0dd

This text has a font color of #68a0dd.

<span style="color:#68a0dd;">Text here</span>

#68a0dd background color

This paragraph has a background color of #68a0dd.

<p style="background-color:#68a0dd;">Content here</p>

#68a0dd border color

This element has a border color of #68a0dd.

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

CSS codes

.text {color:#68a0dd;}

.background {background-color:#68a0dd;}

.border {border:1px solid #68a0dd;}

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

#020509
```
#020509 rgb(2,5,9)
```
#060f19
```
#060f19 rgb(6,15,25)
```
#091929
```
#091929 rgb(9,25,41)
```
#0d2239
```
#0d2239 rgb(13,34,57)
```
#102c49
```
#102c49 rgb(16,44,73)
```
#143559
```
#143559 rgb(20,53,89)
```
#183f69
```
#183f69 rgb(24,63,105)
```
#1b4879
```
#1b4879 rgb(27,72,121)
```
#1f5289
```
#1f5289 rgb(31,82,137)
```
#225b99
```
#225b99 rgb(34,91,153)
```
#2665a9
```
#2665a9 rgb(38,101,169)
```
#2a6eb9
```
#2a6eb9 rgb(42,110,185)
```
#2d78c9
```
#2d78c9 rgb(45,120,201)
```

Shade Color Variation

#3882d2
```
#3882d2 rgb(56,130,210)
```
#488cd6
```
#488cd6 rgb(72,140,214)
```
#5896d9
```
#5896d9 rgb(88,150,217)
```
#68a0dd
```
#68a0dd rgb(104,160,221)
```
#78aae1
```
#78aae1 rgb(120,170,225)
```
#88b4e4
```
#88b4e4 rgb(136,180,228)
```
#98bee8
```
#98bee8 rgb(152,190,232)
```
#a8c8eb
```
#a8c8eb rgb(168,200,235)
```
#b8d2ef
```
#b8d2ef rgb(184,210,239)
```
#c8dcf3
```
#c8dcf3 rgb(200,220,243)
```
#d8e7f6
```
#d8e7f6 rgb(216,231,246)
```
#e8f1fa
```
#e8f1fa rgb(232,241,250)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a2a4 is the less saturated color, while #4c9ff9 is the most saturated one.

#a1a2a4
```
#a1a2a4 rgb(161,162,164)
```
#9aa2ab
```
#9aa2ab rgb(154,162,171)
```
#93a2b2
```
#93a2b2 rgb(147,162,178)
```
#8ca2b9
```
#8ca2b9 rgb(140,162,185)
```
#84a1c1
```
#84a1c1 rgb(132,161,193)
```
#7da1c8
```
#7da1c8 rgb(125,161,200)
```
#76a1cf
```
#76a1cf rgb(118,161,207)
```
#6fa0d6
```
#6fa0d6 rgb(111,160,214)
```
#68a0dd
```
#68a0dd rgb(104,160,221)
```
#61a0e4
```
#61a0e4 rgb(97,160,228)
```
#5a9feb
```
#5a9feb rgb(90,159,235)
```
#539ff2
```
#539ff2 rgb(83,159,242)
```
#4c9ff9
```
#4c9ff9 rgb(76,159,249)
```

Tone Color Variation

Below, you can see how #68a0dd 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

#969696 Achromatopsia 0.005% of the population
#8d98a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d9fda Protanopia 1% of men
#86a0e0 Deuteranopia 1% of men
#5eacb9 Tritanopia 0.001% of the population

Trichromacy

#809fdb Protanomaly 1% of men, 0.01% of women
#7ba0df Deuteranomaly 6% of men, 0.4% of women
#62a7c6 Tritanomaly 0.01% of the population

#68a0dd hex color

#68a0dd Color Information

#68a0dd Color Conversion

Color Schemes with #68a0dd

Alternatives to #68a0dd

#68a0dd Preview

Shades and Tints of #68a0dd

Tones of #68a0dd

Color Blindness Simulator