#68b0fc hex color

In a RGB color space, hex #68b0fc is composed of 40.8% red, 69% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 30.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 210.8 degrees, a saturation of 96.1% and a lightness of 69.8%. #68b0fc color hex could be obtained by blending #d0ffff with #0061f9. Closest websafe color is: #6699ff.

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

● #68b0fc color description : Soft blue.

The hexadecimal color #68b0fc has RGB values of R:104, G:176, B:252 and CMYK values of C:0.59, M:0.3, Y:0, K:0.01. Its decimal value is 6861052.

Hex triplet	68b0fc	`#68b0fc`
RGB Decimal	104, 176, 252	`rgb(104,176,252)`
RGB Percent	40.8, 69, 98.8	`rgb(40.8%,69%,98.8%)`
CMYK	59, 30, 0, 1
HSL	210.8°, 96.1, 69.8	`hsl(210.8,96.1%,69.8%)`
HSV (or HSB)	210.8°, 58.7, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.19, -0.595, -44.474
XYZ	38.801, 41.02, 97.963
xyY	0.218, 0.231, 41.02
CIE-LCH	70.19, 44.478, 269.234
CIE-LUV	70.19, -31.133, -71.996
Hunter-Lab	64.047, -3.942, -45.855
Binary	01101000, 10110000, 11111100

#68b0fc
```
#68b0fc rgb(104,176,252)
```
#fcb468
```
#fcb468 rgb(252,180,104)
```

Complementary Color

#68fafc
```
#68fafc rgb(104,250,252)
```
#68b0fc
```
#68b0fc rgb(104,176,252)
```
#6a68fc
```
#6a68fc rgb(106,104,252)
```

Analogous Color

#fafc68
```
#fafc68 rgb(250,252,104)
```
#68b0fc
```
#68b0fc rgb(104,176,252)
```
#fc6a68
```
#fc6a68 rgb(252,106,104)
```

Split Complementary Color

#b0fc68
```
#b0fc68 rgb(176,252,104)
```
#68b0fc
```
#68b0fc rgb(104,176,252)
```
#fc68b0
```
#fc68b0 rgb(252,104,176)
```

Triadic Color

#68fcb4
```
#68fcb4 rgb(104,252,180)
```
#68b0fc
```
#68b0fc rgb(104,176,252)
```
#fc68b0
```
#fc68b0 rgb(252,104,176)
```
#fcb468
```
#fcb468 rgb(252,180,104)
```

Tetradic Color

#1d89fb
```
#1d89fb rgb(29,137,251)
```
#3696fb
```
#3696fb rgb(54,150,251)
```
#4fa3fc
```
#4fa3fc rgb(79,163,252)
```
#68b0fc
```
#68b0fc rgb(104,176,252)
```
#81bdfc
```
#81bdfc rgb(129,189,252)
```
#9acafd
```
#9acafd rgb(154,202,253)
```
#b3d7fd
```
#b3d7fd rgb(179,215,253)
```

Monochromatic Color

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

#68d5fc
```
#68d5fc rgb(104,213,252)
```
#68c9fc
```
#68c9fc rgb(104,201,252)
```
#68bcfc
```
#68bcfc rgb(104,188,252)
```
#68b0fc
```
#68b0fc rgb(104,176,252)
```
#68a4fc
```
#68a4fc rgb(104,164,252)
```
#6897fc
```
#6897fc rgb(104,151,252)
```
#688bfc
```
#688bfc rgb(104,139,252)
```

Similar Colors

Text with hexadecimal color #68b0fc

This text has a font color of #68b0fc.

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

#68b0fc background color

This paragraph has a background color of #68b0fc.

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

#68b0fc border color

This element has a border color of #68b0fc.

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

CSS codes

.text {color:#68b0fc;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000b16
```
#000b16 rgb(0,11,22)
```
#011529
```
#011529 rgb(1,21,41)
```
#011e3d
```
#011e3d rgb(1,30,61)
```
#022850
```
#022850 rgb(2,40,80)
```
#023163
```
#023163 rgb(2,49,99)
```
#023b76
```
#023b76 rgb(2,59,118)
```
#034489
```
#034489 rgb(3,68,137)
```
#034e9d
```
#034e9d rgb(3,78,157)
```
#0357b0
```
#0357b0 rgb(3,87,176)
```
#0461c3
```
#0461c3 rgb(4,97,195)
```
#046bd6
```
#046bd6 rgb(4,107,214)
```
#0574ea
```
#0574ea rgb(5,116,234)
```

Shade Color Variation

#087efa
```
#087efa rgb(8,126,250)
```
#1b88fa
```
#1b88fa rgb(27,136,250)
```
#2e92fb
```
#2e92fb rgb(46,146,251)
```
#429cfb
```
#429cfb rgb(66,156,251)
```
#55a6fc
```
#55a6fc rgb(85,166,252)
```
#68b0fc
```
#68b0fc rgb(104,176,252)
```
#7bbafc
```
#7bbafc rgb(123,186,252)
```
#8ec4fd
```
#8ec4fd rgb(142,196,253)
```
#a2cefd
```
#a2cefd rgb(162,206,253)
```
#b5d8fe
```
#b5d8fe rgb(181,216,254)
```
#c8e2fe
```
#c8e2fe rgb(200,226,254)
```
#dbecfe
```
#dbecfe rgb(219,236,254)
```
#eff6ff
```
#eff6ff rgb(239,246,255)
```

Tint Color Variation

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

#afb2b5
```
#afb2b5 rgb(175,178,181)
```
#a9b2bb
```
#a9b2bb rgb(169,178,187)
```
#a3b2c1
```
#a3b2c1 rgb(163,178,193)
```
#9db1c7
```
#9db1c7 rgb(157,177,199)
```
#97b1cd
```
#97b1cd rgb(151,177,205)
```
#91b1d3
```
#91b1d3 rgb(145,177,211)
```
#8cb1d8
```
#8cb1d8 rgb(140,177,216)
```
#86b1de
```
#86b1de rgb(134,177,222)
```
#80b1e4
```
#80b1e4 rgb(128,177,228)
```
#7ab0ea
```
#7ab0ea rgb(122,176,234)
```
#74b0f0
```
#74b0f0 rgb(116,176,240)
```
#6eb0f6
```
#6eb0f6 rgb(110,176,246)
```
#68b0fc
```
#68b0fc rgb(104,176,252)
```

Tone Color Variation

Below, you can see how #68b0fc 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
#97a6b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95adf7 Protanopia 1% of men
#89affe Deuteranopia 1% of men
#54becb Tritanopia 0.001% of the population

Trichromacy

#85aef9 Protanomaly 1% of men, 0.01% of women
#7daffd Deuteranomaly 6% of men, 0.4% of women
#5bb8dd Tritanomaly 0.01% of the population

#68b0fc hex color

#68b0fc Color Information

#68b0fc Color Conversion

Color Schemes with #68b0fc

Alternatives to #68b0fc

#68b0fc Preview

Shades and Tints of #68b0fc

Tones of #68b0fc

Color Blindness Simulator