#9af3f3 Color Information
In a RGB color space, hex #9af3f3 is composed of 60.4% red, 95.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 0% magenta, 0% yellow and 4.7% black. It has a hue angle of 180 degrees, a saturation of 78.8% and a lightness of 77.8%. #9af3f3 color hex could be obtained by blending #ffffff with #35e7e7. Closest websafe color is: #99ffff.
-
- R 60
- G 95
- B 95
-
- C 37
- M 0
- Y 0
- K 5
● #9af3f3 color description : Very soft cyan.
#9af3f3 Color Conversion
The hexadecimal color #9af3f3 has RGB values of R:154, G:243, B:243 and CMYK values of C:0.37, M:0, Y:0, K:0.05. Its decimal value is 10154995.
| Hex triplet | 9af3f3 | #9af3f3 |
|---|---|---|
| RGB Decimal | 154, 243, 243 | rgb(154,243,243) |
| RGB Percent | 60.4, 95.3, 95.3 | rgb(60.4%,95.3%,95.3%) |
| CMYK | 37, 0, 0, 5 | |
| HSL | 180°, 78.8, 77.8 | hsl(180,78.8%,77.8%) |
| HSV (or HSB) | 180°, 36.6, 95.3 | |
| Web Safe | 99ffff | #99ffff |
| CIE-LAB | 90.523, -26.571, -8.446 |
|---|---|
| XYZ | 61.55, 77.439, 96.493 |
| xyY | 0.261, 0.329, 77.439 |
| CIE-LCH | 90.523, 27.881, 197.633 |
| CIE-LUV | 90.523, -41.276, -8.917 |
| Hunter-Lab | 87.999, -29.149, -3.413 |
| Binary | 10011010, 11110011, 11110011 |
Color Schemes with #9af3f3
Alternatives to #9af3f3
Below, you can see some colors close to #9af3f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#9af3f3 Preview
This text has a font color of #9af3f3.
<span style="color:#9af3f3;">Text here</span>
This paragraph has a background color of #9af3f3.
<p style="background-color:#9af3f3;">Content here</p>
This element has a border color of #9af3f3.
<div style="border:1px solid #9af3f3;">Content here</div>
.text {color:#9af3f3;}
.background {background-color:#9af3f3;}
.border {border:1px solid #9af3f3;}
Shades and Tints of #9af3f3
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, #000404 is the darkest color, while #f2fdfd is the lightest one.
-
#000404
#000404rgb(0,4,4) -
#031616
#031616rgb(3,22,22) -
#052727
#052727rgb(5,39,39) -
#073939
#073939rgb(7,57,57) -
#094a4a
#094a4argb(9,74,74) -
#0b5c5c
#0b5c5crgb(11,92,92) -
#0d6d6d
#0d6d6drgb(13,109,109) -
#0f7f7f
#0f7f7frgb(15,127,127) -
#119090
#119090rgb(17,144,144) -
#13a2a2
#13a2a2rgb(19,162,162) -
#15b4b4
#15b4b4rgb(21,180,180) -
#17c5c5
#17c5c5rgb(23,197,197) -
#19d7d7
#19d7d7rgb(25,215,215)
-
#1fe4e4
#1fe4e4rgb(31,228,228) -
#31e7e7
#31e7e7rgb(49,231,231) -
#42e9e9
#42e9e9rgb(66,233,233) -
#54ebeb
#54ebebrgb(84,235,235) -
#65eded
#65ededrgb(101,237,237) -
#77efef
#77efefrgb(119,239,239) -
#88f1f1
#88f1f1rgb(136,241,241) -
#9af3f3
#9af3f3rgb(154,243,243) -
#acf5f5
#acf5f5rgb(172,245,245) -
#bdf7f7
#bdf7f7rgb(189,247,247) -
#cff9f9
#cff9f9rgb(207,249,249) -
#e0fbfb
#e0fbfbrgb(224,251,251) -
#f2fdfd
#f2fdfdrgb(242,253,253)
Tones of #9af3f3
A tone is produced by adding gray to any pure hue. In this case, #c5c8c8 is the less saturated color, while #91fcfc is the most saturated one.
-
#c5c8c8
#c5c8c8rgb(197,200,200) -
#c1cccc
#c1ccccrgb(193,204,204) -
#bdd0d0
#bdd0d0rgb(189,208,208) -
#b8d5d5
#b8d5d5rgb(184,213,213) -
#b4d9d9
#b4d9d9rgb(180,217,217) -
#b0dddd
#b0ddddrgb(176,221,221) -
#abe2e2
#abe2e2rgb(171,226,226) -
#a7e6e6
#a7e6e6rgb(167,230,230) -
#a3eaea
#a3eaeargb(163,234,234) -
#9eefef
#9eefefrgb(158,239,239) -
#9af3f3
#9af3f3rgb(154,243,243) -
#96f7f7
#96f7f7rgb(150,247,247) -
#91fcfc
#91fcfcrgb(145,252,252)
Color Blindness Simulator
Below, you can see how #9af3f3 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.
