#60a395 Color Information
In a RGB color space, hex #60a395 is composed of 37.6% red, 63.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 41.1% cyan, 0% magenta, 8.6% yellow and 36.1% black. It has a hue angle of 167.5 degrees, a saturation of 26.7% and a lightness of 50.8%. #60a395 color hex could be obtained by blending #c0ffff with #00472b. Closest websafe color is: #669999.
-
- R 38
- G 64
- B 58
-
- C 41
- M 0
- Y 9
- K 36
● #60a395 color description : Mostly desaturated dark cyan.
#60a395 Color Conversion
The hexadecimal color #60a395 has RGB values of R:96, G:163, B:149 and CMYK values of C:0.41, M:0, Y:0.09, K:0.36. Its decimal value is 6333333.
| Hex triplet | 60a395 | #60a395 |
|---|---|---|
| RGB Decimal | 96, 163, 149 | rgb(96,163,149) |
| RGB Percent | 37.6, 63.9, 58.4 | rgb(37.6%,63.9%,58.4%) |
| CMYK | 41, 0, 9, 36 | |
| HSL | 167.5°, 26.7, 50.8 | hsl(167.5,26.7%,50.8%) |
| HSV (or HSB) | 167.5°, 41.1, 63.9 | |
| Web Safe | 669999 | #669999 |
| CIE-LAB | 62.381, -24.723, 0.584 |
|---|---|
| XYZ | 23.344, 30.85, 33.157 |
| xyY | 0.267, 0.353, 30.85 |
| CIE-LCH | 62.381, 24.73, 178.647 |
| CIE-LUV | 62.381, -31.119, 4.721 |
| Hunter-Lab | 55.543, -22.177, 3.486 |
| Binary | 01100000, 10100011, 10010101 |
Color Schemes with #60a395
Alternatives to #60a395
Below, you can see some colors close to #60a395. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#60a395 Preview
This text has a font color of #60a395.
<span style="color:#60a395;">Text here</span>
This paragraph has a background color of #60a395.
<p style="background-color:#60a395;">Content here</p>
This element has a border color of #60a395.
<div style="border:1px solid #60a395;">Content here</div>
.text {color:#60a395;}
.background {background-color:#60a395;}
.border {border:1px solid #60a395;}
Shades and Tints of #60a395
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, #010302 is the darkest color, while #f5f9f8 is the lightest one.
-
#010302
#010302rgb(1,3,2) -
#090f0e
#090f0ergb(9,15,14) -
#101b19
#101b19rgb(16,27,25) -
#172824
#172824rgb(23,40,36) -
#1e3430
#1e3430rgb(30,52,48) -
#25413b
#25413brgb(37,65,59) -
#2d4d46
#2d4d46rgb(45,77,70) -
#345a52
#345a52rgb(52,90,82) -
#3b665d
#3b665drgb(59,102,93) -
#427268
#427268rgb(66,114,104) -
#497f74
#497f74rgb(73,127,116) -
#518b7f
#518b7frgb(81,139,127) -
#58988a
#58988argb(88,152,138)
-
#60a395
#60a395rgb(96,163,149) -
#6caa9d
#6caa9drgb(108,170,157) -
#79b1a6
#79b1a6rgb(121,177,166) -
#85b9ae
#85b9aergb(133,185,174) -
#92c0b6
#92c0b6rgb(146,192,182) -
#9ec7be
#9ec7bergb(158,199,190) -
#abcec7
#abcec7rgb(171,206,199) -
#b7d5cf
#b7d5cfrgb(183,213,207) -
#c3ddd7
#c3ddd7rgb(195,221,215) -
#d0e4e0
#d0e4e0rgb(208,228,224) -
#dcebe8
#dcebe8rgb(220,235,232) -
#e9f2f0
#e9f2f0rgb(233,242,240) -
#f5f9f8
#f5f9f8rgb(245,249,248)
Tones of #60a395
A tone is produced by adding gray to any pure hue. In this case, #7d8684 is the less saturated color, while #09fac8 is the most saturated one.
-
#7d8684
#7d8684rgb(125,134,132) -
#73908a
#73908argb(115,144,138) -
#6a998f
#6a998frgb(106,153,143) -
#60a395
#60a395rgb(96,163,149) -
#56ad9b
#56ad9brgb(86,173,155) -
#4db6a0
#4db6a0rgb(77,182,160) -
#43c0a6
#43c0a6rgb(67,192,166) -
#39caab
#39caabrgb(57,202,171) -
#30d3b1
#30d3b1rgb(48,211,177) -
#26ddb7
#26ddb7rgb(38,221,183) -
#1ce7bc
#1ce7bcrgb(28,231,188) -
#13f0c2
#13f0c2rgb(19,240,194) -
#09fac8
#09fac8rgb(9,250,200)
Color Blindness Simulator
Below, you can see how #60a395 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.
