#68affe hex color

In a RGB color space, hex #68affe is composed of 40.8% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 211.6 degrees, a saturation of 98.7% and a lightness of 70.2%. #68affe color hex could be obtained by blending #d0ffff with #005ffd. Closest websafe color is: #6699ff.

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

● #68affe color description : Soft blue.

The hexadecimal color #68affe has RGB values of R:104, G:175, B:254 and CMYK values of C:0.59, M:0.31, Y:0, K:0. Its decimal value is 6860798.

Hex triplet	68affe	`#68affe`
RGB Decimal	104, 175, 254	`rgb(104,175,254)`
RGB Percent	40.8, 68.6, 99.6	`rgb(40.8%,68.6%,99.6%)`
CMYK	59, 31, 0, 0
HSL	211.6°, 98.7, 70.2	`hsl(211.6,98.7%,70.2%)`
HSV (or HSB)	211.6°, 59.1, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.005, 0.594, -45.847
XYZ	38.924, 40.756, 99.576
xyY	0.217, 0.227, 40.756
CIE-LCH	70.005, 45.851, 270.742
CIE-LUV	70.005, -30.738, -74.457
Hunter-Lab	63.841, -2.888, -47.79
Binary	01101000, 10101111, 11111110

#68affe
```
#68affe rgb(104,175,254)
```
#feb768
```
#feb768 rgb(254,183,104)
```

Complementary Color

#68fafe
```
#68fafe rgb(104,250,254)
```
#68affe
```
#68affe rgb(104,175,254)
```
#6c68fe
```
#6c68fe rgb(108,104,254)
```

Analogous Color

#fafe68
```
#fafe68 rgb(250,254,104)
```
#68affe
```
#68affe rgb(104,175,254)
```
#fe6c68
```
#fe6c68 rgb(254,108,104)
```

Split Complementary Color

#affe68
```
#affe68 rgb(175,254,104)
```
#68affe
```
#68affe rgb(104,175,254)
```
#fe68af
```
#fe68af rgb(254,104,175)
```

Triadic Color

#68feb7
```
#68feb7 rgb(104,254,183)
```
#68affe
```
#68affe rgb(104,175,254)
```
#fe68af
```
#fe68af rgb(254,104,175)
```
#feb768
```
#feb768 rgb(254,183,104)
```

Tetradic Color

#1c87fd
```
#1c87fd rgb(28,135,253)
```
#3594fe
```
#3594fe rgb(53,148,254)
```
#4fa2fe
```
#4fa2fe rgb(79,162,254)
```
#68affe
```
#68affe rgb(104,175,254)
```
#81bcfe
```
#81bcfe rgb(129,188,254)
```
#9bcafe
```
#9bcafe rgb(155,202,254)
```
#b4d7ff
```
#b4d7ff rgb(180,215,255)
```

Monochromatic Color

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

#68d5fe
```
#68d5fe rgb(104,213,254)
```
#68c8fe
```
#68c8fe rgb(104,200,254)
```
#68bcfe
```
#68bcfe rgb(104,188,254)
```
#68affe
```
#68affe rgb(104,175,254)
```
#68a3fe
```
#68a3fe rgb(104,163,254)
```
#6896fe
```
#6896fe rgb(104,150,254)
```
#688afe
```
#688afe rgb(104,138,254)
```

Similar Colors

Text with hexadecimal color #68affe

This text has a font color of #68affe.

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

#68affe background color

This paragraph has a background color of #68affe.

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

#68affe border color

This element has a border color of #68affe.

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

CSS codes

.text {color:#68affe;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000c18
```
#000c18 rgb(0,12,24)
```
#00152c
```
#00152c rgb(0,21,44)
```
#001e3f
```
#001e3f rgb(0,30,63)
```
#012753
```
#012753 rgb(1,39,83)
```
#013166
```
#013166 rgb(1,49,102)
```
#013a7a
```
#013a7a rgb(1,58,122)
```
#01438d
```
#01438d rgb(1,67,141)
```
#014da1
```
#014da1 rgb(1,77,161)
```
#0156b4
```
#0156b4 rgb(1,86,180)
```
#015fc8
```
#015fc8 rgb(1,95,200)
```
#0169db
```
#0169db rgb(1,105,219)
```
#0272ef
```
#0272ef rgb(2,114,239)
```

Shade Color Variation

#077bfd
```
#077bfd rgb(7,123,253)
```
#1a86fd
```
#1a86fd rgb(26,134,253)
```
#2e90fe
```
#2e90fe rgb(46,144,254)
```
#419afe
```
#419afe rgb(65,154,254)
```
#55a5fe
```
#55a5fe rgb(85,165,254)
```
#68affe
```
#68affe rgb(104,175,254)
```
#7bb9fe
```
#7bb9fe rgb(123,185,254)
```
#8fc4fe
```
#8fc4fe rgb(143,196,254)
```
#a2cefe
```
#a2cefe rgb(162,206,254)
```
#b6d8ff
```
#b6d8ff rgb(182,216,255)
```
#c9e3ff
```
#c9e3ff rgb(201,227,255)
```
#ddedff
```
#ddedff rgb(221,237,255)
```
#f0f7ff
```
#f0f7ff rgb(240,247,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 #68affe is the most saturated one.

#aeb3b8
```
#aeb3b8 rgb(174,179,184)
```
#a8b2be
```
#a8b2be rgb(168,178,190)
```
#a2b2c4
```
#a2b2c4 rgb(162,178,196)
```
#9db2c9
```
#9db2c9 rgb(157,178,201)
```
#97b1cf
```
#97b1cf rgb(151,177,207)
```
#91b1d5
```
#91b1d5 rgb(145,177,213)
```
#8bb1db
```
#8bb1db rgb(139,177,219)
```
#85b1e1
```
#85b1e1 rgb(133,177,225)
```
#7fb0e7
```
#7fb0e7 rgb(127,176,231)
```
#7ab0ec
```
#7ab0ec rgb(122,176,236)
```
#74b0f2
```
#74b0f2 rgb(116,176,242)
```
#6eaff8
```
#6eaff8 rgb(110,175,248)
```
#68affe
```
#68affe rgb(104,175,254)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#97a5b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93acf9 Protanopia 1% of men
#86aeff Deuteranopia 1% of men
#52bdcb Tritanopia 0.001% of the population

Trichromacy

#83adfb Protanomaly 1% of men, 0.01% of women
#7baefe Deuteranomaly 6% of men, 0.4% of women
#5ab8dd Tritanomaly 0.01% of the population

#68affe hex color

#68affe Color Information

#68affe Color Conversion

Color Schemes with #68affe

Alternatives to #68affe

#68affe Preview

Shades and Tints of #68affe

Tones of #68affe

Color Blindness Simulator