#09bacc Color Information
In a RGB color space, hex #09bacc is composed of 3.5% red, 72.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 95.6% cyan, 8.8% magenta, 0% yellow and 20% black. It has a hue angle of 185.5 degrees, a saturation of 91.5% and a lightness of 41.8%. #09bacc color hex could be obtained by blending #12ffff with #007599. Closest websafe color is: #00cccc.
-
- R 4
- G 73
- B 80
-
- C 96
- M 9
- Y 0
- K 20
● #09bacc color description : Strong cyan.
#09bacc Color Conversion
The hexadecimal color #09bacc has RGB values of R:9, G:186, B:204 and CMYK values of C:0.96, M:0.09, Y:0, K:0.2. Its decimal value is 637644.
Hex triplet | 09bacc | #09bacc |
---|---|---|
RGB Decimal | 9, 186, 204 | rgb(9,186,204) |
RGB Percent | 3.5, 72.9, 80 | rgb(3.5%,72.9%,80%) |
CMYK | 96, 9, 0, 20 | |
HSL | 185.5°, 91.5, 41.8 | hsl(185.5,91.5%,41.8%) |
HSV (or HSB) | 185.5°, 95.6, 80 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 69.135, -32.038, -20.091 |
---|---|
XYZ | 28.567, 39.533, 63.248 |
xyY | 0.217, 0.301, 39.533 |
CIE-LCH | 69.135, 37.816, 212.092 |
CIE-LUV | 69.135, -51.222, -26.774 |
Hunter-Lab | 62.875, -28.929, -15.63 |
Binary | 00001001, 10111010, 11001100 |
Color Schemes with #09bacc
Alternatives to #09bacc
Below, you can see some colors close to #09bacc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#09bacc Preview
This text has a font color of #09bacc.
<span style="color:#09bacc;">Text here</span>
This paragraph has a background color of #09bacc.
<p style="background-color:#09bacc;">Content here</p>
This element has a border color of #09bacc.
<div style="border:1px solid #09bacc;">Content here</div>
.text {color:#09bacc;}
.background {background-color:#09bacc;}
.border {border:1px solid #09bacc;}
Shades and Tints of #09bacc
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, #010f10 is the darkest color, while #fcffff is the lightest one.
-
#010f10
#010f10
rgb(1,15,16)
-
#022023
#022023
rgb(2,32,35)
-
#023136
#023136
rgb(2,49,54)
-
#034248
#034248
rgb(3,66,72)
-
#04535b
#04535b
rgb(4,83,91)
-
#05646e
#05646e
rgb(5,100,110)
-
#067581
#067581
rgb(6,117,129)
-
#078794
#078794
rgb(7,135,148)
-
#0798a6
#0798a6
rgb(7,152,166)
-
#08a9b9
#08a9b9
rgb(8,169,185)
-
#09bacc
#09bacc
rgb(9,186,204)
-
#0acbdf
#0acbdf
rgb(10,203,223)
-
#0bdcf2
#0bdcf2
rgb(11,220,242)
-
#1be1f5
#1be1f5
rgb(27,225,245)
-
#2ee3f6
#2ee3f6
rgb(46,227,246)
-
#40e6f7
#40e6f7
rgb(64,230,247)
-
#53e8f7
#53e8f7
rgb(83,232,247)
-
#66ebf8
#66ebf8
rgb(102,235,248)
-
#79edf9
#79edf9
rgb(121,237,249)
-
#8cf0fa
#8cf0fa
rgb(140,240,250)
-
#9ef2fb
#9ef2fb
rgb(158,242,251)
-
#b1f5fc
#b1f5fc
rgb(177,245,252)
-
#c4f7fc
#c4f7fc
rgb(196,247,252)
-
#d7fafd
#d7fafd
rgb(215,250,253)
-
#eafcfe
#eafcfe
rgb(234,252,254)
-
#fcffff
#fcffff
rgb(252,255,255)
Tones of #09bacc
A tone is produced by adding gray to any pure hue. In this case, #637172 is the less saturated color, while #01c1d4 is the most saturated one.
-
#637172
#637172
rgb(99,113,114)
-
#5b777a
#5b777a
rgb(91,119,122)
-
#537e82
#537e82
rgb(83,126,130)
-
#4b858a
#4b858a
rgb(75,133,138)
-
#428b93
#428b93
rgb(66,139,147)
-
#3a929b
#3a929b
rgb(58,146,155)
-
#3299a3
#3299a3
rgb(50,153,163)
-
#2a9fab
#2a9fab
rgb(42,159,171)
-
#22a6b3
#22a6b3
rgb(34,166,179)
-
#19adbc
#19adbc
rgb(25,173,188)
-
#11b3c4
#11b3c4
rgb(17,179,196)
-
#09bacc
#09bacc
rgb(9,186,204)
-
#01c1d4
#01c1d4
rgb(1,193,212)
Color Blindness Simulator
Below, you can see how #09bacc 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.