#68b5dd hex color

In a RGB color space, hex #68b5dd is composed of 40.8% red, 71% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 18.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 200.5 degrees, a saturation of 63.2% and a lightness of 63.7%. #68b5dd color hex could be obtained by blending #d0ffff with #006bbb. Closest websafe color is: #66cccc.

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

● #68b5dd color description : Soft blue.

The hexadecimal color #68b5dd has RGB values of R:104, G:181, B:221 and CMYK values of C:0.53, M:0.18, Y:0, K:0.13. Its decimal value is 6862301.

Hex triplet	68b5dd	`#68b5dd`
RGB Decimal	104, 181, 221	`rgb(104,181,221)`
RGB Percent	40.8, 71, 86.7	`rgb(40.8%,71%,86.7%)`
CMYK	53, 18, 0, 13
HSL	200.5°, 63.2, 63.7	`hsl(200.5,63.2%,63.7%)`
HSV (or HSB)	200.5°, 52.9, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.322, -12.74, -27.403
XYZ	35.281, 41.209, 74.498
xyY	0.234, 0.273, 41.209
CIE-LCH	70.322, 30.22, 245.065
CIE-LUV	70.322, -33.741, -41.499
Hunter-Lab	64.194, -14.238, -23.87
Binary	01101000, 10110101, 11011101

#68b5dd
```
#68b5dd rgb(104,181,221)
```
#dd9068
```
#dd9068 rgb(221,144,104)
```

Complementary Color

#68ddcb
```
#68ddcb rgb(104,221,203)
```
#68b5dd
```
#68b5dd rgb(104,181,221)
```
#687bdd
```
#687bdd rgb(104,123,221)
```

Analogous Color

#ddcb68
```
#ddcb68 rgb(221,203,104)
```
#68b5dd
```
#68b5dd rgb(104,181,221)
```
#dd687b
```
#dd687b rgb(221,104,123)
```

Split Complementary Color

#b5dd68
```
#b5dd68 rgb(181,221,104)
```
#68b5dd
```
#68b5dd rgb(104,181,221)
```
#dd68b5
```
#dd68b5 rgb(221,104,181)
```

Triadic Color

#68dd90
```
#68dd90 rgb(104,221,144)
```
#68b5dd
```
#68b5dd rgb(104,181,221)
```
#dd68b5
```
#dd68b5 rgb(221,104,181)
```
#dd9068
```
#dd9068 rgb(221,144,104)
```

Tetradic Color

#2e95cb
```
#2e95cb rgb(46,149,203)
```
#3ea1d4
```
#3ea1d4 rgb(62,161,212)
```
#53abd8
```
#53abd8 rgb(83,171,216)
```
#68b5dd
```
#68b5dd rgb(104,181,221)
```
#7dbfe2
```
#7dbfe2 rgb(125,191,226)
```
#92c9e6
```
#92c9e6 rgb(146,201,230)
```
#a6d4eb
```
#a6d4eb rgb(166,212,235)
```

Monochromatic Color

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

#68d2dd
```
#68d2dd rgb(104,210,221)
```
#68c9dd
```
#68c9dd rgb(104,201,221)
```
#68bfdd
```
#68bfdd rgb(104,191,221)
```
#68b5dd
```
#68b5dd rgb(104,181,221)
```
#68abdd
```
#68abdd rgb(104,171,221)
```
#68a2dd
```
#68a2dd rgb(104,162,221)
```
#6898dd
```
#6898dd rgb(104,152,221)
```

Similar Colors

Text with hexadecimal color #68b5dd

This text has a font color of #68b5dd.

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

#68b5dd background color

This paragraph has a background color of #68b5dd.

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

#68b5dd border color

This element has a border color of #68b5dd.

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

CSS codes

.text {color:#68b5dd;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#061219
```
#061219 rgb(6,18,25)
```
#091e29
```
#091e29 rgb(9,30,41)
```
#0d2a39
```
#0d2a39 rgb(13,42,57)
```
#103649
```
#103649 rgb(16,54,73)
```
#144259
```
#144259 rgb(20,66,89)
```
#184d69
```
#184d69 rgb(24,77,105)
```
#1b5979
```
#1b5979 rgb(27,89,121)
```
#1f6589
```
#1f6589 rgb(31,101,137)
```
#227199
```
#227199 rgb(34,113,153)
```
#267ca9
```
#267ca9 rgb(38,124,169)
```
#2a88b9
```
#2a88b9 rgb(42,136,185)
```
#2d94c9
```
#2d94c9 rgb(45,148,201)
```

Shade Color Variation

#389dd2
```
#389dd2 rgb(56,157,210)
```
#48a5d6
```
#48a5d6 rgb(72,165,214)
```
#58add9
```
#58add9 rgb(88,173,217)
```
#68b5dd
```
#68b5dd rgb(104,181,221)
```
#78bde1
```
#78bde1 rgb(120,189,225)
```
#88c5e4
```
#88c5e4 rgb(136,197,228)
```
#98cde8
```
#98cde8 rgb(152,205,232)
```
#a8d4eb
```
#a8d4eb rgb(168,212,235)
```
#b8dcef
```
#b8dcef rgb(184,220,239)
```
#c8e4f3
```
#c8e4f3 rgb(200,228,243)
```
#d8ecf6
```
#d8ecf6 rgb(216,236,246)
```
#e8f4fa
```
#e8f4fa rgb(232,244,250)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#a1a3a4
```
#a1a3a4 rgb(161,163,164)
```
#9aa5ab
```
#9aa5ab rgb(154,165,171)
```
#93a7b2
```
#93a7b2 rgb(147,167,178)
```
#8caab9
```
#8caab9 rgb(140,170,185)
```
#84acc1
```
#84acc1 rgb(132,172,193)
```
#7daec8
```
#7daec8 rgb(125,174,200)
```
#76b0cf
```
#76b0cf rgb(118,176,207)
```
#6fb3d6
```
#6fb3d6 rgb(111,179,214)
```
#68b5dd
```
#68b5dd rgb(104,181,221)
```
#61b7e4
```
#61b7e4 rgb(97,183,228)
```
#5abaeb
```
#5abaeb rgb(90,186,235)
```
#53bcf2
```
#53bcf2 rgb(83,188,242)
```
#4cbef9
```
#4cbef9 rgb(76,190,249)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#97a7af Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5aed8 Protanopia 1% of men
#a3ade2 Deuteranopia 1% of men
#66bcca Tritanopia 0.001% of the population

Trichromacy

#8fb0d9 Protanomaly 1% of men, 0.01% of women
#8db0e0 Deuteranomaly 6% of men, 0.4% of women
#67b9d1 Tritanomaly 0.01% of the population

#68b5dd hex color

#68b5dd Color Information

#68b5dd Color Conversion

Color Schemes with #68b5dd

Alternatives to #68b5dd

#68b5dd Preview

Shades and Tints of #68b5dd

Tones of #68b5dd

Color Blindness Simulator