#68a7c2 hex color

In a RGB color space, hex #68a7c2 is composed of 40.8% red, 65.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 13.9% magenta, 0% yellow and 23.9% black. It has a hue angle of 198 degrees, a saturation of 42.5% and a lightness of 58.4%. #68a7c2 color hex could be obtained by blending #d0ffff with #004f85. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 65
- B 76
RGB color chart
- C 46
- M 14
- Y 0
- K 24
CMYK color chart

● #68a7c2 color description : Slightly desaturated blue.

The hexadecimal color #68a7c2 has RGB values of R:104, G:167, B:194 and CMYK values of C:0.46, M:0.14, Y:0, K:0.24. Its decimal value is 6858690.

Hex triplet	68a7c2	`#68a7c2`
RGB Decimal	104, 167, 194	`rgb(104,167,194)`
RGB Percent	40.8, 65.5, 76.1	`rgb(40.8%,65.5%,76.1%)`
CMYK	46, 14, 0, 24
HSL	198°, 42.5, 58.4	`hsl(198,42.5%,58.4%)`
HSV (or HSB)	198°, 46.4, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.337, -12.97, -20.146
XYZ	29.263, 34.474, 56.148
xyY	0.244, 0.288, 34.474
CIE-LCH	65.337, 23.959, 237.227
CIE-LUV	65.337, -28.955, -29.123
Hunter-Lab	58.714, -13.787, -15.598
Binary	01101000, 10100111, 11000010

#68a7c2
```
#68a7c2 rgb(104,167,194)
```
#c28368
```
#c28368 rgb(194,131,104)
```

Complementary Color

#68c2b0
```
#68c2b0 rgb(104,194,176)
```
#68a7c2
```
#68a7c2 rgb(104,167,194)
```
#687ac2
```
#687ac2 rgb(104,122,194)
```

Analogous Color

#c2b068
```
#c2b068 rgb(194,176,104)
```
#68a7c2
```
#68a7c2 rgb(104,167,194)
```
#c2687a
```
#c2687a rgb(194,104,122)
```

Split Complementary Color

#a7c268
```
#a7c268 rgb(167,194,104)
```
#68a7c2
```
#68a7c2 rgb(104,167,194)
```
#c268a7
```
#c268a7 rgb(194,104,167)
```

Triadic Color

#68c283
```
#68c283 rgb(104,194,131)
```
#68a7c2
```
#68a7c2 rgb(104,167,194)
```
#c268a7
```
#c268a7 rgb(194,104,167)
```
#c28368
```
#c28368 rgb(194,131,104)
```

Tetradic Color

#40829e
```
#40829e rgb(64,130,158)
```
#4790b0
```
#4790b0 rgb(71,144,176)
```
#569cbb
```
#569cbb rgb(86,156,187)
```
#68a7c2
```
#68a7c2 rgb(104,167,194)
```
#7ab2c9
```
#7ab2c9 rgb(122,178,201)
```
#8cbcd1
```
#8cbcd1 rgb(140,188,209)
```
#9ec7d8
```
#9ec7d8 rgb(158,199,216)
```

Monochromatic Color

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

#68bec2
```
#68bec2 rgb(104,190,194)
```
#68b6c2
```
#68b6c2 rgb(104,182,194)
```
#68afc2
```
#68afc2 rgb(104,175,194)
```
#68a7c2
```
#68a7c2 rgb(104,167,194)
```
#68a0c2
```
#68a0c2 rgb(104,160,194)
```
#6898c2
```
#6898c2 rgb(104,152,194)
```
#6891c2
```
#6891c2 rgb(104,145,194)
```

Similar Colors

Text with hexadecimal color #68a7c2

This text has a font color of #68a7c2.

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

#68a7c2 background color

This paragraph has a background color of #68a7c2.

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

#68a7c2 border color

This element has a border color of #68a7c2.

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

CSS codes

.text {color:#68a7c2;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070e11
```
#070e11 rgb(7,14,17)
```
#0c191f
```
#0c191f rgb(12,25,31)
```
#12252d
```
#12252d rgb(18,37,45)
```
#18303b
```
#18303b rgb(24,48,59)
```
#1d3c49
```
#1d3c49 rgb(29,60,73)
```
#234757
```
#234757 rgb(35,71,87)
```
#295364
```
#295364 rgb(41,83,100)
```
#2e5e72
```
#2e5e72 rgb(46,94,114)
```
#346980
```
#346980 rgb(52,105,128)
```
#3a758e
```
#3a758e rgb(58,117,142)
```
#3f809c
```
#3f809c rgb(63,128,156)
```
#458caa
```
#458caa rgb(69,140,170)
```

Shade Color Variation

#4c97b7
```
#4c97b7 rgb(76,151,183)
```
#5a9fbc
```
#5a9fbc rgb(90,159,188)
```
#68a7c2
```
#68a7c2 rgb(104,167,194)
```
#76afc8
```
#76afc8 rgb(118,175,200)
```
#84b7cd
```
#84b7cd rgb(132,183,205)
```
#92bfd3
```
#92bfd3 rgb(146,191,211)
```
#a0c8d9
```
#a0c8d9 rgb(160,200,217)
```
#aed0de
```
#aed0de rgb(174,208,222)
```
#bcd8e4
```
#bcd8e4 rgb(188,216,228)
```
#cae0ea
```
#cae0ea rgb(202,224,234)
```
#d8e8ef
```
#d8e8ef rgb(216,232,239)
```
#e6f0f5
```
#e6f0f5 rgb(230,240,245)
```
#f4f8fa
```
#f4f8fa rgb(244,248,250)
```

Tint Color Variation

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

#919799
```
#919799 rgb(145,151,153)
```
#899aa1
```
#899aa1 rgb(137,154,161)
```
#809daa
```
#809daa rgb(128,157,170)
```
#78a0b2
```
#78a0b2 rgb(120,160,178)
```
#70a4ba
```
#70a4ba rgb(112,164,186)
```
#68a7c2
```
#68a7c2 rgb(104,167,194)
```
#60aaca
```
#60aaca rgb(96,170,202)
```
#58aed2
```
#58aed2 rgb(88,174,210)
```
#50b1da
```
#50b1da rgb(80,177,218)
```
#47b4e3
```
#47b4e3 rgb(71,180,227)
```
#3fb7eb
```
#3fb7eb rgb(63,183,235)
```
#37bbf3
```
#37bbf3 rgb(55,187,243)
```
#2fbefb
```
#2fbefb rgb(47,190,251)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8e9aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da2bf Protanopia 1% of men
#9ea0c9 Deuteranopia 1% of men
#6badba Tritanopia 0.001% of the population

Trichromacy

#89a4c0 Protanomaly 1% of men, 0.01% of women
#8aa2c6 Deuteranomaly 6% of men, 0.4% of women
#6aabbd Tritanomaly 0.01% of the population

#68a7c2 hex color

#68a7c2 Color Information

#68a7c2 Color Conversion

Color Schemes with #68a7c2

Alternatives to #68a7c2

#68a7c2 Preview

Shades and Tints of #68a7c2

Tones of #68a7c2

Color Blindness Simulator