#68e3f3 Color Information
In a RGB color space, hex #68e3f3 is composed of 40.8% red, 89% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 6.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 186.9 degrees, a saturation of 85.3% and a lightness of 68%. #68e3f3 color hex could be obtained by blending #d0ffff with #00c7e7. Closest websafe color is: #66ccff.
-
- R 41
- G 89
- B 95
-
- C 57
- M 7
- Y 0
- K 5
● #68e3f3 color description : Soft cyan.
#68e3f3 Color Conversion
The hexadecimal color #68e3f3 has RGB values of R:104, G:227, B:243 and CMYK values of C:0.57, M:0.07, Y:0, K:0.05. Its decimal value is 6874099.
| Hex triplet | 68e3f3 | #68e3f3 |
|---|---|---|
| RGB Decimal | 104, 227, 243 | rgb(104,227,243) |
| RGB Percent | 40.8, 89, 95.3 | rgb(40.8%,89%,95.3%) |
| CMYK | 57, 7, 0, 5 | |
| HSL | 186.9°, 85.3, 68 | hsl(186.9,85.3%,68%) |
| HSV (or HSB) | 186.9°, 57.2, 95.3 | |
| Web Safe | 66ccff | #66ccff |
| CIE-LAB | 84.147, -29.794, -18.181 |
|---|---|
| XYZ | 49.351, 64.349, 94.609 |
| xyY | 0.237, 0.309, 64.349 |
| CIE-LCH | 84.147, 34.903, 211.392 |
| CIE-LUV | 84.147, -50.105, -24.394 |
| Hunter-Lab | 80.218, -30.565, -13.775 |
| Binary | 01101000, 11100011, 11110011 |
Color Schemes with #68e3f3
Alternatives to #68e3f3
Below, you can see some colors close to #68e3f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#68e3f3 Preview
This text has a font color of #68e3f3.
<span style="color:#68e3f3;">Text here</span>
This paragraph has a background color of #68e3f3.
<p style="background-color:#68e3f3;">Content here</p>
This element has a border color of #68e3f3.
<div style="border:1px solid #68e3f3;">Content here</div>
.text {color:#68e3f3;}
.background {background-color:#68e3f3;}
.border {border:1px solid #68e3f3;}
Shades and Tints of #68e3f3
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, #010b0d is the darkest color, while #f9feff is the lightest one.
-
#010b0d
#010b0drgb(1,11,13) -
#021b1f
#021b1frgb(2,27,31) -
#042c31
#042c31rgb(4,44,49) -
#053c43
#053c43rgb(5,60,67) -
#074c55
#074c55rgb(7,76,85) -
#085c67
#085c67rgb(8,92,103) -
#0a6d7a
#0a6d7argb(10,109,122) -
#0b7d8c
#0b7d8crgb(11,125,140) -
#0d8d9e
#0d8d9ergb(13,141,158) -
#0e9db0
#0e9db0rgb(14,157,176) -
#0faec2
#0faec2rgb(15,174,194) -
#11bed4
#11bed4rgb(17,190,212) -
#12cee7
#12cee7rgb(18,206,231)
-
#1fd6ed
#1fd6edrgb(31,214,237) -
#31d9ef
#31d9efrgb(49,217,239) -
#44dcf0
#44dcf0rgb(68,220,240) -
#56e0f2
#56e0f2rgb(86,224,242) -
#68e3f3
#68e3f3rgb(104,227,243) -
#7ae6f4
#7ae6f4rgb(122,230,244) -
#8ceaf6
#8ceaf6rgb(140,234,246) -
#9fedf7
#9fedf7rgb(159,237,247) -
#b1f0f9
#b1f0f9rgb(177,240,249) -
#c3f4fa
#c3f4fargb(195,244,250) -
#d5f7fc
#d5f7fcrgb(213,247,252) -
#e7fbfd
#e7fbfdrgb(231,251,253) -
#f9feff
#f9feffrgb(249,254,255)
Tones of #68e3f3
A tone is produced by adding gray to any pure hue. In this case, #adaeae is the less saturated color, while #62e8f9 is the most saturated one.
-
#adaeae
#adaeaergb(173,174,174) -
#a7b3b4
#a7b3b4rgb(167,179,180) -
#a0b8bb
#a0b8bbrgb(160,184,187) -
#9abcc1
#9abcc1rgb(154,188,193) -
#94c1c7
#94c1c7rgb(148,193,199) -
#8ec6cd
#8ec6cdrgb(142,198,205) -
#87cbd4
#87cbd4rgb(135,203,212) -
#81d0da
#81d0dargb(129,208,218) -
#7bd5e0
#7bd5e0rgb(123,213,224) -
#75d9e6
#75d9e6rgb(117,217,230) -
#6edeed
#6edeedrgb(110,222,237) -
#68e3f3
#68e3f3rgb(104,227,243) -
#62e8f9
#62e8f9rgb(98,232,249)
Color Blindness Simulator
Below, you can see how #68e3f3 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.
