#68cddd hex color

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

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

● #68cddd color description : Soft cyan.

The hexadecimal color #68cddd has RGB values of R:104, G:205, B:221 and CMYK values of C:0.53, M:0.07, Y:0, K:0.13. Its decimal value is 6868445.

Hex triplet	68cddd	`#68cddd`
RGB Decimal	104, 205, 221	`rgb(104,205,221)`
RGB Percent	40.8, 80.4, 86.7	`rgb(40.8%,80.4%,86.7%)`
CMYK	53, 7, 0, 13
HSL	188.2°, 63.2, 63.7	`hsl(188.2,63.2%,63.7%)`
HSV (or HSB)	188.2°, 52.9, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.175, -25.096, -16.972
XYZ	40.588, 51.823, 76.267
xyY	0.241, 0.307, 51.823
CIE-LCH	77.175, 30.296, 214.07
CIE-LUV	77.175, -42.878, -22.826
Hunter-Lab	71.988, -25.34, -12.422
Binary	01101000, 11001101, 11011101

#68cddd
```
#68cddd rgb(104,205,221)
```
#dd7868
```
#dd7868 rgb(221,120,104)
```

Complementary Color

#68ddb3
```
#68ddb3 rgb(104,221,179)
```
#68cddd
```
#68cddd rgb(104,205,221)
```
#6893dd
```
#6893dd rgb(104,147,221)
```

Analogous Color

#ddb368
```
#ddb368 rgb(221,179,104)
```
#68cddd
```
#68cddd rgb(104,205,221)
```
#dd6893
```
#dd6893 rgb(221,104,147)
```

Split Complementary Color

#cddd68
```
#cddd68 rgb(205,221,104)
```
#68cddd
```
#68cddd rgb(104,205,221)
```
#dd68cd
```
#dd68cd rgb(221,104,205)
```

Triadic Color

#68dd78
```
#68dd78 rgb(104,221,120)
```
#68cddd
```
#68cddd rgb(104,205,221)
```
#dd68cd
```
#dd68cd rgb(221,104,205)
```
#dd7868
```
#dd7868 rgb(221,120,104)
```

Tetradic Color

#2eb5cb
```
#2eb5cb rgb(46,181,203)
```
#3ebfd4
```
#3ebfd4 rgb(62,191,212)
```
#53c6d8
```
#53c6d8 rgb(83,198,216)
```
#68cddd
```
#68cddd rgb(104,205,221)
```
#7dd4e2
```
#7dd4e2 rgb(125,212,226)
```
#92dbe6
```
#92dbe6 rgb(146,219,230)
```
#a6e2eb
```
#a6e2eb rgb(166,226,235)
```

Monochromatic Color

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

#68ddd0
```
#68ddd0 rgb(104,221,208)
```
#68ddda
```
#68ddda rgb(104,221,218)
```
#68d7dd
```
#68d7dd rgb(104,215,221)
```
#68cddd
```
#68cddd rgb(104,205,221)
```
#68c3dd
```
#68c3dd rgb(104,195,221)
```
#68badd
```
#68badd rgb(104,186,221)
```
#68b0dd
```
#68b0dd rgb(104,176,221)
```

Similar Colors

Text with hexadecimal color #68cddd

This text has a font color of #68cddd.

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

#68cddd background color

This paragraph has a background color of #68cddd.

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

#68cddd border color

This element has a border color of #68cddd.

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

CSS codes

.text {color:#68cddd;}

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

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

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

#020809
```
#020809 rgb(2,8,9)
```
#061619
```
#061619 rgb(6,22,25)
```
#092529
```
#092529 rgb(9,37,41)
```
#0d3339
```
#0d3339 rgb(13,51,57)
```
#104149
```
#104149 rgb(16,65,73)
```
#145059
```
#145059 rgb(20,80,89)
```
#185e69
```
#185e69 rgb(24,94,105)
```
#1b6c79
```
#1b6c79 rgb(27,108,121)
```
#1f7b89
```
#1f7b89 rgb(31,123,137)
```
#228999
```
#228999 rgb(34,137,153)
```
#2697a9
```
#2697a9 rgb(38,151,169)
```
#2aa6b9
```
#2aa6b9 rgb(42,166,185)
```
#2db4c9
```
#2db4c9 rgb(45,180,201)
```

Shade Color Variation

#38bdd2
```
#38bdd2 rgb(56,189,210)
```
#48c2d6
```
#48c2d6 rgb(72,194,214)
```
#58c8d9
```
#58c8d9 rgb(88,200,217)
```
#68cddd
```
#68cddd rgb(104,205,221)
```
#78d2e1
```
#78d2e1 rgb(120,210,225)
```
#88d8e4
```
#88d8e4 rgb(136,216,228)
```
#98dde8
```
#98dde8 rgb(152,221,232)
```
#a8e2eb
```
#a8e2eb rgb(168,226,235)
```
#b8e8ef
```
#b8e8ef rgb(184,232,239)
```
#c8edf3
```
#c8edf3 rgb(200,237,243)
```
#d8f2f6
```
#d8f2f6 rgb(216,242,246)
```
#e8f7fa
```
#e8f7fa rgb(232,247,250)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#a1a4a4
```
#a1a4a4 rgb(161,164,164)
```
#9aa9ab
```
#9aa9ab rgb(154,169,171)
```
#93aeb2
```
#93aeb2 rgb(147,174,178)
```
#8cb3b9
```
#8cb3b9 rgb(140,179,185)
```
#84b8c1
```
#84b8c1 rgb(132,184,193)
```
#7dbdc8
```
#7dbdc8 rgb(125,189,200)
```
#76c3cf
```
#76c3cf rgb(118,195,207)
```
#6fc8d6
```
#6fc8d6 rgb(111,200,214)
```
#68cddd
```
#68cddd rgb(104,205,221)
```
#61d2e4
```
#61d2e4 rgb(97,210,228)
```
#5ad7eb
```
#5ad7eb rgb(90,215,235)
```
#53ddf2
```
#53ddf2 rgb(83,221,242)
```
#4ce2f9
```
#4ce2f9 rgb(76,226,249)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a2b7ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec0d5 Protanopia 1% of men
#c1bde5 Deuteranopia 1% of men
#6fcfde Tritanopia 0.001% of the population

Trichromacy

#9fc5d8 Protanomaly 1% of men, 0.01% of women
#a0c3e2 Deuteranomaly 6% of men, 0.4% of women
#6dcede Tritanomaly 0.01% of the population

#68cddd hex color

#68cddd Color Information

#68cddd Color Conversion

Color Schemes with #68cddd

Alternatives to #68cddd

#68cddd Preview

Shades and Tints of #68cddd

Tones of #68cddd

Color Blindness Simulator