#68bcb4 hex color

In a RGB color space, hex #68bcb4 is composed of 40.8% red, 73.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 0% magenta, 4.3% yellow and 26.3% black. It has a hue angle of 174.3 degrees, a saturation of 38.5% and a lightness of 57.3%. #68bcb4 color hex could be obtained by blending #d0ffff with #007969. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 41
- G 74
- B 71
RGB color chart
- C 45
- M 0
- Y 4
- K 26
CMYK color chart

● #68bcb4 color description : Slightly desaturated cyan.

The hexadecimal color #68bcb4 has RGB values of R:104, G:188, B:180 and CMYK values of C:0.45, M:0, Y:0.04, K:0.26. Its decimal value is 6864052.

Hex triplet	68bcb4	`#68bcb4`
RGB Decimal	104, 188, 180	`rgb(104,188,180)`
RGB Percent	40.8, 73.7, 70.6	`rgb(40.8%,73.7%,70.6%)`
CMYK	45, 0, 4, 26
HSL	174.3°, 38.5, 57.3	`hsl(174.3,38.5%,57.3%)`
HSV (or HSB)	174.3°, 44.7, 73.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.011, -27.471, -3.912
XYZ	31.928, 42.203, 49.641
xyY	0.258, 0.341, 42.203
CIE-LCH	71.011, 27.748, 188.105
CIE-LUV	71.011, -37.779, -1.532
Hunter-Lab	64.964, -25.958, 0.169
Binary	01101000, 10111100, 10110100

#68bcb4
```
#68bcb4 rgb(104,188,180)
```
#bc6870
```
#bc6870 rgb(188,104,112)
```

Complementary Color

#68bc8a
```
#68bc8a rgb(104,188,138)
```
#68bcb4
```
#68bcb4 rgb(104,188,180)
```
#689abc
```
#689abc rgb(104,154,188)
```

Analogous Color

#bc8a68
```
#bc8a68 rgb(188,138,104)
```
#68bcb4
```
#68bcb4 rgb(104,188,180)
```
#bc689a
```
#bc689a rgb(188,104,154)
```

Split Complementary Color

#bcb468
```
#bcb468 rgb(188,180,104)
```
#68bcb4
```
#68bcb4 rgb(104,188,180)
```
#b468bc
```
#b468bc rgb(180,104,188)
```

Triadic Color

#70bc68
```
#70bc68 rgb(112,188,104)
```
#68bcb4
```
#68bcb4 rgb(104,188,180)
```
#b468bc
```
#b468bc rgb(180,104,188)
```
#bc6870
```
#bc6870 rgb(188,104,112)
```

Tetradic Color

#42958d
```
#42958d rgb(66,149,141)
```
#4aa79e
```
#4aa79e rgb(74,167,158)
```
#56b4ab
```
#56b4ab rgb(86,180,171)
```
#68bcb4
```
#68bcb4 rgb(104,188,180)
```
#7ac4bd
```
#7ac4bd rgb(122,196,189)
```
#8bccc6
```
#8bccc6 rgb(139,204,198)
```
#9dd4ce
```
#9dd4ce rgb(157,212,206)
```

Monochromatic Color

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

#68bc9f
```
#68bc9f rgb(104,188,159)
```
#68bca6
```
#68bca6 rgb(104,188,166)
```
#68bcad
```
#68bcad rgb(104,188,173)
```
#68bcb4
```
#68bcb4 rgb(104,188,180)
```
#68bcbb
```
#68bcbb rgb(104,188,187)
```
#68b6bc
```
#68b6bc rgb(104,182,188)
```
#68afbc
```
#68afbc rgb(104,175,188)
```

Similar Colors

Text with hexadecimal color #68bcb4

This text has a font color of #68bcb4.

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

#68bcb4 background color

This paragraph has a background color of #68bcb4.

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

#68bcb4 border color

This element has a border color of #68bcb4.

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

CSS codes

.text {color:#68bcb4;}

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

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

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, #050c0b is the darkest color, while #fdfefe is the lightest one.

#050c0b
```
#050c0b rgb(5,12,11)
```
#0b1a18
```
#0b1a18 rgb(11,26,24)
```
#112725
```
#112725 rgb(17,39,37)
```
#173532
```
#173532 rgb(23,53,50)
```
#1d423f
```
#1d423f rgb(29,66,63)
```
#23504c
```
#23504c rgb(35,80,76)
```
#2a5e59
```
#2a5e59 rgb(42,94,89)
```
#306b65
```
#306b65 rgb(48,107,101)
```
#367972
```
#367972 rgb(54,121,114)
```
#3c867f
```
#3c867f rgb(60,134,127)
```
#42948c
```
#42948c rgb(66,148,140)
```
#48a199
```
#48a199 rgb(72,161,153)
```
#4eafa6
```
#4eafa6 rgb(78,175,166)
```

Shade Color Variation

#5ab6ad
```
#5ab6ad rgb(90,182,173)
```
#68bcb4
```
#68bcb4 rgb(104,188,180)
```
#76c2bb
```
#76c2bb rgb(118,194,187)
```
#83c8c1
```
#83c8c1 rgb(131,200,193)
```
#91cec8
```
#91cec8 rgb(145,206,200)
```
#9ed4cf
```
#9ed4cf rgb(158,212,207)
```
#acdad6
```
#acdad6 rgb(172,218,214)
```
#bae0dc
```
#bae0dc rgb(186,224,220)
```
#c7e6e3
```
#c7e6e3 rgb(199,230,227)
```
#d5ecea
```
#d5ecea rgb(213,236,234)
```
#e2f2f1
```
#e2f2f1 rgb(226,242,241)
```
#f0f8f7
```
#f0f8f7 rgb(240,248,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#929292
```
#929292 rgb(146,146,146)
```
#8a9a99
```
#8a9a99 rgb(138,154,153)
```
#81a3a0
```
#81a3a0 rgb(129,163,160)
```
#79aba6
```
#79aba6 rgb(121,171,166)
```
#70b4ad
```
#70b4ad rgb(112,180,173)
```
#68bcb4
```
#68bcb4 rgb(104,188,180)
```
#60c4bb
```
#60c4bb rgb(96,196,187)
```
#57cdc2
```
#57cdc2 rgb(87,205,194)
```
#4fd5c8
```
#4fd5c8 rgb(79,213,200)
```
#46decf
```
#46decf rgb(70,222,207)
```
#3ee6d6
```
#3ee6d6 rgb(62,230,214)
```
#36eedd
```
#36eedd rgb(54,238,221)
```
#2df7e4
```
#2df7e4 rgb(45,247,228)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#96a7a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b1b0 Protanopia 1% of men
#bcadbe Deuteranopia 1% of men
#76bcca Tritanopia 0.001% of the population

Trichromacy

#99b5b1 Protanomaly 1% of men, 0.01% of women
#9db2ba Deuteranomaly 6% of men, 0.4% of women
#71bcc2 Tritanomaly 0.01% of the population

#68bcb4 hex color

#68bcb4 Color Information

#68bcb4 Color Conversion

Color Schemes with #68bcb4

Alternatives to #68bcb4

#68bcb4 Preview

Shades and Tints of #68bcb4

Tones of #68bcb4

Color Blindness Simulator