#9ed6f2 Color Information
In a RGB color space, hex #9ed6f2 is composed of 62% red, 83.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 34.7% cyan, 11.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 200 degrees, a saturation of 76.4% and a lightness of 78.4%. #9ed6f2 color hex could be obtained by blending #ffffff with #3dade5. Closest websafe color is: #99ccff.
-
- R 62
- G 84
- B 95
-
- C 35
- M 12
- Y 0
- K 5
● #9ed6f2 color description : Very soft blue.
#9ed6f2 Color Conversion
The hexadecimal color #9ed6f2 has RGB values of R:158, G:214, B:242 and CMYK values of C:0.35, M:0.12, Y:0, K:0.05. Its decimal value is 10409714.
| Hex triplet | 9ed6f2 | #9ed6f2 |
|---|---|---|
| RGB Decimal | 158, 214, 242 | rgb(158,214,242) |
| RGB Percent | 62, 83.9, 94.9 | rgb(62%,83.9%,94.9%) |
| CMYK | 35, 12, 0, 5 | |
| HSL | 200°, 76.4, 78.4 | hsl(200,76.4%,78.4%) |
| HSV (or HSB) | 200°, 34.7, 94.9 | |
| Web Safe | 99ccff | #99ccff |
| CIE-LAB | 82.791, -11.274, -19.476 |
|---|---|
| XYZ | 54.17, 61.771, 93.068 |
| xyY | 0.259, 0.296, 61.771 |
| CIE-LCH | 82.791, 22.504, 239.935 |
| CIE-LUV | 82.791, -27.835, -29.161 |
| Hunter-Lab | 78.594, -14.511, -15.193 |
| Binary | 10011110, 11010110, 11110010 |
Color Schemes with #9ed6f2
Alternatives to #9ed6f2
Below, you can see some colors close to #9ed6f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#9ed6f2 Preview
This text has a font color of #9ed6f2.
<span style="color:#9ed6f2;">Text here</span>
This paragraph has a background color of #9ed6f2.
<p style="background-color:#9ed6f2;">Content here</p>
This element has a border color of #9ed6f2.
<div style="border:1px solid #9ed6f2;">Content here</div>
.text {color:#9ed6f2;}
.background {background-color:#9ed6f2;}
.border {border:1px solid #9ed6f2;}
Shades and Tints of #9ed6f2
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, #010507 is the darkest color, while #f4fbfe is the lightest one.
-
#010507
#010507rgb(1,5,7) -
#031118
#031118rgb(3,17,24) -
#061d29
#061d29rgb(6,29,41) -
#082a3b
#082a3brgb(8,42,59) -
#0a364c
#0a364crgb(10,54,76) -
#0d425d
#0d425drgb(13,66,93) -
#0f4f6f
#0f4f6frgb(15,79,111) -
#115b80
#115b80rgb(17,91,128) -
#136791
#136791rgb(19,103,145) -
#1674a2
#1674a2rgb(22,116,162) -
#1880b4
#1880b4rgb(24,128,180) -
#1a8cc5
#1a8cc5rgb(26,140,197) -
#1d98d6
#1d98d6rgb(29,152,214)
-
#25a3e2
#25a3e2rgb(37,163,226) -
#36aae4
#36aae4rgb(54,170,228) -
#48b1e6
#48b1e6rgb(72,177,230) -
#59b9e9
#59b9e9rgb(89,185,233) -
#6ac0eb
#6ac0ebrgb(106,192,235) -
#7bc7ed
#7bc7edrgb(123,199,237) -
#8dcff0
#8dcff0rgb(141,207,240) -
#9ed6f2
#9ed6f2rgb(158,214,242) -
#afddf4
#afddf4rgb(175,221,244) -
#c1e5f7
#c1e5f7rgb(193,229,247) -
#d2ecf9
#d2ecf9rgb(210,236,249) -
#e3f3fb
#e3f3fbrgb(227,243,251) -
#f4fbfe
#f4fbfergb(244,251,254)
Tones of #9ed6f2
A tone is produced by adding gray to any pure hue. In this case, #c4c9cc is the less saturated color, while #91daff is the most saturated one.
-
#c4c9cc
#c4c9ccrgb(196,201,204) -
#c0cbd0
#c0cbd0rgb(192,203,208) -
#bcccd4
#bcccd4rgb(188,204,212) -
#b7ced9
#b7ced9rgb(183,206,217) -
#b3cfdd
#b3cfddrgb(179,207,221) -
#afd0e1
#afd0e1rgb(175,208,225) -
#abd2e5
#abd2e5rgb(171,210,229) -
#a6d3ea
#a6d3eargb(166,211,234) -
#a2d5ee
#a2d5eergb(162,213,238) -
#9ed6f2
#9ed6f2rgb(158,214,242) -
#9ad7f6
#9ad7f6rgb(154,215,246) -
#96d9fa
#96d9fargb(150,217,250) -
#91daff
#91daffrgb(145,218,255)
Color Blindness Simulator
Below, you can see how #9ed6f2 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.
