#68a3ba hex color

In a RGB color space, hex #68a3ba is composed of 40.8% red, 63.9% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 12.4% magenta, 0% yellow and 27.1% black. It has a hue angle of 196.8 degrees, a saturation of 37.3% and a lightness of 56.9%. #68a3ba color hex could be obtained by blending #d0ffff with #004775. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 64
- B 73
RGB color chart
- C 44
- M 12
- Y 0
- K 27
CMYK color chart

● #68a3ba color description : Slightly desaturated blue.

The hexadecimal color #68a3ba has RGB values of R:104, G:163, B:186 and CMYK values of C:0.44, M:0.12, Y:0, K:0.27. Its decimal value is 6857658.

Hex triplet	68a3ba	`#68a3ba`
RGB Decimal	104, 163, 186	`rgb(104,163,186)`
RGB Percent	40.8, 63.9, 72.9	`rgb(40.8%,63.9%,72.9%)`
CMYK	44, 12, 0, 27
HSL	196.8°, 37.3, 56.9	`hsl(196.8,37.3%,56.9%)`
HSV (or HSB)	196.8°, 44.1, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.902, -13.037, -17.866
XYZ	27.667, 32.681, 51.302
xyY	0.248, 0.293, 32.681
CIE-LCH	63.902, 22.117, 233.882
CIE-LUV	63.902, -27.501, -25.342
Hunter-Lab	57.167, -13.656, -13.189
Binary	01101000, 10100011, 10111010

#68a3ba
```
#68a3ba rgb(104,163,186)
```
#ba7f68
```
#ba7f68 rgb(186,127,104)
```

Complementary Color

#68baa8
```
#68baa8 rgb(104,186,168)
```
#68a3ba
```
#68a3ba rgb(104,163,186)
```
#687aba
```
#687aba rgb(104,122,186)
```

Analogous Color

#baa868
```
#baa868 rgb(186,168,104)
```
#68a3ba
```
#68a3ba rgb(104,163,186)
```
#ba687a
```
#ba687a rgb(186,104,122)
```

Split Complementary Color

#a3ba68
```
#a3ba68 rgb(163,186,104)
```
#68a3ba
```
#68a3ba rgb(104,163,186)
```
#ba68a3
```
#ba68a3 rgb(186,104,163)
```

Triadic Color

#68ba7f
```
#68ba7f rgb(104,186,127)
```
#68a3ba
```
#68a3ba rgb(104,163,186)
```
#ba68a3
```
#ba68a3 rgb(186,104,163)
```
#ba7f68
```
#ba7f68 rgb(186,127,104)
```

Tetradic Color

#437c93
```
#437c93 rgb(67,124,147)
```
#4b8ba4
```
#4b8ba4 rgb(75,139,164)
```
#5698b2
```
#5698b2 rgb(86,152,178)
```
#68a3ba
```
#68a3ba rgb(104,163,186)
```
#7aaec2
```
#7aaec2 rgb(122,174,194)
```
#8bb8ca
```
#8bb8ca rgb(139,184,202)
```
#9dc3d2
```
#9dc3d2 rgb(157,195,210)
```

Monochromatic Color

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

#68b8ba
```
#68b8ba rgb(104,184,186)
```
#68b1ba
```
#68b1ba rgb(104,177,186)
```
#68aaba
```
#68aaba rgb(104,170,186)
```
#68a3ba
```
#68a3ba rgb(104,163,186)
```
#689cba
```
#689cba rgb(104,156,186)
```
#6895ba
```
#6895ba rgb(104,149,186)
```
#688fba
```
#688fba rgb(104,143,186)
```

Similar Colors

Text with hexadecimal color #68a3ba

This text has a font color of #68a3ba.

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

#68a3ba background color

This paragraph has a background color of #68a3ba.

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

#68a3ba border color

This element has a border color of #68a3ba.

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

CSS codes

.text {color:#68a3ba;}

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

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

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

#05090b
```
#05090b rgb(5,9,11)
```
#0b1418
```
#0b1418 rgb(11,20,24)
```
#112025
```
#112025 rgb(17,32,37)
```
#172b33
```
#172b33 rgb(23,43,51)
```
#1d3740
```
#1d3740 rgb(29,55,64)
```
#24424e
```
#24424e rgb(36,66,78)
```
#2a4d5b
```
#2a4d5b rgb(42,77,91)
```
#305969
```
#305969 rgb(48,89,105)
```
#366476
```
#366476 rgb(54,100,118)
```
#3c7084
```
#3c7084 rgb(60,112,132)
```
#427b91
```
#427b91 rgb(66,123,145)
```
#48869f
```
#48869f rgb(72,134,159)
```
#4f92ac
```
#4f92ac rgb(79,146,172)
```

Shade Color Variation

#5b9bb4
```
#5b9bb4 rgb(91,155,180)
```
#68a3ba
```
#68a3ba rgb(104,163,186)
```
#75abc0
```
#75abc0 rgb(117,171,192)
```
#83b3c6
```
#83b3c6 rgb(131,179,198)
```
#90bccc
```
#90bccc rgb(144,188,204)
```
#9ec4d3
```
#9ec4d3 rgb(158,196,211)
```
#abccd9
```
#abccd9 rgb(171,204,217)
```
#b9d4df
```
#b9d4df rgb(185,212,223)
```
#c6dce5
```
#c6dce5 rgb(198,220,229)
```
#d4e5eb
```
#d4e5eb rgb(212,229,235)
```
#e1edf1
```
#e1edf1 rgb(225,237,241)
```
#eff5f8
```
#eff5f8 rgb(239,245,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#8a9498
```
#8a9498 rgb(138,148,152)
```
#8198a1
```
#8198a1 rgb(129,152,161)
```
#799ca9
```
#799ca9 rgb(121,156,169)
```
#709fb2
```
#709fb2 rgb(112,159,178)
```
#68a3ba
```
#68a3ba rgb(104,163,186)
```
#60a7c2
```
#60a7c2 rgb(96,167,194)
```
#57aacb
```
#57aacb rgb(87,170,203)
```
#4faed3
```
#4faed3 rgb(79,174,211)
```
#46b2dc
```
#46b2dc rgb(70,178,220)
```
#3eb6e4
```
#3eb6e4 rgb(62,182,228)
```
#35b9ed
```
#35b9ed rgb(53,185,237)
```
#2dbdf5
```
#2dbdf5 rgb(45,189,245)
```
#24c1fe
```
#24c1fe rgb(36,193,254)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8b979c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9eb8 Protanopia 1% of men
#9c9cc1 Deuteranopia 1% of men
#6ca9b5 Tritanopia 0.001% of the population

Trichromacy

#88a0b8 Protanomaly 1% of men, 0.01% of women
#899fbe Deuteranomaly 6% of men, 0.4% of women
#6ba6b7 Tritanomaly 0.01% of the population

#68a3ba hex color

#68a3ba Color Information

#68a3ba Color Conversion

Color Schemes with #68a3ba

Alternatives to #68a3ba

#68a3ba Preview

Shades and Tints of #68a3ba

Tones of #68a3ba

Color Blindness Simulator