#68b1fc hex color

In a RGB color space, hex #68b1fc is composed of 40.8% red, 69.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 29.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 210.4 degrees, a saturation of 96.1% and a lightness of 69.8%. #68b1fc color hex could be obtained by blending #d0ffff with #0063f9. 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

● #68b1fc color description : Soft blue.

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

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

CIE-LAB	70.464, -1.153, -44.044
XYZ	38.998, 41.413, 98.029
xyY	0.219, 0.232, 41.413
CIE-LCH	70.464, 44.059, 268.5
CIE-LUV	70.464, -31.489, -71.232
Hunter-Lab	64.353, -4.448, -45.269
Binary	01101000, 10110001, 11111100

#68b1fc
```
#68b1fc rgb(104,177,252)
```
#fcb368
```
#fcb368 rgb(252,179,104)
```

Complementary Color

#68fbfc
```
#68fbfc rgb(104,251,252)
```
#68b1fc
```
#68b1fc rgb(104,177,252)
```
#6968fc
```
#6968fc rgb(105,104,252)
```

Analogous Color

#fbfc68
```
#fbfc68 rgb(251,252,104)
```
#68b1fc
```
#68b1fc rgb(104,177,252)
```
#fc6968
```
#fc6968 rgb(252,105,104)
```

Split Complementary Color

#b1fc68
```
#b1fc68 rgb(177,252,104)
```
#68b1fc
```
#68b1fc rgb(104,177,252)
```
#fc68b1
```
#fc68b1 rgb(252,104,177)
```

Triadic Color

#68fcb3
```
#68fcb3 rgb(104,252,179)
```
#68b1fc
```
#68b1fc rgb(104,177,252)
```
#fc68b1
```
#fc68b1 rgb(252,104,177)
```
#fcb368
```
#fcb368 rgb(252,179,104)
```

Tetradic Color

#1d8afb
```
#1d8afb rgb(29,138,251)
```
#3697fb
```
#3697fb rgb(54,151,251)
```
#4fa4fc
```
#4fa4fc rgb(79,164,252)
```
#68b1fc
```
#68b1fc rgb(104,177,252)
```
#81befc
```
#81befc rgb(129,190,252)
```
#9acbfd
```
#9acbfd rgb(154,203,253)
```
#b3d8fd
```
#b3d8fd rgb(179,216,253)
```

Monochromatic Color

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

#68d6fc
```
#68d6fc rgb(104,214,252)
```
#68cafc
```
#68cafc rgb(104,202,252)
```
#68bdfc
```
#68bdfc rgb(104,189,252)
```
#68b1fc
```
#68b1fc rgb(104,177,252)
```
#68a5fc
```
#68a5fc rgb(104,165,252)
```
#6898fc
```
#6898fc rgb(104,152,252)
```
#688cfc
```
#688cfc rgb(104,140,252)
```

Similar Colors

Text with hexadecimal color #68b1fc

This text has a font color of #68b1fc.

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

#68b1fc background color

This paragraph has a background color of #68b1fc.

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

#68b1fc border color

This element has a border color of #68b1fc.

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

CSS codes

.text {color:#68b1fc;}

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

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

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 #eff7ff 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)
```
#023263
```
#023263 rgb(2,50,99)
```
#023c76
```
#023c76 rgb(2,60,118)
```
#034589
```
#034589 rgb(3,69,137)
```
#034f9d
```
#034f9d rgb(3,79,157)
```
#0359b0
```
#0359b0 rgb(3,89,176)
```
#0462c3
```
#0462c3 rgb(4,98,195)
```
#046cd6
```
#046cd6 rgb(4,108,214)
```
#0576ea
```
#0576ea rgb(5,118,234)
```

Shade Color Variation

#087ffa
```
#087ffa rgb(8,127,250)
```
#1b89fa
```
#1b89fa rgb(27,137,250)
```
#2e93fb
```
#2e93fb rgb(46,147,251)
```
#429dfb
```
#429dfb rgb(66,157,251)
```
#55a7fc
```
#55a7fc rgb(85,167,252)
```
#68b1fc
```
#68b1fc rgb(104,177,252)
```
#7bbbfc
```
#7bbbfc rgb(123,187,252)
```
#8ec5fd
```
#8ec5fd rgb(142,197,253)
```
#a2cffd
```
#a2cffd rgb(162,207,253)
```
#b5d9fe
```
#b5d9fe rgb(181,217,254)
```
#c8e3fe
```
#c8e3fe rgb(200,227,254)
```
#dbedfe
```
#dbedfe rgb(219,237,254)
```
#eff7ff
```
#eff7ff rgb(239,247,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 #68b1fc is the most saturated one.

#afb2b5
```
#afb2b5 rgb(175,178,181)
```
#a9b2bb
```
#a9b2bb rgb(169,178,187)
```
#a3b2c1
```
#a3b2c1 rgb(163,178,193)
```
#9db2c7
```
#9db2c7 rgb(157,178,199)
```
#97b2cd
```
#97b2cd rgb(151,178,205)
```
#91b2d3
```
#91b2d3 rgb(145,178,211)
```
#8cb1d8
```
#8cb1d8 rgb(140,177,216)
```
#86b1de
```
#86b1de rgb(134,177,222)
```
#80b1e4
```
#80b1e4 rgb(128,177,228)
```
#7ab1ea
```
#7ab1ea rgb(122,177,234)
```
#74b1f0
```
#74b1f0 rgb(116,177,240)
```
#6eb1f6
```
#6eb1f6 rgb(110,177,246)
```
#68b1fc
```
#68b1fc rgb(104,177,252)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#98a7b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97aef7 Protanopia 1% of men
#8aaffe Deuteranopia 1% of men
#54becc Tritanopia 0.001% of the population

Trichromacy

#86aff8 Protanomaly 1% of men, 0.01% of women
#7eb0fd Deuteranomaly 6% of men, 0.4% of women
#5bb9dd Tritanomaly 0.01% of the population

#68b1fc hex color

#68b1fc Color Information

#68b1fc Color Conversion

Color Schemes with #68b1fc

Alternatives to #68b1fc

#68b1fc Preview

Shades and Tints of #68b1fc

Tones of #68b1fc

Color Blindness Simulator