#68b3f8 Color Information
In a RGB color space, hex #68b3f8 is composed of 40.8% red, 70.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 27.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 208.8 degrees, a saturation of 91.1% and a lightness of 69%. #68b3f8 color hex could be obtained by blending #d0ffff with #0067f1. Closest websafe color is: #66ccff.
-
- R 41
- G 70
- B 97
-
- C 58
- M 28
- Y 0
- K 3
● #68b3f8 color description : Soft blue.
#68b3f8 Color Conversion
The hexadecimal color #68b3f8 has RGB values of R:104, G:179, B:248 and CMYK values of C:0.58, M:0.28, Y:0, K:0.03. Its decimal value is 6861816.
Hex triplet | 68b3f8 | #68b3f8 |
---|---|---|
RGB Decimal | 104, 179, 248 | rgb(104,179,248) |
RGB Percent | 40.8, 70.2, 97.3 | rgb(40.8%,70.2%,97.3%) |
CMYK | 58, 28, 0, 3 | |
HSL | 208.8°, 91.1, 69 | hsl(208.8,91.1%,69%) |
HSV (or HSB) | 208.8°, 58.1, 97.3 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.842, -3.511, -41.287 |
---|---|
XYZ | 38.768, 41.958, 94.857 |
xyY | 0.221, 0.239, 41.958 |
CIE-LCH | 70.842, 41.436, 265.14 |
CIE-LUV | 70.842, -32.297, -66.281 |
Hunter-Lab | 64.775, -6.523, -41.483 |
Binary | 01101000, 10110011, 11111000 |
Color Schemes with #68b3f8
Alternatives to #68b3f8
Below, you can see some colors close to #68b3f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#68b3f8 Preview
This text has a font color of #68b3f8.
<span style="color:#68b3f8;">Text here</span>
This paragraph has a background color of #68b3f8.
<p style="background-color:#68b3f8;">Content here</p>
This element has a border color of #68b3f8.
<div style="border:1px solid #68b3f8;">Content here</div>
.text {color:#68b3f8;}
.background {background-color:#68b3f8;}
.border {border:1px solid #68b3f8;}
Shades and Tints of #68b3f8
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, #010a12 is the darkest color, while #fefeff is the lightest one.
-
#010a12
#010a12
rgb(1,10,18)
-
#021424
#021424
rgb(2,20,36)
-
#031e37
#031e37
rgb(3,30,55)
-
#03284a
#03284a
rgb(3,40,74)
-
#04325d
#04325d
rgb(4,50,93)
-
#053d6f
#053d6f
rgb(5,61,111)
-
#064782
#064782
rgb(6,71,130)
-
#075195
#075195
rgb(7,81,149)
-
#085ba8
#085ba8
rgb(8,91,168)
-
#0965ba
#0965ba
rgb(9,101,186)
-
#0a6fcd
#0a6fcd
rgb(10,111,205)
-
#0a7ae0
#0a7ae0
rgb(10,122,224)
-
#0b84f3
#0b84f3
rgb(11,132,243)
-
#1d8df5
#1d8df5
rgb(29,141,245)
-
#3097f5
#3097f5
rgb(48,151,245)
-
#43a0f6
#43a0f6
rgb(67,160,246)
-
#55aaf7
#55aaf7
rgb(85,170,247)
-
#68b3f8
#68b3f8
rgb(104,179,248)
-
#7bbcf9
#7bbcf9
rgb(123,188,249)
-
#8dc6fa
#8dc6fa
rgb(141,198,250)
-
#a0cffb
#a0cffb
rgb(160,207,251)
-
#b3d9fb
#b3d9fb
rgb(179,217,251)
-
#c6e2fc
#c6e2fc
rgb(198,226,252)
-
#d8ecfd
#d8ecfd
rgb(216,236,253)
-
#ebf5fe
#ebf5fe
rgb(235,245,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #68b3f8
A tone is produced by adding gray to any pure hue. In this case, #abb0b5 is the less saturated color, while #62b3fe is the most saturated one.
-
#abb0b5
#abb0b5
rgb(171,176,181)
-
#a5b0bb
#a5b0bb
rgb(165,176,187)
-
#9fb1c1
#9fb1c1
rgb(159,177,193)
-
#99b1c7
#99b1c7
rgb(153,177,199)
-
#93b1cd
#93b1cd
rgb(147,177,205)
-
#8cb1d4
#8cb1d4
rgb(140,177,212)
-
#86b2da
#86b2da
rgb(134,178,218)
-
#80b2e0
#80b2e0
rgb(128,178,224)
-
#7ab2e6
#7ab2e6
rgb(122,178,230)
-
#74b2ec
#74b2ec
rgb(116,178,236)
-
#6eb3f2
#6eb3f2
rgb(110,179,242)
-
#68b3f8
#68b3f8
rgb(104,179,248)
-
#62b3fe
#62b3fe
rgb(98,179,254)
Color Blindness Simulator
Below, you can see how #68b3f8 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.