#68abf1 hex color

In a RGB color space, hex #68abf1 is composed of 40.8% red, 67.1% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 29% magenta, 0% yellow and 5.5% black. It has a hue angle of 210.7 degrees, a saturation of 83% and a lightness of 67.6%. #68abf1 color hex could be obtained by blending #d0ffff with #0057e3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 67
- B 95
RGB color chart
- C 57
- M 29
- Y 0
- K 5
CMYK color chart

● #68abf1 color description : Soft blue.

The hexadecimal color #68abf1 has RGB values of R:104, G:171, B:241 and CMYK values of C:0.57, M:0.29, Y:0, K:0.05. Its decimal value is 6859761.

Hex triplet	68abf1	`#68abf1`
RGB Decimal	104, 171, 241	`rgb(104,171,241)`
RGB Percent	40.8, 67.1, 94.5	`rgb(40.8%,67.1%,94.5%)`
CMYK	57, 29, 0, 5
HSL	210.7°, 83, 67.6	`hsl(210.7,83%,67.6%)`
HSV (or HSB)	210.7°, 56.8, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.327, -1.23, -41.415
XYZ	36.145, 38.418, 88.725
xyY	0.221, 0.235, 38.418
CIE-LCH	68.327, 41.433, 268.299
CIE-LUV	68.327, -29.559, -66.438
Hunter-Lab	61.982, -4.374, -41.484
Binary	01101000, 10101011, 11110001

#68abf1
```
#68abf1 rgb(104,171,241)
```
#f1ae68
```
#f1ae68 rgb(241,174,104)
```

Complementary Color

#68f0f1
```
#68f0f1 rgb(104,240,241)
```
#68abf1
```
#68abf1 rgb(104,171,241)
```
#6a68f1
```
#6a68f1 rgb(106,104,241)
```

Analogous Color

#f0f168
```
#f0f168 rgb(240,241,104)
```
#68abf1
```
#68abf1 rgb(104,171,241)
```
#f16a68
```
#f16a68 rgb(241,106,104)
```

Split Complementary Color

#abf168
```
#abf168 rgb(171,241,104)
```
#68abf1
```
#68abf1 rgb(104,171,241)
```
#f168ab
```
#f168ab rgb(241,104,171)
```

Triadic Color

#68f1ae
```
#68f1ae rgb(104,241,174)
```
#68abf1
```
#68abf1 rgb(104,171,241)
```
#f168ab
```
#f168ab rgb(241,104,171)
```
#f1ae68
```
#f1ae68 rgb(241,174,104)
```

Tetradic Color

#2284eb
```
#2284eb rgb(34,132,235)
```
#3991ed
```
#3991ed rgb(57,145,237)
```
#519eef
```
#519eef rgb(81,158,239)
```
#68abf1
```
#68abf1 rgb(104,171,241)
```
#7fb8f3
```
#7fb8f3 rgb(127,184,243)
```
#97c5f5
```
#97c5f5 rgb(151,197,245)
```
#aed2f7
```
#aed2f7 rgb(174,210,247)
```

Monochromatic Color

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

#68cdf1
```
#68cdf1 rgb(104,205,241)
```
#68c2f1
```
#68c2f1 rgb(104,194,241)
```
#68b6f1
```
#68b6f1 rgb(104,182,241)
```
#68abf1
```
#68abf1 rgb(104,171,241)
```
#68a0f1
```
#68a0f1 rgb(104,160,241)
```
#6894f1
```
#6894f1 rgb(104,148,241)
```
#6889f1
```
#6889f1 rgb(104,137,241)
```

Similar Colors

Text with hexadecimal color #68abf1

This text has a font color of #68abf1.

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

#68abf1 background color

This paragraph has a background color of #68abf1.

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

#68abf1 border color

This element has a border color of #68abf1.

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

CSS codes

.text {color:#68abf1;}

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

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

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, #01060b is the darkest color, while #f8fbfe is the lightest one.

#01060b
```
#01060b rgb(1,6,11)
```
#030f1d
```
#030f1d rgb(3,15,29)
```
#04192e
```
#04192e rgb(4,25,46)
```
#062340
```
#062340 rgb(6,35,64)
```
#082c52
```
#082c52 rgb(8,44,82)
```
#093664
```
#093664 rgb(9,54,100)
```
#0b3f76
```
#0b3f76 rgb(11,63,118)
```
#0d4988
```
#0d4988 rgb(13,73,136)
```
#0e539a
```
#0e539a rgb(14,83,154)
```
#105cac
```
#105cac rgb(16,92,172)
```
#1266be
```
#1266be rgb(18,102,190)
```
#1370d0
```
#1370d0 rgb(19,112,208)
```
#1579e2
```
#1579e2 rgb(21,121,226)
```

Shade Color Variation

#2083ea
```
#2083ea rgb(32,131,234)
```
#328dec
```
#328dec rgb(50,141,236)
```
#4497ee
```
#4497ee rgb(68,151,238)
```
#56a1ef
```
#56a1ef rgb(86,161,239)
```
#68abf1
```
#68abf1 rgb(104,171,241)
```
#7ab5f3
```
#7ab5f3 rgb(122,181,243)
```
#8cbff4
```
#8cbff4 rgb(140,191,244)
```
#9ec9f6
```
#9ec9f6 rgb(158,201,246)
```
#b0d3f8
```
#b0d3f8 rgb(176,211,248)
```
#c2ddf9
```
#c2ddf9 rgb(194,221,249)
```
#d4e7fb
```
#d4e7fb rgb(212,231,251)
```
#e6f1fd
```
#e6f1fd rgb(230,241,253)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#a7acb2
```
#a7acb2 rgb(167,172,178)
```
#a1acb8
```
#a1acb8 rgb(161,172,184)
```
#9bacbe
```
#9bacbe rgb(155,172,190)
```
#94acc5
```
#94acc5 rgb(148,172,197)
```
#8eaccb
```
#8eaccb rgb(142,172,203)
```
#88acd1
```
#88acd1 rgb(136,172,209)
```
#81acd8
```
#81acd8 rgb(129,172,216)
```
#7babde
```
#7babde rgb(123,171,222)
```
#75abe4
```
#75abe4 rgb(117,171,228)
```
#6eabeb
```
#6eabeb rgb(110,171,235)
```
#68abf1
```
#68abf1 rgb(104,171,241)
```
#62abf7
```
#62abf7 rgb(98,171,247)
```
#5babfe
```
#5babfe rgb(91,171,254)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#94a1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a8ed Protanopia 1% of men
#89aaf3 Deuteranopia 1% of men
#58b8c5 Tritanopia 0.001% of the population

Trichromacy

#83a9ee Protanomaly 1% of men, 0.01% of women
#7daaf2 Deuteranomaly 6% of men, 0.4% of women
#5eb3d5 Tritanomaly 0.01% of the population

#68abf1 hex color

#68abf1 Color Information

#68abf1 Color Conversion

Color Schemes with #68abf1

Alternatives to #68abf1

#68abf1 Preview

Shades and Tints of #68abf1

Tones of #68abf1

Color Blindness Simulator