#309a98 Color Information
In a RGB color space, hex #309a98 is composed of 18.8% red, 60.4% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 0% magenta, 1.3% yellow and 39.6% black. It has a hue angle of 178.9 degrees, a saturation of 52.5% and a lightness of 39.6%. #309a98 color hex could be obtained by blending #60ffff with #003531. Closest websafe color is: #339999.
-
- R 19
- G 60
- B 60
-
- C 69
- M 0
- Y 1
- K 40
● #309a98 color description : Dark moderate cyan.
#309a98 Color Conversion
The hexadecimal color #309a98 has RGB values of R:48, G:154, B:152 and CMYK values of C:0.69, M:0, Y:0.01, K:0.4. Its decimal value is 3185304.
Hex triplet | 309a98 | #309a98 |
---|---|---|
RGB Decimal | 48, 154, 152 | rgb(48,154,152) |
RGB Percent | 18.8, 60.4, 59.6 | rgb(18.8%,60.4%,59.6%) |
CMYK | 69, 0, 1, 40 | |
HSL | 178.9°, 52.5, 39.6 | hsl(178.9,52.5%,39.6%) |
HSV (or HSB) | 178.9°, 68.8, 60.4 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 58.042, -29.691, -7.697 |
---|---|
XYZ | 18.44, 26.005, 33.752 |
xyY | 0.236, 0.333, 26.005 |
CIE-LCH | 58.042, 30.673, 194.533 |
CIE-LUV | 58.042, -40.1, -6.955 |
Hunter-Lab | 50.995, -24.694, -3.545 |
Binary | 00110000, 10011010, 10011000 |
Color Schemes with #309a98
Alternatives to #309a98
Below, you can see some colors close to #309a98. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#309a98 Preview
This text has a font color of #309a98.
<span style="color:#309a98;">Text here</span>
This paragraph has a background color of #309a98.
<p style="background-color:#309a98;">Content here</p>
This element has a border color of #309a98.
<div style="border:1px solid #309a98;">Content here</div>
.text {color:#309a98;}
.background {background-color:#309a98;}
.border {border:1px solid #309a98;}
Shades and Tints of #309a98
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 #f5fcfc is the lightest one.
-
#010404
#010404
rgb(1,4,4)
-
#061313
#061313
rgb(6,19,19)
-
#0b2222
#0b2222
rgb(11,34,34)
-
#0f3131
#0f3131
rgb(15,49,49)
-
#14403f
#14403f
rgb(20,64,63)
-
#194f4e
#194f4e
rgb(25,79,78)
-
#1d5e5d
#1d5e5d
rgb(29,94,93)
-
#226d6c
#226d6c
rgb(34,109,108)
-
#277c7a
#277c7a
rgb(39,124,122)
-
#2b8b89
#2b8b89
rgb(43,139,137)
-
#309a98
#309a98
rgb(48,154,152)
-
#35a9a7
#35a9a7
rgb(53,169,167)
-
#39b8b6
#39b8b6
rgb(57,184,182)
-
#41c4c1
#41c4c1
rgb(65,196,193)
-
#50c8c6
#50c8c6
rgb(80,200,198)
-
#5fcdcb
#5fcdcb
rgb(95,205,203)
-
#6ed2d0
#6ed2d0
rgb(110,210,208)
-
#7dd6d5
#7dd6d5
rgb(125,214,213)
-
#8cdbda
#8cdbda
rgb(140,219,218)
-
#9be0de
#9be0de
rgb(155,224,222)
-
#aae4e3
#aae4e3
rgb(170,228,227)
-
#b9e9e8
#b9e9e8
rgb(185,233,232)
-
#c8eeed
#c8eeed
rgb(200,238,237)
-
#d7f2f2
#d7f2f2
rgb(215,242,242)
-
#e6f7f7
#e6f7f7
rgb(230,247,247)
-
#f5fcfc
#f5fcfc
rgb(245,252,252)
Tones of #309a98
A tone is produced by adding gray to any pure hue. In this case, #5f6b6b is the less saturated color, while #01c9c5 is the most saturated one.
-
#5f6b6b
#5f6b6b
rgb(95,107,107)
-
#577373
#577373
rgb(87,115,115)
-
#4f7b7a
#4f7b7a
rgb(79,123,122)
-
#478382
#478382
rgb(71,131,130)
-
#408a89
#408a89
rgb(64,138,137)
-
#389291
#389291
rgb(56,146,145)
-
#309a98
#309a98
rgb(48,154,152)
-
#28a29f
#28a29f
rgb(40,162,159)
-
#20aaa7
#20aaa7
rgb(32,170,167)
-
#19b1ae
#19b1ae
rgb(25,177,174)
-
#11b9b6
#11b9b6
rgb(17,185,182)
-
#09c1bd
#09c1bd
rgb(9,193,189)
-
#01c9c5
#01c9c5
rgb(1,201,197)
Color Blindness Simulator
Below, you can see how #309a98 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.