#68a7e8 hex color

In a RGB color space, hex #68a7e8 is composed of 40.8% red, 65.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 28% magenta, 0% yellow and 9% black. It has a hue angle of 210.5 degrees, a saturation of 73.6% and a lightness of 65.9%. #68a7e8 color hex could be obtained by blending #d0ffff with #004fd1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 65
- B 91
RGB color chart
- C 55
- M 28
- Y 0
- K 9
CMYK color chart

● #68a7e8 color description : Soft blue.

The hexadecimal color #68a7e8 has RGB values of R:104, G:167, B:232 and CMYK values of C:0.55, M:0.28, Y:0, K:0.09. Its decimal value is 6858728.

Hex triplet	68a7e8	`#68a7e8`
RGB Decimal	104, 167, 232	`rgb(104,167,232)`
RGB Percent	40.8, 65.5, 91	`rgb(40.8%,65.5%,91%)`
CMYK	55, 28, 0, 9
HSL	210.5°, 73.6, 65.9	`hsl(210.5,73.6%,65.9%)`
HSV (or HSB)	210.5°, 55.2, 91
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.828, -1.769, -38.837
XYZ	34.09, 36.405, 81.57
xyY	0.224, 0.239, 36.405
CIE-LCH	66.828, 38.877, 267.392
CIE-LUV	66.828, -28.261, -61.797
Hunter-Lab	60.336, -4.737, -37.92
Binary	01101000, 10100111, 11101000

#68a7e8
```
#68a7e8 rgb(104,167,232)
```
#e8a968
```
#e8a968 rgb(232,169,104)
```

Complementary Color

#68e7e8
```
#68e7e8 rgb(104,231,232)
```
#68a7e8
```
#68a7e8 rgb(104,167,232)
```
#6968e8
```
#6968e8 rgb(105,104,232)
```

Analogous Color

#e7e868
```
#e7e868 rgb(231,232,104)
```
#68a7e8
```
#68a7e8 rgb(104,167,232)
```
#e86968
```
#e86968 rgb(232,105,104)
```

Split Complementary Color

#a7e868
```
#a7e868 rgb(167,232,104)
```
#68a7e8
```
#68a7e8 rgb(104,167,232)
```
#e868a7
```
#e868a7 rgb(232,104,167)
```

Triadic Color

#68e8a9
```
#68e8a9 rgb(104,232,169)
```
#68a7e8
```
#68a7e8 rgb(104,167,232)
```
#e868a7
```
#e868a7 rgb(232,104,167)
```
#e8a968
```
#e8a968 rgb(232,169,104)
```

Tetradic Color

#2680de
```
#2680de rgb(38,128,222)
```
#3c8de1
```
#3c8de1 rgb(60,141,225)
```
#529ae5
```
#529ae5 rgb(82,154,229)
```
#68a7e8
```
#68a7e8 rgb(104,167,232)
```
#7eb4eb
```
#7eb4eb rgb(126,180,235)
```
#94c1ef
```
#94c1ef rgb(148,193,239)
```
#aacef2
```
#aacef2 rgb(170,206,242)
```

Monochromatic Color

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

#68c7e8
```
#68c7e8 rgb(104,199,232)
```
#68bce8
```
#68bce8 rgb(104,188,232)
```
#68b2e8
```
#68b2e8 rgb(104,178,232)
```
#68a7e8
```
#68a7e8 rgb(104,167,232)
```
#689ce8
```
#689ce8 rgb(104,156,232)
```
#6892e8
```
#6892e8 rgb(104,146,232)
```
#6887e8
```
#6887e8 rgb(104,135,232)
```

Similar Colors

Text with hexadecimal color #68a7e8

This text has a font color of #68a7e8.

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

#68a7e8 background color

This paragraph has a background color of #68a7e8.

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

#68a7e8 border color

This element has a border color of #68a7e8.

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

CSS codes

.text {color:#68a7e8;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030b13
```
#030b13 rgb(3,11,19)
```
#061524
```
#061524 rgb(6,21,36)
```
#081e35
```
#081e35 rgb(8,30,53)
```
#0b2846
```
#0b2846 rgb(11,40,70)
```
#0d3257
```
#0d3257 rgb(13,50,87)
```
#103b68
```
#103b68 rgb(16,59,104)
```
#124579
```
#124579 rgb(18,69,121)
```
#154f8a
```
#154f8a rgb(21,79,138)
```
#18599b
```
#18599b rgb(24,89,155)
```
#1a62ac
```
#1a62ac rgb(26,98,172)
```
#1d6cbd
```
#1d6cbd rgb(29,108,189)
```
#1f76ce
```
#1f76ce rgb(31,118,206)
```

Shade Color Variation

#247fde
```
#247fde rgb(36,127,222)
```
#3589e0
```
#3589e0 rgb(53,137,224)
```
#4693e3
```
#4693e3 rgb(70,147,227)
```
#579de5
```
#579de5 rgb(87,157,229)
```
#68a7e8
```
#68a7e8 rgb(104,167,232)
```
#79b1eb
```
#79b1eb rgb(121,177,235)
```
#8abbed
```
#8abbed rgb(138,187,237)
```
#9bc5f0
```
#9bc5f0 rgb(155,197,240)
```
#accff2
```
#accff2 rgb(172,207,242)
```
#bdd9f5
```
#bdd9f5 rgb(189,217,245)
```
#cee3f8
```
#cee3f8 rgb(206,227,248)
```
#dfecfa
```
#dfecfa rgb(223,236,250)
```
#f0f6fd
```
#f0f6fd rgb(240,246,253)
```

Tint Color Variation

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

#a4a8ac
```
#a4a8ac rgb(164,168,172)
```
#9ea8b2
```
#9ea8b2 rgb(158,168,178)
```
#97a8b9
```
#97a8b9 rgb(151,168,185)
```
#90a8c0
```
#90a8c0 rgb(144,168,192)
```
#89a8c7
```
#89a8c7 rgb(137,168,199)
```
#83a7cd
```
#83a7cd rgb(131,167,205)
```
#7ca7d4
```
#7ca7d4 rgb(124,167,212)
```
#75a7db
```
#75a7db rgb(117,167,219)
```
#6fa7e1
```
#6fa7e1 rgb(111,167,225)
```
#68a7e8
```
#68a7e8 rgb(104,167,232)
```
#61a7ef
```
#61a7ef rgb(97,167,239)
```
#5ba7f5
```
#5ba7f5 rgb(91,167,245)
```
#54a7fc
```
#54a7fc rgb(84,167,252)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#929eab Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a5e4 Protanopia 1% of men
#89a6eb Deuteranopia 1% of men
#5bb3c0 Tritanopia 0.001% of the population

Trichromacy

#82a5e5 Protanomaly 1% of men, 0.01% of women
#7da6ea Deuteranomaly 6% of men, 0.4% of women
#60afcf Tritanomaly 0.01% of the population

#68a7e8 hex color

#68a7e8 Color Information

#68a7e8 Color Conversion

Color Schemes with #68a7e8

Alternatives to #68a7e8

#68a7e8 Preview

Shades and Tints of #68a7e8

Tones of #68a7e8

Color Blindness Simulator