#68dcf1 hex color

In a RGB color space, hex #68dcf1 is composed of 40.8% red, 86.3% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 8.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 189.2 degrees, a saturation of 83% and a lightness of 67.6%. #68dcf1 color hex could be obtained by blending #d0ffff with #00b9e3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 41
- G 86
- B 95
RGB color chart
- C 57
- M 9
- Y 0
- K 5
CMYK color chart

● #68dcf1 color description : Soft cyan.

The hexadecimal color #68dcf1 has RGB values of R:104, G:220, B:241 and CMYK values of C:0.57, M:0.09, Y:0, K:0.05. Its decimal value is 6872305.

Hex triplet	68dcf1	`#68dcf1`
RGB Decimal	104, 220, 241	`rgb(104,220,241)`
RGB Percent	40.8, 86.3, 94.5	`rgb(40.8%,86.3%,94.5%)`
CMYK	57, 9, 0, 5
HSL	189.2°, 83, 67.6	`hsl(189.2,83%,67.6%)`
HSV (or HSB)	189.2°, 56.8, 94.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.097, -26.953, -20.22
XYZ	47.175, 60.477, 92.401
xyY	0.236, 0.302, 60.477
CIE-LCH	82.097, 33.694, 216.877
CIE-LUV	82.097, -47.617, -28.147
Hunter-Lab	77.767, -27.81, -16.011
Binary	01101000, 11011100, 11110001

#68dcf1
```
#68dcf1 rgb(104,220,241)
```
#f17d68
```
#f17d68 rgb(241,125,104)
```

Complementary Color

#68f1c2
```
#68f1c2 rgb(104,241,194)
```
#68dcf1
```
#68dcf1 rgb(104,220,241)
```
#6898f1
```
#6898f1 rgb(104,152,241)
```

Analogous Color

#f1c268
```
#f1c268 rgb(241,194,104)
```
#68dcf1
```
#68dcf1 rgb(104,220,241)
```
#f16898
```
#f16898 rgb(241,104,152)
```

Split Complementary Color

#dcf168
```
#dcf168 rgb(220,241,104)
```
#68dcf1
```
#68dcf1 rgb(104,220,241)
```
#f168dc
```
#f168dc rgb(241,104,220)
```

Triadic Color

#68f17d
```
#68f17d rgb(104,241,125)
```
#68dcf1
```
#68dcf1 rgb(104,220,241)
```
#f168dc
```
#f168dc rgb(241,104,220)
```
#f17d68
```
#f17d68 rgb(241,125,104)
```

Tetradic Color

#22cceb
```
#22cceb rgb(34,204,235)
```
#39d1ed
```
#39d1ed rgb(57,209,237)
```
#51d7ef
```
#51d7ef rgb(81,215,239)
```
#68dcf1
```
#68dcf1 rgb(104,220,241)
```
#7fe1f3
```
#7fe1f3 rgb(127,225,243)
```
#97e7f5
```
#97e7f5 rgb(151,231,245)
```
#aeecf7
```
#aeecf7 rgb(174,236,247)
```

Monochromatic Color

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

#68f1e4
```
#68f1e4 rgb(104,241,228)
```
#68f1ef
```
#68f1ef rgb(104,241,239)
```
#68e7f1
```
#68e7f1 rgb(104,231,241)
```
#68dcf1
```
#68dcf1 rgb(104,220,241)
```
#68d1f1
```
#68d1f1 rgb(104,209,241)
```
#68c5f1
```
#68c5f1 rgb(104,197,241)
```
#68baf1
```
#68baf1 rgb(104,186,241)
```

Similar Colors

Text with hexadecimal color #68dcf1

This text has a font color of #68dcf1.

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

#68dcf1 background color

This paragraph has a background color of #68dcf1.

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

#68dcf1 border color

This element has a border color of #68dcf1.

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

CSS codes

.text {color:#68dcf1;}

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

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

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, #01090b is the darkest color, while #f8fdfe is the lightest one.

#01090b
```
#01090b rgb(1,9,11)
```
#03191d
```
#03191d rgb(3,25,29)
```
#04282e
```
#04282e rgb(4,40,46)
```
#063740
```
#063740 rgb(6,55,64)
```
#084752
```
#084752 rgb(8,71,82)
```
#095664
```
#095664 rgb(9,86,100)
```
#0b6676
```
#0b6676 rgb(11,102,118)
```
#0d7588
```
#0d7588 rgb(13,117,136)
```
#0e859a
```
#0e859a rgb(14,133,154)
```
#1094ac
```
#1094ac rgb(16,148,172)
```
#12a4be
```
#12a4be rgb(18,164,190)
```
#13b3d0
```
#13b3d0 rgb(19,179,208)
```
#15c3e2
```
#15c3e2 rgb(21,195,226)
```

Shade Color Variation

#20cbea
```
#20cbea rgb(32,203,234)
```
#32d0ec
```
#32d0ec rgb(50,208,236)
```
#44d4ee
```
#44d4ee rgb(68,212,238)
```
#56d8ef
```
#56d8ef rgb(86,216,239)
```
#68dcf1
```
#68dcf1 rgb(104,220,241)
```
#7ae0f3
```
#7ae0f3 rgb(122,224,243)
```
#8ce4f4
```
#8ce4f4 rgb(140,228,244)
```
#9ee8f6
```
#9ee8f6 rgb(158,232,246)
```
#b0edf8
```
#b0edf8 rgb(176,237,248)
```
#c2f1f9
```
#c2f1f9 rgb(194,241,249)
```
#d4f5fb
```
#d4f5fb rgb(212,245,251)
```
#e6f9fd
```
#e6f9fd rgb(230,249,253)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

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

#a7b0b2
```
#a7b0b2 rgb(167,176,178)
```
#a1b4b8
```
#a1b4b8 rgb(161,180,184)
```
#9bb9be
```
#9bb9be rgb(155,185,190)
```
#94bdc5
```
#94bdc5 rgb(148,189,197)
```
#8ec2cb
```
#8ec2cb rgb(142,194,203)
```
#88c6d1
```
#88c6d1 rgb(136,198,209)
```
#81cad8
```
#81cad8 rgb(129,202,216)
```
#7bcfde
```
#7bcfde rgb(123,207,222)
```
#75d3e4
```
#75d3e4 rgb(117,211,228)
```
#6ed8eb
```
#6ed8eb rgb(110,216,235)
```
#68dcf1
```
#68dcf1 rgb(104,220,241)
```
#62e0f7
```
#62e0f7 rgb(98,224,247)
```
#5be5fe
```
#5be5fe rgb(91,229,254)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#abc2c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cacde7 Protanopia 1% of men
#cbcaf8 Deuteranopia 1% of men
#6edeee Tritanopia 0.001% of the population

Trichromacy

#a6d2eb Protanomaly 1% of men, 0.01% of women
#a7d1f5 Deuteranomaly 6% of men, 0.4% of women
#6bddef Tritanomaly 0.01% of the population

#68dcf1 hex color

#68dcf1 Color Information

#68dcf1 Color Conversion

Color Schemes with #68dcf1

Alternatives to #68dcf1

#68dcf1 Preview

Shades and Tints of #68dcf1

Tones of #68dcf1

Color Blindness Simulator