#68d3f4 Color Information
In a RGB color space, hex #68d3f4 is composed of 40.8% red, 82.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 13.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 194.1 degrees, a saturation of 86.4% and a lightness of 68.2%. #68d3f4 color hex could be obtained by blending #d0ffff with #00a7e9. Closest websafe color is: #66ccff.
-
- R 41
- G 83
- B 96
-
- C 57
- M 14
- Y 0
- K 4
● #68d3f4 color description : Soft cyan.
#68d3f4 Color Conversion
The hexadecimal color #68d3f4 has RGB values of R:104, G:211, B:244 and CMYK values of C:0.57, M:0.14, Y:0, K:0.04. Its decimal value is 6870004.
Hex triplet | 68d3f4 | #68d3f4 |
---|---|---|
RGB Decimal | 104, 211, 244 | rgb(104,211,244) |
RGB Percent | 40.8, 82.7, 95.7 | rgb(40.8%,82.7%,95.7%) |
CMYK | 57, 14, 0, 4 | |
HSL | 194.1°, 86.4, 68.2 | hsl(194.1,86.4%,68.2%) |
HSV (or HSB) | 194.1°, 57.4, 95.7 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 79.648, -21.633, -25.537 |
---|---|
XYZ | 45.328, 56.06, 94.015 |
xyY | 0.232, 0.287, 56.06 |
CIE-LCH | 79.648, 33.469, 229.732 |
CIE-LUV | 79.648, -44.154, -37.76 |
Hunter-Lab | 74.873, -22.965, -22.037 |
Binary | 01101000, 11010011, 11110100 |
Color Schemes with #68d3f4
Alternatives to #68d3f4
Below, you can see some colors close to #68d3f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#68d3f4 Preview
This text has a font color of #68d3f4.
<span style="color:#68d3f4;">Text here</span>
This paragraph has a background color of #68d3f4.
<p style="background-color:#68d3f4;">Content here</p>
This element has a border color of #68d3f4.
<div style="border:1px solid #68d3f4;">Content here</div>
.text {color:#68d3f4;}
.background {background-color:#68d3f4;}
.border {border:1px solid #68d3f4;}
Shades and Tints of #68d3f4
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, #010b0e is the darkest color, while #fafeff is the lightest one.
-
#010b0e
#010b0e
rgb(1,11,14)
-
#021920
#021920
rgb(2,25,32)
-
#042732
#042732
rgb(4,39,50)
-
#053544
#053544
rgb(5,53,68)
-
#064457
#064457
rgb(6,68,87)
-
#085269
#085269
rgb(8,82,105)
-
#09607b
#09607b
rgb(9,96,123)
-
#0a6f8e
#0a6f8e
rgb(10,111,142)
-
#0c7da0
#0c7da0
rgb(12,125,160)
-
#0d8bb2
#0d8bb2
rgb(13,139,178)
-
#0e99c4
#0e99c4
rgb(14,153,196)
-
#10a8d7
#10a8d7
rgb(16,168,215)
-
#11b6e9
#11b6e9
rgb(17,182,233)
-
#1fbeef
#1fbeef
rgb(31,190,239)
-
#31c3f0
#31c3f0
rgb(49,195,240)
-
#43c8f1
#43c8f1
rgb(67,200,241)
-
#56cef3
#56cef3
rgb(86,206,243)
-
#68d3f4
#68d3f4
rgb(104,211,244)
-
#7ad8f5
#7ad8f5
rgb(122,216,245)
-
#8ddef7
#8ddef7
rgb(141,222,247)
-
#9fe3f8
#9fe3f8
rgb(159,227,248)
-
#b1e8f9
#b1e8f9
rgb(177,232,249)
-
#c3eefb
#c3eefb
rgb(195,238,251)
-
#d6f3fc
#d6f3fc
rgb(214,243,252)
-
#e8f8fd
#e8f8fd
rgb(232,248,253)
-
#fafeff
#fafeff
rgb(250,254,255)
Tones of #68d3f4
A tone is produced by adding gray to any pure hue. In this case, #adafaf is the less saturated color, while #62d6fa is the most saturated one.
-
#adafaf
#adafaf
rgb(173,175,175)
-
#a6b2b6
#a6b2b6
rgb(166,178,182)
-
#a0b5bc
#a0b5bc
rgb(160,181,188)
-
#9ab9c2
#9ab9c2
rgb(154,185,194)
-
#94bcc8
#94bcc8
rgb(148,188,200)
-
#8dbfcf
#8dbfcf
rgb(141,191,207)
-
#87c3d5
#87c3d5
rgb(135,195,213)
-
#81c6db
#81c6db
rgb(129,198,219)
-
#7bc9e1
#7bc9e1
rgb(123,201,225)
-
#74cce8
#74cce8
rgb(116,204,232)
-
#6ed0ee
#6ed0ee
rgb(110,208,238)
-
#68d3f4
#68d3f4
rgb(104,211,244)
-
#62d6fa
#62d6fa
rgb(98,214,250)
Color Blindness Simulator
Below, you can see how #68d3f4 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.