#68bafe hex color

In a RGB color space, hex #68bafe is composed of 40.8% red, 72.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 26.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 207.2 degrees, a saturation of 98.7% and a lightness of 70.2%. #68bafe color hex could be obtained by blending #d0ffff with #0075fd. Closest websafe color is: #66ccff.

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

● #68bafe color description : Soft blue.

The hexadecimal color #68bafe has RGB values of R:104, G:186, B:254 and CMYK values of C:0.59, M:0.27, Y:0, K:0. Its decimal value is 6863614.

Hex triplet	68bafe	`#68bafe`
RGB Decimal	104, 186, 254	`rgb(104,186,254)`
RGB Percent	40.8, 72.9, 99.6	`rgb(40.8%,72.9%,99.6%)`
CMYK	59, 27, 0, 0
HSL	207.2°, 98.7, 70.2	`hsl(207.2,98.7%,70.2%)`
HSV (or HSB)	207.2°, 59.1, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.033, -5.5, -41.108
XYZ	41.153, 45.214, 100.319
xyY	0.22, 0.242, 45.214
CIE-LCH	73.033, 41.475, 262.379
CIE-LUV	73.033, -34.66, -65.999
Hunter-Lab	67.241, -8.427, -41.387
Binary	01101000, 10111010, 11111110

#68bafe
```
#68bafe rgb(104,186,254)
```
#feac68
```
#feac68 rgb(254,172,104)
```

Complementary Color

#68fef7
```
#68fef7 rgb(104,254,247)
```
#68bafe
```
#68bafe rgb(104,186,254)
```
#686ffe
```
#686ffe rgb(104,111,254)
```

Analogous Color

#fef768
```
#fef768 rgb(254,247,104)
```
#68bafe
```
#68bafe rgb(104,186,254)
```
#fe686f
```
#fe686f rgb(254,104,111)
```

Split Complementary Color

#bafe68
```
#bafe68 rgb(186,254,104)
```
#68bafe
```
#68bafe rgb(104,186,254)
```
#fe68ba
```
#fe68ba rgb(254,104,186)
```

Triadic Color

#68feac
```
#68feac rgb(104,254,172)
```
#68bafe
```
#68bafe rgb(104,186,254)
```
#fe68ba
```
#fe68ba rgb(254,104,186)
```
#feac68
```
#feac68 rgb(254,172,104)
```

Tetradic Color

#1c97fd
```
#1c97fd rgb(28,151,253)
```
#35a3fe
```
#35a3fe rgb(53,163,254)
```
#4faefe
```
#4faefe rgb(79,174,254)
```
#68bafe
```
#68bafe rgb(104,186,254)
```
#81c6fe
```
#81c6fe rgb(129,198,254)
```
#9bd1fe
```
#9bd1fe rgb(155,209,254)
```
#b4ddff
```
#b4ddff rgb(180,221,255)
```

Monochromatic Color

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

#68e0fe
```
#68e0fe rgb(104,224,254)
```
#68d3fe
```
#68d3fe rgb(104,211,254)
```
#68c7fe
```
#68c7fe rgb(104,199,254)
```
#68bafe
```
#68bafe rgb(104,186,254)
```
#68aefe
```
#68aefe rgb(104,174,254)
```
#68a1fe
```
#68a1fe rgb(104,161,254)
```
#6895fe
```
#6895fe rgb(104,149,254)
```

Similar Colors

Text with hexadecimal color #68bafe

This text has a font color of #68bafe.

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

#68bafe background color

This paragraph has a background color of #68bafe.

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

#68bafe border color

This element has a border color of #68bafe.

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

CSS codes

.text {color:#68bafe;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#000d18
```
#000d18 rgb(0,13,24)
```
#00182c
```
#00182c rgb(0,24,44)
```
#00233f
```
#00233f rgb(0,35,63)
```
#012e53
```
#012e53 rgb(1,46,83)
```
#013866
```
#013866 rgb(1,56,102)
```
#01437a
```
#01437a rgb(1,67,122)
```
#014e8d
```
#014e8d rgb(1,78,141)
```
#0158a1
```
#0158a1 rgb(1,88,161)
```
#0163b4
```
#0163b4 rgb(1,99,180)
```
#016ec8
```
#016ec8 rgb(1,110,200)
```
#0179db
```
#0179db rgb(1,121,219)
```
#0283ef
```
#0283ef rgb(2,131,239)
```

Shade Color Variation

#078dfd
```
#078dfd rgb(7,141,253)
```
#1a96fd
```
#1a96fd rgb(26,150,253)
```
#2e9ffe
```
#2e9ffe rgb(46,159,254)
```
#41a8fe
```
#41a8fe rgb(65,168,254)
```
#55b1fe
```
#55b1fe rgb(85,177,254)
```
#68bafe
```
#68bafe rgb(104,186,254)
```
#7bc3fe
```
#7bc3fe rgb(123,195,254)
```
#8fccfe
```
#8fccfe rgb(143,204,254)
```
#a2d5fe
```
#a2d5fe rgb(162,213,254)
```
#b6deff
```
#b6deff rgb(182,222,255)
```
#c9e7ff
```
#c9e7ff rgb(201,231,255)
```
#ddefff
```
#ddefff rgb(221,239,255)
```
#f0f8ff
```
#f0f8ff rgb(240,248,255)
```

Tint Color Variation

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

#aeb3b8
```
#aeb3b8 rgb(174,179,184)
```
#a8b4be
```
#a8b4be rgb(168,180,190)
```
#a2b5c4
```
#a2b5c4 rgb(162,181,196)
```
#9db5c9
```
#9db5c9 rgb(157,181,201)
```
#97b6cf
```
#97b6cf rgb(151,182,207)
```
#91b6d5
```
#91b6d5 rgb(145,182,213)
```
#8bb7db
```
#8bb7db rgb(139,183,219)
```
#85b7e1
```
#85b7e1 rgb(133,183,225)
```
#7fb8e7
```
#7fb8e7 rgb(127,184,231)
```
#7ab8ec
```
#7ab8ec rgb(122,184,236)
```
#74b9f2
```
#74b9f2 rgb(116,185,242)
```
#6eb9f8
```
#6eb9f8 rgb(110,185,248)
```
#68bafe
```
#68bafe rgb(104,186,254)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#9cacba Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b4f7 Protanopia 1% of men
#98b5ff Deuteranopia 1% of men
#57c5d4 Tritanopia 0.001% of the population

Trichromacy

#8cb6fa Protanomaly 1% of men, 0.01% of women
#86b7fe Deuteranomaly 6% of men, 0.4% of women
#5dc1e3 Tritanomaly 0.01% of the population

#68bafe hex color

#68bafe Color Information

#68bafe Color Conversion

Color Schemes with #68bafe

Alternatives to #68bafe

#68bafe Preview

Shades and Tints of #68bafe

Tones of #68bafe

Color Blindness Simulator