#68a2f6 hex color

In a RGB color space, hex #68a2f6 is composed of 40.8% red, 63.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 34.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 215.5 degrees, a saturation of 88.8% and a lightness of 68.6%. #68a2f6 color hex could be obtained by blending #d0ffff with #0045ed. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 64
- B 96
RGB color chart
- C 58
- M 34
- Y 0
- K 4
CMYK color chart

● #68a2f6 color description : Soft blue.

The hexadecimal color #68a2f6 has RGB values of R:104, G:162, B:246 and CMYK values of C:0.58, M:0.34, Y:0, K:0.04. Its decimal value is 6857462.

Hex triplet	68a2f6	`#68a2f6`
RGB Decimal	104, 162, 246	`rgb(104,162,246)`
RGB Percent	40.8, 63.5, 96.5	`rgb(40.8%,63.5%,96.5%)`
CMYK	58, 34, 0, 4
HSL	215.5°, 88.8, 68.6	`hsl(215.5,88.8%,68.6%)`
HSV (or HSB)	215.5°, 57.7, 96.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.086, 5.447, -47.662
XYZ	35.26, 35.435, 92.165
xyY	0.217, 0.218, 35.435
CIE-LCH	66.086, 47.973, 276.52
CIE-LUV	66.086, -26.28, -77.451
Hunter-Lab	59.528, 1.557, -50.128
Binary	01101000, 10100010, 11110110

#68a2f6
```
#68a2f6 rgb(104,162,246)
```
#f6bc68
```
#f6bc68 rgb(246,188,104)
```

Complementary Color

#68e9f6
```
#68e9f6 rgb(104,233,246)
```
#68a2f6
```
#68a2f6 rgb(104,162,246)
```
#7568f6
```
#7568f6 rgb(117,104,246)
```

Analogous Color

#e9f668
```
#e9f668 rgb(233,246,104)
```
#68a2f6
```
#68a2f6 rgb(104,162,246)
```
#f67568
```
#f67568 rgb(246,117,104)
```

Split Complementary Color

#a2f668
```
#a2f668 rgb(162,246,104)
```
#68a2f6
```
#68a2f6 rgb(104,162,246)
```
#f668a2
```
#f668a2 rgb(246,104,162)
```

Triadic Color

#68f6bc
```
#68f6bc rgb(104,246,188)
```
#68a2f6
```
#68a2f6 rgb(104,162,246)
```
#f668a2
```
#f668a2 rgb(246,104,162)
```
#f6bc68
```
#f6bc68 rgb(246,188,104)
```

Tetradic Color

#2076f2
```
#2076f2 rgb(32,118,242)
```
#3884f3
```
#3884f3 rgb(56,132,243)
```
#5093f5
```
#5093f5 rgb(80,147,245)
```
#68a2f6
```
#68a2f6 rgb(104,162,246)
```
#80b1f7
```
#80b1f7 rgb(128,177,247)
```
#98c0f9
```
#98c0f9 rgb(152,192,249)
```
#b0cefa
```
#b0cefa rgb(176,206,250)
```

Monochromatic Color

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

#68c6f6
```
#68c6f6 rgb(104,198,246)
```
#68baf6
```
#68baf6 rgb(104,186,246)
```
#68aef6
```
#68aef6 rgb(104,174,246)
```
#68a2f6
```
#68a2f6 rgb(104,162,246)
```
#6896f6
```
#6896f6 rgb(104,150,246)
```
#688af6
```
#688af6 rgb(104,138,246)
```
#687ff6
```
#687ff6 rgb(104,127,246)
```

Similar Colors

Text with hexadecimal color #68a2f6

This text has a font color of #68a2f6.

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

#68a2f6 background color

This paragraph has a background color of #68a2f6.

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

#68a2f6 border color

This element has a border color of #68a2f6.

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

CSS codes

.text {color:#68a2f6;}

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

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

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

#010710
```
#010710 rgb(1,7,16)
```
#020f22
```
#020f22 rgb(2,15,34)
```
#031735
```
#031735 rgb(3,23,53)
```
#042047
```
#042047 rgb(4,32,71)
```
#05285a
```
#05285a rgb(5,40,90)
```
#06306c
```
#06306c rgb(6,48,108)
```
#08387f
```
#08387f rgb(8,56,127)
```
#094091
```
#094091 rgb(9,64,145)
```
#0a49a4
```
#0a49a4 rgb(10,73,164)
```
#0b51b6
```
#0b51b6 rgb(11,81,182)
```
#0c59c9
```
#0c59c9 rgb(12,89,201)
```
#0d61db
```
#0d61db rgb(13,97,219)
```
#0e69ee
```
#0e69ee rgb(14,105,238)
```

Shade Color Variation

#1e74f2
```
#1e74f2 rgb(30,116,242)
```
#3080f3
```
#3080f3 rgb(48,128,243)
```
#438bf4
```
#438bf4 rgb(67,139,244)
```
#5597f5
```
#5597f5 rgb(85,151,245)
```
#68a2f6
```
#68a2f6 rgb(104,162,246)
```
#7badf7
```
#7badf7 rgb(123,173,247)
```
#8db9f8
```
#8db9f8 rgb(141,185,248)
```
#a0c4f9
```
#a0c4f9 rgb(160,196,249)
```
#b2d0fa
```
#b2d0fa rgb(178,208,250)
```
#c5dbfc
```
#c5dbfc rgb(197,219,252)
```
#d7e6fd
```
#d7e6fd rgb(215,230,253)
```
#eaf2fe
```
#eaf2fe rgb(234,242,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#acaeb2
```
#acaeb2 rgb(172,174,178)
```
#a6adb8
```
#a6adb8 rgb(166,173,184)
```
#9facbf
```
#9facbf rgb(159,172,191)
```
#99abc5
```
#99abc5 rgb(153,171,197)
```
#93aacb
```
#93aacb rgb(147,170,203)
```
#8da9d1
```
#8da9d1 rgb(141,169,209)
```
#87a8d7
```
#87a8d7 rgb(135,168,215)
```
#81a7dd
```
#81a7dd rgb(129,167,221)
```
#7aa5e4
```
#7aa5e4 rgb(122,165,228)
```
#74a4ea
```
#74a4ea rgb(116,164,234)
```
#6ea3f0
```
#6ea3f0 rgb(110,163,240)
```
#68a2f6
```
#68a2f6 rgb(104,162,246)
```
#62a1fc
```
#62a1fc rgb(98,161,252)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#909cac Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a2f3 Protanopia 1% of men
#77a5f7 Deuteranopia 1% of men
#51b2bf Tritanopia 0.001% of the population

Trichromacy

#7ba2f4 Protanomaly 1% of men, 0.01% of women
#71a4f6 Deuteranomaly 6% of men, 0.4% of women
#59acd3 Tritanomaly 0.01% of the population

#68a2f6 hex color

#68a2f6 Color Information

#68a2f6 Color Conversion

Color Schemes with #68a2f6

Alternatives to #68a2f6

#68a2f6 Preview

Shades and Tints of #68a2f6

Tones of #68a2f6

Color Blindness Simulator