#68a2ff hex color

In a RGB color space, hex #68a2ff is composed of 40.8% red, 63.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 36.5% magenta, 0% yellow and 0% black. It has a hue angle of 217 degrees, a saturation of 100% and a lightness of 70.4%. #68a2ff color hex could be obtained by blending #d0ffff with #0045ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 64
- B 100
RGB color chart
- C 59
- M 36
- Y 0
- K 0
CMYK color chart

● #68a2ff color description : Very light blue.

The hexadecimal color #68a2ff has RGB values of R:104, G:162, B:255 and CMYK values of C:0.59, M:0.36, Y:0, K:0. Its decimal value is 6857471.

Hex triplet	68a2ff	`#68a2ff`
RGB Decimal	104, 162, 255	`rgb(104,162,255)`
RGB Percent	40.8, 63.5, 100	`rgb(40.8%,63.5%,100%)`
CMYK	59, 36, 0, 0
HSL	217°, 100, 70.4	`hsl(217,100%,70.4%)`
HSV (or HSB)	217°, 59.2, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.521, 8.317, -51.881
XYZ	36.675, 36.002, 99.619
xyY	0.213, 0.209, 36.002
CIE-LCH	66.521, 52.543, 279.107
CIE-LUV	66.521, -26.192, -84.981
Hunter-Lab	60.001, 4.104, -56.437
Binary	01101000, 10100010, 11111111

#68a2ff
```
#68a2ff rgb(104,162,255)
```
#ffc568
```
#ffc568 rgb(255,197,104)
```

Complementary Color

#68eeff
```
#68eeff rgb(104,238,255)
```
#68a2ff
```
#68a2ff rgb(104,162,255)
```
#7a68ff
```
#7a68ff rgb(122,104,255)
```

Analogous Color

#eeff68
```
#eeff68 rgb(238,255,104)
```
#68a2ff
```
#68a2ff rgb(104,162,255)
```
#ff7a68
```
#ff7a68 rgb(255,122,104)
```

Split Complementary Color

#a2ff68
```
#a2ff68 rgb(162,255,104)
```
#68a2ff
```
#68a2ff rgb(104,162,255)
```
#ff68a2
```
#ff68a2 rgb(255,104,162)
```

Triadic Color

#68ffc5
```
#68ffc5 rgb(104,255,197)
```
#68a2ff
```
#68a2ff rgb(104,162,255)
```
#ff68a2
```
#ff68a2 rgb(255,104,162)
```
#ffc568
```
#ffc568 rgb(255,197,104)
```

Tetradic Color

#1c73ff
```
#1c73ff rgb(28,115,255)
```
#3583ff
```
#3583ff rgb(53,131,255)
```
#4f92ff
```
#4f92ff rgb(79,146,255)
```
#68a2ff
```
#68a2ff rgb(104,162,255)
```
#82b2ff
```
#82b2ff rgb(130,178,255)
```
#9bc1ff
```
#9bc1ff rgb(155,193,255)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```

Monochromatic Color

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

#68c8ff
```
#68c8ff rgb(104,200,255)
```
#68bbff
```
#68bbff rgb(104,187,255)
```
#68afff
```
#68afff rgb(104,175,255)
```
#68a2ff
```
#68a2ff rgb(104,162,255)
```
#6895ff
```
#6895ff rgb(104,149,255)
```
#6889ff
```
#6889ff rgb(104,137,255)
```
#687cff
```
#687cff rgb(104,124,255)
```

Similar Colors

Text with hexadecimal color #68a2ff

This text has a font color of #68a2ff.

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

#68a2ff background color

This paragraph has a background color of #68a2ff.

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

#68a2ff border color

This element has a border color of #68a2ff.

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

CSS codes

.text {color:#68a2ff;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#000a1a
```
#000a1a rgb(0,10,26)
```
#00112d
```
#00112d rgb(0,17,45)
```
#001941
```
#001941 rgb(0,25,65)
```
#002054
```
#002054 rgb(0,32,84)
```
#002868
```
#002868 rgb(0,40,104)
```
#002f7c
```
#002f7c rgb(0,47,124)
```
#00378f
```
#00378f rgb(0,55,143)
```
#003fa3
```
#003fa3 rgb(0,63,163)
```
#0046b6
```
#0046b6 rgb(0,70,182)
```
#004eca
```
#004eca rgb(0,78,202)
```
#0055de
```
#0055de rgb(0,85,222)
```
#005df1
```
#005df1 rgb(0,93,241)
```

Shade Color Variation

#0666ff
```
#0666ff rgb(6,102,255)
```
#1a72ff
```
#1a72ff rgb(26,114,255)
```
#2d7eff
```
#2d7eff rgb(45,126,255)
```
#418aff
```
#418aff rgb(65,138,255)
```
#5496ff
```
#5496ff rgb(84,150,255)
```
#68a2ff
```
#68a2ff rgb(104,162,255)
```
#7caeff
```
#7caeff rgb(124,174,255)
```
#8fbaff
```
#8fbaff rgb(143,186,255)
```
#a3c6ff
```
#a3c6ff rgb(163,198,255)
```
#b6d2ff
```
#b6d2ff rgb(182,210,255)
```
#cadeff
```
#cadeff rgb(202,222,255)
```
#deeaff
```
#deeaff rgb(222,234,255)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

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

#aeb2b9
```
#aeb2b9 rgb(174,178,185)
```
#a8b1bf
```
#a8b1bf rgb(168,177,191)
```
#a2afc5
```
#a2afc5 rgb(162,175,197)
```
#9caecb
```
#9caecb rgb(156,174,203)
```
#96add1
```
#96add1 rgb(150,173,209)
```
#91abd6
```
#91abd6 rgb(145,171,214)
```
#8baadc
```
#8baadc rgb(139,170,220)
```
#85a9e2
```
#85a9e2 rgb(133,169,226)
```
#7fa7e8
```
#7fa7e8 rgb(127,167,232)
```
#79a6ee
```
#79a6ee rgb(121,166,238)
```
#74a5f3
```
#74a5f3 rgb(116,165,243)
```
#6ea3f9
```
#6ea3f9 rgb(110,163,249)
```
#68a2ff
```
#68a2ff rgb(104,162,255)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#919caf Atypical Achromatopsia 0.001% of the population

Dichromacy

#82a3fc Protanopia 1% of men
#6ea7fe Deuteranopia 1% of men
#4bb4c1 Tritanopia 0.001% of the population

Trichromacy

#78a3fd Protanomaly 1% of men, 0.01% of women
#6ca5fe Deuteranomaly 6% of men, 0.4% of women
#55add7 Tritanomaly 0.01% of the population

#68a2ff hex color

#68a2ff Color Information

#68a2ff Color Conversion

Color Schemes with #68a2ff

Alternatives to #68a2ff

#68a2ff Preview

Shades and Tints of #68a2ff

Tones of #68a2ff

Color Blindness Simulator