#68a4e4 hex color

In a RGB color space, hex #68a4e4 is composed of 40.8% red, 64.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 28.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 211 degrees, a saturation of 69.7% and a lightness of 65.1%. #68a4e4 color hex could be obtained by blending #d0ffff with #0049c9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 64
- B 89
RGB color chart
- C 54
- M 28
- Y 0
- K 11
CMYK color chart

● #68a4e4 color description : Soft blue.

The hexadecimal color #68a4e4 has RGB values of R:104, G:164, B:228 and CMYK values of C:0.54, M:0.28, Y:0, K:0.11. Its decimal value is 6857956.

Hex triplet	68a4e4	`#68a4e4`
RGB Decimal	104, 164, 228	`rgb(104,164,228)`
RGB Percent	40.8, 64.3, 89.4	`rgb(40.8%,64.3%,89.4%)`
CMYK	54, 28, 0, 11
HSL	211°, 69.7, 65.1	`hsl(211,69.7%,65.1%)`
HSV (or HSB)	211°, 54.4, 89.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.821, -1.311, -38.211
XYZ	32.985, 35.094, 78.43
xyY	0.225, 0.24, 35.094
CIE-LCH	65.821, 38.233, 268.035
CIE-LUV	65.821, -27.22, -60.659
Hunter-Lab	59.24, -4.281, -37.029
Binary	01101000, 10100100, 11100100

#68a4e4
```
#68a4e4 rgb(104,164,228)
```
#e4a868
```
#e4a868 rgb(228,168,104)
```

Complementary Color

#68e2e4
```
#68e2e4 rgb(104,226,228)
```
#68a4e4
```
#68a4e4 rgb(104,164,228)
```
#6a68e4
```
#6a68e4 rgb(106,104,228)
```

Analogous Color

#e2e468
```
#e2e468 rgb(226,228,104)
```
#68a4e4
```
#68a4e4 rgb(104,164,228)
```
#e46a68
```
#e46a68 rgb(228,106,104)
```

Split Complementary Color

#a4e468
```
#a4e468 rgb(164,228,104)
```
#68a4e4
```
#68a4e4 rgb(104,164,228)
```
#e468a4
```
#e468a4 rgb(228,104,164)
```

Triadic Color

#68e4a8
```
#68e4a8 rgb(104,228,168)
```
#68a4e4
```
#68a4e4 rgb(104,164,228)
```
#e468a4
```
#e468a4 rgb(228,104,164)
```
#e4a868
```
#e4a868 rgb(228,168,104)
```

Tetradic Color

#277dd8
```
#277dd8 rgb(39,125,216)
```
#3d8adc
```
#3d8adc rgb(61,138,220)
```
#5297e0
```
#5297e0 rgb(82,151,224)
```
#68a4e4
```
#68a4e4 rgb(104,164,228)
```
#7eb1e8
```
#7eb1e8 rgb(126,177,232)
```
#93beec
```
#93beec rgb(147,190,236)
```
#a9cbf0
```
#a9cbf0 rgb(169,203,240)
```

Monochromatic Color

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

#68c3e4
```
#68c3e4 rgb(104,195,228)
```
#68b9e4
```
#68b9e4 rgb(104,185,228)
```
#68aee4
```
#68aee4 rgb(104,174,228)
```
#68a4e4
```
#68a4e4 rgb(104,164,228)
```
#689ae4
```
#689ae4 rgb(104,154,228)
```
#688fe4
```
#688fe4 rgb(104,143,228)
```
#6885e4
```
#6885e4 rgb(104,133,228)
```

Similar Colors

Text with hexadecimal color #68a4e4

This text has a font color of #68a4e4.

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

#68a4e4 background color

This paragraph has a background color of #68a4e4.

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

#68a4e4 border color

This element has a border color of #68a4e4.

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

CSS codes

.text {color:#68a4e4;}

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

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

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, #03090f is the darkest color, while #fefeff is the lightest one.

#03090f
```
#03090f rgb(3,9,15)
```
#061220
```
#061220 rgb(6,18,32)
```
#091c31
```
#091c31 rgb(9,28,49)
```
#0c2641
```
#0c2641 rgb(12,38,65)
```
#0f2f52
```
#0f2f52 rgb(15,47,82)
```
#123963
```
#123963 rgb(18,57,99)
```
#154273
```
#154273 rgb(21,66,115)
```
#184c84
```
#184c84 rgb(24,76,132)
```
#1b5695
```
#1b5695 rgb(27,86,149)
```
#1e5fa5
```
#1e5fa5 rgb(30,95,165)
```
#2169b6
```
#2169b6 rgb(33,105,182)
```
#2372c6
```
#2372c6 rgb(35,114,198)
```
#267cd7
```
#267cd7 rgb(38,124,215)
```

Shade Color Variation

#3686db
```
#3686db rgb(54,134,219)
```
#4790de
```
#4790de rgb(71,144,222)
```
#579ae1
```
#579ae1 rgb(87,154,225)
```
#68a4e4
```
#68a4e4 rgb(104,164,228)
```
#79aee7
```
#79aee7 rgb(121,174,231)
```
#89b8ea
```
#89b8ea rgb(137,184,234)
```
#9ac2ed
```
#9ac2ed rgb(154,194,237)
```
#abccf0
```
#abccf0 rgb(171,204,240)
```
#bbd6f3
```
#bbd6f3 rgb(187,214,243)
```
#cce0f6
```
#cce0f6 rgb(204,224,246)
```
#dceaf9
```
#dceaf9 rgb(220,234,249)
```
#edf4fc
```
#edf4fc rgb(237,244,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a6a6a6
```
#a6a6a6 rgb(166,166,166)
```
#9fa6ad
```
#9fa6ad rgb(159,166,173)
```
#98a6b4
```
#98a6b4 rgb(152,166,180)
```
#91a5bb
```
#91a5bb rgb(145,165,187)
```
#8aa5c2
```
#8aa5c2 rgb(138,165,194)
```
#83a5c9
```
#83a5c9 rgb(131,165,201)
```
#7da5cf
```
#7da5cf rgb(125,165,207)
```
#76a4d6
```
#76a4d6 rgb(118,164,214)
```
#6fa4dd
```
#6fa4dd rgb(111,164,221)
```
#68a4e4
```
#68a4e4 rgb(104,164,228)
```
#61a4eb
```
#61a4eb rgb(97,164,235)
```
#5aa4f2
```
#5aa4f2 rgb(90,164,242)
```
#53a3f9
```
#53a3f9 rgb(83,163,249)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8f9ba8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a2e1 Protanopia 1% of men
#87a3e7 Deuteranopia 1% of men
#5cb0bd Tritanopia 0.001% of the population

Trichromacy

#81a3e2 Protanomaly 1% of men, 0.01% of women
#7ca3e6 Deuteranomaly 6% of men, 0.4% of women
#60accb Tritanomaly 0.01% of the population

#68a4e4 hex color

#68a4e4 Color Information

#68a4e4 Color Conversion

Color Schemes with #68a4e4

Alternatives to #68a4e4

#68a4e4 Preview

Shades and Tints of #68a4e4

Tones of #68a4e4

Color Blindness Simulator