#68dae2 hex color

In a RGB color space, hex #68dae2 is composed of 40.8% red, 85.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 3.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 183.9 degrees, a saturation of 67.8% and a lightness of 64.7%. #68dae2 color hex could be obtained by blending #d0ffff with #00b5c5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 41
- G 85
- B 89
RGB color chart
- C 54
- M 4
- Y 0
- K 11
CMYK color chart

● #68dae2 color description : Soft cyan.

The hexadecimal color #68dae2 has RGB values of R:104, G:218, B:226 and CMYK values of C:0.54, M:0.04, Y:0, K:0.11. Its decimal value is 6871778.

Hex triplet	68dae2	`#68dae2`
RGB Decimal	104, 218, 226	`rgb(104,218,226)`
RGB Percent	40.8, 85.5, 88.6	`rgb(40.8%,85.5%,88.6%)`
CMYK	54, 4, 0, 11
HSL	183.9°, 67.8, 64.7	`hsl(183.9,67.8%,64.7%)`
HSV (or HSB)	183.9°, 54, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.057, -30.087, -13.812
XYZ	44.504, 58.574, 80.908
xyY	0.242, 0.318, 58.574
CIE-LCH	81.057, 33.106, 204.658
CIE-LUV	81.057, -47.572, -17.027
Hunter-Lab	76.533, -30.136, -9.106
Binary	01101000, 11011010, 11100010

#68dae2
```
#68dae2 rgb(104,218,226)
```
#e27068
```
#e27068 rgb(226,112,104)
```

Complementary Color

#68e2ad
```
#68e2ad rgb(104,226,173)
```
#68dae2
```
#68dae2 rgb(104,218,226)
```
#689de2
```
#689de2 rgb(104,157,226)
```

Analogous Color

#e2ad68
```
#e2ad68 rgb(226,173,104)
```
#68dae2
```
#68dae2 rgb(104,218,226)
```
#e2689d
```
#e2689d rgb(226,104,157)
```

Split Complementary Color

#dae268
```
#dae268 rgb(218,226,104)
```
#68dae2
```
#68dae2 rgb(104,218,226)
```
#e268da
```
#e268da rgb(226,104,218)
```

Triadic Color

#68e270
```
#68e270 rgb(104,226,112)
```
#68dae2
```
#68dae2 rgb(104,218,226)
```
#e268da
```
#e268da rgb(226,104,218)
```
#e27068
```
#e27068 rgb(226,112,104)
```

Tetradic Color

#29c9d5
```
#29c9d5 rgb(41,201,213)
```
#3dd0da
```
#3dd0da rgb(61,208,218)
```
#53d5de
```
#53d5de rgb(83,213,222)
```
#68dae2
```
#68dae2 rgb(104,218,226)
```
#7ddfe6
```
#7ddfe6 rgb(125,223,230)
```
#93e4ea
```
#93e4ea rgb(147,228,234)
```
#a8eaee
```
#a8eaee rgb(168,234,238)
```

Monochromatic Color

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

#68e2cc
```
#68e2cc rgb(104,226,204)
```
#68e2d6
```
#68e2d6 rgb(104,226,214)
```
#68e2e0
```
#68e2e0 rgb(104,226,224)
```
#68dae2
```
#68dae2 rgb(104,218,226)
```
#68d0e2
```
#68d0e2 rgb(104,208,226)
```
#68c6e2
```
#68c6e2 rgb(104,198,226)
```
#68bce2
```
#68bce2 rgb(104,188,226)
```

Similar Colors

Text with hexadecimal color #68dae2

This text has a font color of #68dae2.

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

#68dae2 background color

This paragraph has a background color of #68dae2.

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

#68dae2 border color

This element has a border color of #68dae2.

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

CSS codes

.text {color:#68dae2;}

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

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

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, #030d0e is the darkest color, while #fcfefe is the lightest one.

#030d0e
```
#030d0e rgb(3,13,14)
```
#061c1e
```
#061c1e rgb(6,28,30)
```
#092c2e
```
#092c2e rgb(9,44,46)
```
#0c3c3f
```
#0c3c3f rgb(12,60,63)
```
#0f4b4f
```
#0f4b4f rgb(15,75,79)
```
#125b60
```
#125b60 rgb(18,91,96)
```
#166a70
```
#166a70 rgb(22,106,112)
```
#197a81
```
#197a81 rgb(25,122,129)
```
#1c8a91
```
#1c8a91 rgb(28,138,145)
```
#1f99a2
```
#1f99a2 rgb(31,153,162)
```
#22a9b2
```
#22a9b2 rgb(34,169,178)
```
#25b8c3
```
#25b8c3 rgb(37,184,195)
```
#29c8d3
```
#29c8d3 rgb(41,200,211)
```

Shade Color Variation

#37ced9
```
#37ced9 rgb(55,206,217)
```
#47d2dc
```
#47d2dc rgb(71,210,220)
```
#58d6df
```
#58d6df rgb(88,214,223)
```
#68dae2
```
#68dae2 rgb(104,218,226)
```
#78dee5
```
#78dee5 rgb(120,222,229)
```
#89e2e8
```
#89e2e8 rgb(137,226,232)
```
#99e6eb
```
#99e6eb rgb(153,230,235)
```
#aaeaef
```
#aaeaef rgb(170,234,239)
```
#baeef2
```
#baeef2 rgb(186,238,242)
```
#cbf2f5
```
#cbf2f5 rgb(203,242,245)
```
#dbf6f8
```
#dbf6f8 rgb(219,246,248)
```
#ecfafb
```
#ecfafb rgb(236,250,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#9faaab
```
#9faaab rgb(159,170,171)
```
#98b0b2
```
#98b0b2 rgb(152,176,178)
```
#92b6b8
```
#92b6b8 rgb(146,182,184)
```
#8bbcbf
```
#8bbcbf rgb(139,188,191)
```
#84c2c6
```
#84c2c6 rgb(132,194,198)
```
#7dc8cd
```
#7dc8cd rgb(125,200,205)
```
#76ced4
```
#76ced4 rgb(118,206,212)
```
#6fd4db
```
#6fd4db rgb(111,212,219)
```
#68dae2
```
#68dae2 rgb(104,218,226)
```
#61e0e9
```
#61e0e9 rgb(97,224,233)
```
#5ae6f0
```
#5ae6f0 rgb(90,230,240)
```
#53ecf7
```
#53ecf7 rgb(83,236,247)
```
#4cf2fe
```
#4cf2fe rgb(76,242,254)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a9c0c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcad9 Protanopia 1% of men
#cfc7ea Deuteranopia 1% of men
#73daea Tritanopia 0.001% of the population

Trichromacy

#a7d0dc Protanomaly 1% of men, 0.01% of women
#a9cee7 Deuteranomaly 6% of men, 0.4% of women
#6fdae7 Tritanomaly 0.01% of the population

#68dae2 hex color

#68dae2 Color Information

#68dae2 Color Conversion

Color Schemes with #68dae2

Alternatives to #68dae2

#68dae2 Preview

Shades and Tints of #68dae2

Tones of #68dae2

Color Blindness Simulator