#309ba8 Color Information
In a RGB color space, hex #309ba8 is composed of 18.8% red, 60.8% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 7.7% magenta, 0% yellow and 34.1% black. It has a hue angle of 186.5 degrees, a saturation of 55.6% and a lightness of 42.4%. #309ba8 color hex could be obtained by blending #60ffff with #003751. Closest websafe color is: #339999.
-
- R 19
- G 61
- B 66
-
- C 71
- M 8
- Y 0
- K 34
● #309ba8 color description : Dark cyan.
#309ba8 Color Conversion
The hexadecimal color #309ba8 has RGB values of R:48, G:155, B:168 and CMYK values of C:0.71, M:0.08, Y:0, K:0.34. Its decimal value is 3185576.
Hex triplet | 309ba8 | #309ba8 |
---|---|---|
RGB Decimal | 48, 155, 168 | rgb(48,155,168) |
RGB Percent | 18.8, 60.8, 65.9 | rgb(18.8%,60.8%,65.9%) |
CMYK | 71, 8, 0, 34 | |
HSL | 186.5°, 55.6, 42.4 | hsl(186.5,55.6%,42.4%) |
HSV (or HSB) | 186.5°, 71.4, 65.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 58.878, -25.326, -15.535 |
---|---|
XYZ | 20.006, 26.896, 41.181 |
xyY | 0.227, 0.305, 26.896 |
CIE-LCH | 58.878, 29.711, 211.525 |
CIE-LUV | 58.878, -39.451, -19.744 |
Hunter-Lab | 51.862, -21.9, -10.776 |
Binary | 00110000, 10011011, 10101000 |
Color Schemes with #309ba8
Alternatives to #309ba8
Below, you can see some colors close to #309ba8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#309ba8 Preview
This text has a font color of #309ba8.
<span style="color:#309ba8;">Text here</span>
This paragraph has a background color of #309ba8.
<p style="background-color:#309ba8;">Content here</p>
This element has a border color of #309ba8.
<div style="border:1px solid #309ba8;">Content here</div>
.text {color:#309ba8;}
.background {background-color:#309ba8;}
.border {border:1px solid #309ba8;}
Shades and Tints of #309ba8
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, #000000 is the darkest color, while #f0fafb is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#040e0f
#040e0f
rgb(4,14,15)
-
#091c1f
#091c1f
rgb(9,28,31)
-
#0d2a2e
#0d2a2e
rgb(13,42,46)
-
#11383d
#11383d
rgb(17,56,61)
-
#16474c
#16474c
rgb(22,71,76)
-
#1a555c
#1a555c
rgb(26,85,92)
-
#1f636b
#1f636b
rgb(31,99,107)
-
#23717a
#23717a
rgb(35,113,122)
-
#277f89
#277f89
rgb(39,127,137)
-
#2c8d99
#2c8d99
rgb(44,141,153)
-
#309ba8
#309ba8
rgb(48,155,168)
-
#34a9b7
#34a9b7
rgb(52,169,183)
-
#39b7c6
#39b7c6
rgb(57,183,198)
-
#48bdcb
#48bdcb
rgb(72,189,203)
-
#57c2cf
#57c2cf
rgb(87,194,207)
-
#67c8d3
#67c8d3
rgb(103,200,211)
-
#76cdd8
#76cdd8
rgb(118,205,216)
-
#85d3dc
#85d3dc
rgb(133,211,220)
-
#94d8e1
#94d8e1
rgb(148,216,225)
-
#a4dee5
#a4dee5
rgb(164,222,229)
-
#b3e3e9
#b3e3e9
rgb(179,227,233)
-
#c2e9ee
#c2e9ee
rgb(194,233,238)
-
#d1eef2
#d1eef2
rgb(209,238,242)
-
#e1f4f6
#e1f4f6
rgb(225,244,246)
-
#f0fafb
#f0fafb
rgb(240,250,251)
Tones of #309ba8
A tone is produced by adding gray to any pure hue. In this case, #6a6d6e is the less saturated color, while #06bcd2 is the most saturated one.
-
#6a6d6e
#6a6d6e
rgb(106,109,110)
-
#627476
#627476
rgb(98,116,118)
-
#5a7a7e
#5a7a7e
rgb(90,122,126)
-
#518187
#518187
rgb(81,129,135)
-
#49878f
#49878f
rgb(73,135,143)
-
#418e97
#418e97
rgb(65,142,151)
-
#3894a0
#3894a0
rgb(56,148,160)
-
#309ba8
#309ba8
rgb(48,155,168)
-
#28a2b0
#28a2b0
rgb(40,162,176)
-
#1fa8b9
#1fa8b9
rgb(31,168,185)
-
#17afc1
#17afc1
rgb(23,175,193)
-
#0fb5c9
#0fb5c9
rgb(15,181,201)
-
#06bcd2
#06bcd2
rgb(6,188,210)
Color Blindness Simulator
Below, you can see how #309ba8 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.