#68e2f4 Color Information
In a RGB color space, hex #68e2f4 is composed of 40.8% red, 88.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 7.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 187.7 degrees, a saturation of 86.4% and a lightness of 68.2%. #68e2f4 color hex could be obtained by blending #d0ffff with #00c5e9. Closest websafe color is: #66ccff.
-
- R 41
- G 89
- B 96
-
- C 57
- M 7
- Y 0
- K 4
● #68e2f4 color description : Soft cyan.
#68e2f4 Color Conversion
The hexadecimal color #68e2f4 has RGB values of R:104, G:226, B:244 and CMYK values of C:0.57, M:0.07, Y:0, K:0.04. Its decimal value is 6873844.
Hex triplet | 68e2f4 | #68e2f4 |
---|---|---|
RGB Decimal | 104, 226, 244 | rgb(104,226,244) |
RGB Percent | 40.8, 88.6, 95.7 | rgb(40.8%,88.6%,95.7%) |
CMYK | 57, 7, 0, 4 | |
HSL | 187.7°, 86.4, 68.2 | hsl(187.7,86.4%,68.2%) |
HSV (or HSB) | 187.7°, 57.4, 95.7 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 83.895, -29.037, -19.089 |
---|---|
XYZ | 49.23, 63.864, 95.316 |
xyY | 0.236, 0.306, 63.864 |
CIE-LCH | 83.895, 34.75, 213.322 |
CIE-LUV | 83.895, -49.688, -26.017 |
Hunter-Lab | 79.915, -29.89, -14.776 |
Binary | 01101000, 11100010, 11110100 |
Color Schemes with #68e2f4
Alternatives to #68e2f4
Below, you can see some colors close to #68e2f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#68e2f4 Preview
This text has a font color of #68e2f4.
<span style="color:#68e2f4;">Text here</span>
This paragraph has a background color of #68e2f4.
<p style="background-color:#68e2f4;">Content here</p>
This element has a border color of #68e2f4.
<div style="border:1px solid #68e2f4;">Content here</div>
.text {color:#68e2f4;}
.background {background-color:#68e2f4;}
.border {border:1px solid #68e2f4;}
Shades and Tints of #68e2f4
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, #010c0e is the darkest color, while #fafeff is the lightest one.
-
#010c0e
#010c0e
rgb(1,12,14)
-
#021c20
#021c20
rgb(2,28,32)
-
#042c32
#042c32
rgb(4,44,50)
-
#053c44
#053c44
rgb(5,60,68)
-
#064c57
#064c57
rgb(6,76,87)
-
#085c69
#085c69
rgb(8,92,105)
-
#096d7b
#096d7b
rgb(9,109,123)
-
#0a7d8e
#0a7d8e
rgb(10,125,142)
-
#0c8da0
#0c8da0
rgb(12,141,160)
-
#0d9db2
#0d9db2
rgb(13,157,178)
-
#0eadc4
#0eadc4
rgb(14,173,196)
-
#10bdd7
#10bdd7
rgb(16,189,215)
-
#11cde9
#11cde9
rgb(17,205,233)
-
#1fd4ef
#1fd4ef
rgb(31,212,239)
-
#31d7f0
#31d7f0
rgb(49,215,240)
-
#43dbf1
#43dbf1
rgb(67,219,241)
-
#56def3
#56def3
rgb(86,222,243)
-
#68e2f4
#68e2f4
rgb(104,226,244)
-
#7ae6f5
#7ae6f5
rgb(122,230,245)
-
#8de9f7
#8de9f7
rgb(141,233,247)
-
#9fedf8
#9fedf8
rgb(159,237,248)
-
#b1f0f9
#b1f0f9
rgb(177,240,249)
-
#c3f4fb
#c3f4fb
rgb(195,244,251)
-
#d6f7fc
#d6f7fc
rgb(214,247,252)
-
#e8fbfd
#e8fbfd
rgb(232,251,253)
-
#fafeff
#fafeff
rgb(250,254,255)
Tones of #68e2f4
A tone is produced by adding gray to any pure hue. In this case, #adafaf is the less saturated color, while #62e7fa is the most saturated one.
-
#adafaf
#adafaf
rgb(173,175,175)
-
#a6b4b6
#a6b4b6
rgb(166,180,182)
-
#a0b8bc
#a0b8bc
rgb(160,184,188)
-
#9abdc2
#9abdc2
rgb(154,189,194)
-
#94c2c8
#94c2c8
rgb(148,194,200)
-
#8dc6cf
#8dc6cf
rgb(141,198,207)
-
#87cbd5
#87cbd5
rgb(135,203,213)
-
#81cfdb
#81cfdb
rgb(129,207,219)
-
#7bd4e1
#7bd4e1
rgb(123,212,225)
-
#74d9e8
#74d9e8
rgb(116,217,232)
-
#6eddee
#6eddee
rgb(110,221,238)
-
#68e2f4
#68e2f4
rgb(104,226,244)
-
#62e7fa
#62e7fa
rgb(98,231,250)
Color Blindness Simulator
Below, you can see how #68e2f4 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.