#309a86 Color Information
In a RGB color space, hex #309a86 is composed of 18.8% red, 60.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 0% magenta, 13% yellow and 39.6% black. It has a hue angle of 168.7 degrees, a saturation of 52.5% and a lightness of 39.6%. #309a86 color hex could be obtained by blending #60ffff with #00350d. Closest websafe color is: #339999.
-
- R 19
- G 60
- B 53
-
- C 69
- M 0
- Y 13
- K 40
● #309a86 color description : Dark moderate cyan.
#309a86 Color Conversion
The hexadecimal color #309a86 has RGB values of R:48, G:154, B:134 and CMYK values of C:0.69, M:0, Y:0.13, K:0.4. Its decimal value is 3185286.
Hex triplet | 309a86 | #309a86 |
---|---|---|
RGB Decimal | 48, 154, 134 | rgb(48,154,134) |
RGB Percent | 18.8, 60.4, 52.5 | rgb(18.8%,60.4%,52.5%) |
CMYK | 69, 0, 13, 40 | |
HSL | 168.7°, 52.5, 39.6 | hsl(168.7,52.5%,39.6%) |
HSV (or HSB) | 168.7°, 68.8, 60.4 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 57.52, -34.765, 1.783 |
---|---|
XYZ | 17.076, 25.459, 26.567 |
xyY | 0.247, 0.368, 25.459 |
CIE-LCH | 57.52, 34.81, 177.063 |
CIE-LUV | 57.52, -41.233, 7.743 |
Hunter-Lab | 50.457, -27.891, 4.102 |
Binary | 00110000, 10011010, 10000110 |
Color Schemes with #309a86
Alternatives to #309a86
Below, you can see some colors close to #309a86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#309a86 Preview
This text has a font color of #309a86.
<span style="color:#309a86;">Text here</span>
This paragraph has a background color of #309a86.
<p style="background-color:#309a86;">Content here</p>
This element has a border color of #309a86.
<div style="border:1px solid #309a86;">Content here</div>
.text {color:#309a86;}
.background {background-color:#309a86;}
.border {border:1px solid #309a86;}
Shades and Tints of #309a86
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, #010404 is the darkest color, while #f5fcfa is the lightest one.
-
#010404
#010404
rgb(1,4,4)
-
#061311
#061311
rgb(6,19,17)
-
#0b221e
#0b221e
rgb(11,34,30)
-
#0f312b
#0f312b
rgb(15,49,43)
-
#144038
#144038
rgb(20,64,56)
-
#194f45
#194f45
rgb(25,79,69)
-
#1d5e52
#1d5e52
rgb(29,94,82)
-
#226d5f
#226d5f
rgb(34,109,95)
-
#277c6c
#277c6c
rgb(39,124,108)
-
#2b8b79
#2b8b79
rgb(43,139,121)
-
#309a86
#309a86
rgb(48,154,134)
-
#35a993
#35a993
rgb(53,169,147)
-
#39b8a0
#39b8a0
rgb(57,184,160)
-
#41c4ab
#41c4ab
rgb(65,196,171)
-
#50c8b2
#50c8b2
rgb(80,200,178)
-
#5fcdb8
#5fcdb8
rgb(95,205,184)
-
#6ed2bf
#6ed2bf
rgb(110,210,191)
-
#7dd6c6
#7dd6c6
rgb(125,214,198)
-
#8cdbcc
#8cdbcc
rgb(140,219,204)
-
#9be0d3
#9be0d3
rgb(155,224,211)
-
#aae4d9
#aae4d9
rgb(170,228,217)
-
#b9e9e0
#b9e9e0
rgb(185,233,224)
-
#c8eee7
#c8eee7
rgb(200,238,231)
-
#d7f2ed
#d7f2ed
rgb(215,242,237)
-
#e6f7f4
#e6f7f4
rgb(230,247,244)
-
#f5fcfa
#f5fcfa
rgb(245,252,250)
Tones of #309a86
A tone is produced by adding gray to any pure hue. In this case, #5f6b69 is the less saturated color, while #01c9a3 is the most saturated one.
-
#5f6b69
#5f6b69
rgb(95,107,105)
-
#57736e
#57736e
rgb(87,115,110)
-
#4f7b73
#4f7b73
rgb(79,123,115)
-
#478377
#478377
rgb(71,131,119)
-
#408a7c
#408a7c
rgb(64,138,124)
-
#389281
#389281
rgb(56,146,129)
-
#309a86
#309a86
rgb(48,154,134)
-
#28a28b
#28a28b
rgb(40,162,139)
-
#20aa90
#20aa90
rgb(32,170,144)
-
#19b195
#19b195
rgb(25,177,149)
-
#11b999
#11b999
rgb(17,185,153)
-
#09c19e
#09c19e
rgb(9,193,158)
-
#01c9a3
#01c9a3
rgb(1,201,163)
Color Blindness Simulator
Below, you can see how #309a86 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.