#68abb2 hex color

In a RGB color space, hex #68abb2 is composed of 40.8% red, 67.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 3.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 185.7 degrees, a saturation of 32.5% and a lightness of 55.3%. #68abb2 color hex could be obtained by blending #d0ffff with #005765. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 41
- G 67
- B 70
RGB color chart
- C 42
- M 4
- Y 0
- K 30
CMYK color chart

● #68abb2 color description : Mostly desaturated dark cyan.

The hexadecimal color #68abb2 has RGB values of R:104, G:171, B:178 and CMYK values of C:0.42, M:0.04, Y:0, K:0.3. Its decimal value is 6859698.

Hex triplet	68abb2	`#68abb2`
RGB Decimal	104, 171, 178	`rgb(104,171,178)`
RGB Percent	40.8, 67.1, 69.8	`rgb(40.8%,67.1%,69.8%)`
CMYK	42, 4, 0, 30
HSL	185.7°, 32.5, 55.3	`hsl(185.7,32.5%,55.3%)`
HSV (or HSB)	185.7°, 41.6, 69.8
Web Safe	669999	`#669999`

CIE-LAB	65.967, -19.409, -10.293
XYZ	28.306, 35.282, 47.436
xyY	0.255, 0.318, 35.282
CIE-LCH	65.967, 21.969, 207.937
CIE-LUV	65.967, -30.921, -12.529
Hunter-Lab	59.398, -18.885, -5.77
Binary	01101000, 10101011, 10110010

#68abb2
```
#68abb2 rgb(104,171,178)
```
#b26f68
```
#b26f68 rgb(178,111,104)
```

Complementary Color

#68b294
```
#68b294 rgb(104,178,148)
```
#68abb2
```
#68abb2 rgb(104,171,178)
```
#6886b2
```
#6886b2 rgb(104,134,178)
```

Analogous Color

#b29468
```
#b29468 rgb(178,148,104)
```
#68abb2
```
#68abb2 rgb(104,171,178)
```
#b26886
```
#b26886 rgb(178,104,134)
```

Split Complementary Color

#abb268
```
#abb268 rgb(171,178,104)
```
#68abb2
```
#68abb2 rgb(104,171,178)
```
#b268ab
```
#b268ab rgb(178,104,171)
```

Triadic Color

#68b26f
```
#68b26f rgb(104,178,111)
```
#68abb2
```
#68abb2 rgb(104,171,178)
```
#b268ab
```
#b268ab rgb(178,104,171)
```
#b26f68
```
#b26f68 rgb(178,111,104)
```

Tetradic Color

#458288
```
#458288 rgb(69,130,136)
```
#4e9299
```
#4e9299 rgb(78,146,153)
```
#57a2a9
```
#57a2a9 rgb(87,162,169)
```
#68abb2
```
#68abb2 rgb(104,171,178)
```
#79b4bb
```
#79b4bb rgb(121,180,187)
```
#8abec3
```
#8abec3 rgb(138,190,195)
```
#9bc7cc
```
#9bc7cc rgb(155,199,204)
```

Monochromatic Color

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

#68b2a7
```
#68b2a7 rgb(104,178,167)
```
#68b2ad
```
#68b2ad rgb(104,178,173)
```
#68b1b2
```
#68b1b2 rgb(104,177,178)
```
#68abb2
```
#68abb2 rgb(104,171,178)
```
#68a5b2
```
#68a5b2 rgb(104,165,178)
```
#689fb2
```
#689fb2 rgb(104,159,178)
```
#6899b2
```
#6899b2 rgb(104,153,178)
```

Similar Colors

Text with hexadecimal color #68abb2

This text has a font color of #68abb2.

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

#68abb2 background color

This paragraph has a background color of #68abb2.

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

#68abb2 border color

This element has a border color of #68abb2.

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

CSS codes

.text {color:#68abb2;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#091112
```
#091112 rgb(9,17,18)
```
#101d1f
```
#101d1f rgb(16,29,31)
```
#162a2c
```
#162a2c rgb(22,42,44)
```
#1d3639
```
#1d3639 rgb(29,54,57)
```
#244346
```
#244346 rgb(36,67,70)
```
#2a4f53
```
#2a4f53 rgb(42,79,83)
```
#315b60
```
#315b60 rgb(49,91,96)
```
#37686d
```
#37686d rgb(55,104,109)
```
#3e747a
```
#3e747a rgb(62,116,122)
```
#458187
```
#458187 rgb(69,129,135)
```
#4b8d94
```
#4b8d94 rgb(75,141,148)
```
#5299a1
```
#5299a1 rgb(82,153,161)
```

Shade Color Variation

#5ba4ab
```
#5ba4ab rgb(91,164,171)
```
#68abb2
```
#68abb2 rgb(104,171,178)
```
#75b2b9
```
#75b2b9 rgb(117,178,185)
```
#82b9bf
```
#82b9bf rgb(130,185,191)
```
#8fc1c6
```
#8fc1c6 rgb(143,193,198)
```
#9cc8cc
```
#9cc8cc rgb(156,200,204)
```
#a9cfd3
```
#a9cfd3 rgb(169,207,211)
```
#b6d6da
```
#b6d6da rgb(182,214,218)
```
#c3dee0
```
#c3dee0 rgb(195,222,224)
```
#d0e5e7
```
#d0e5e7 rgb(208,229,231)
```
#ddecee
```
#ddecee rgb(221,236,238)
```
#eaf3f4
```
#eaf3f4 rgb(234,243,244)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8f8f is the less saturated color, while #22e4f8 is the most saturated one.

#8b8f8f
```
#8b8f8f rgb(139,143,143)
```
#829698
```
#829698 rgb(130,150,152)
```
#7a9da0
```
#7a9da0 rgb(122,157,160)
```
#71a4a9
```
#71a4a9 rgb(113,164,169)
```
#68abb2
```
#68abb2 rgb(104,171,178)
```
#5fb2bb
```
#5fb2bb rgb(95,178,187)
```
#56b9c4
```
#56b9c4 rgb(86,185,196)
```
#4ec0cc
```
#4ec0cc rgb(78,192,204)
```
#45c7d5
```
#45c7d5 rgb(69,199,213)
```
#3ccfde
```
#3ccfde rgb(60,207,222)
```
#33d6e7
```
#33d6e7 rgb(51,214,231)
```
#2bddef
```
#2bddef rgb(43,221,239)
```
#22e4f8
```
#22e4f8 rgb(34,228,248)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8e9c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a4af Protanopia 1% of men
#a9a1ba Deuteranopia 1% of men
#71aebb Tritanopia 0.001% of the population

Trichromacy

#8ea6b0 Protanomaly 1% of men, 0.01% of women
#91a4b7 Deuteranomaly 6% of men, 0.4% of women
#6eadb7 Tritanomaly 0.01% of the population

#68abb2 hex color

#68abb2 Color Information

#68abb2 Color Conversion

Color Schemes with #68abb2

Alternatives to #68abb2

#68abb2 Preview

Shades and Tints of #68abb2

Tones of #68abb2

Color Blindness Simulator