#395e63 Color Information
In a RGB color space, hex #395e63 is composed of 22.4% red, 36.9% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 42.4% cyan, 5.1% magenta, 0% yellow and 61.2% black. It has a hue angle of 187.1 degrees, a saturation of 26.9% and a lightness of 30.6%. #395e63 color hex could be obtained by blending #72bcc6 with #000000. Closest websafe color is: #336666.
-
- R 22
- G 37
- B 39
-
- C 42
- M 5
- Y 0
- K 61
● #395e63 color description : Very dark desaturated cyan.
#395e63 Color Conversion
The hexadecimal color #395e63 has RGB values of R:57, G:94, B:99 and CMYK values of C:0.42, M:0.05, Y:0, K:0.61. Its decimal value is 3759715.
| Hex triplet | 395e63 | #395e63 |
|---|---|---|
| RGB Decimal | 57, 94, 99 | rgb(57,94,99) |
| RGB Percent | 22.4, 36.9, 38.8 | rgb(22.4%,36.9%,38.8%) |
| CMYK | 42, 5, 0, 61 | |
| HSL | 187.1°, 26.9, 30.6 | hsl(187.1,26.9%,30.6%) |
| HSV (or HSB) | 187.1°, 42.4, 38.8 | |
| Web Safe | 336666 | #336666 |
| CIE-LAB | 37.437, -11.743, -7.032 |
|---|---|
| XYZ | 7.942, 9.776, 13.272 |
| xyY | 0.256, 0.315, 9.776 |
| CIE-LCH | 37.437, 13.688, 210.915 |
| CIE-LUV | 37.437, -16.755, -7.661 |
| Hunter-Lab | 31.266, -9.377, -3.282 |
| Binary | 00111001, 01011110, 01100011 |
Color Schemes with #395e63
Alternatives to #395e63
Below, you can see some colors close to #395e63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#395e63 Preview
This text has a font color of #395e63.
<span style="color:#395e63;">Text here</span>
This paragraph has a background color of #395e63.
<p style="background-color:#395e63;">Content here</p>
This element has a border color of #395e63.
<div style="border:1px solid #395e63;">Content here</div>
.text {color:#395e63;}
.background {background-color:#395e63;}
.border {border:1px solid #395e63;}
Shades and Tints of #395e63
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, #070b0c is the darkest color, while #feffff is the lightest one.
-
#070b0c
#070b0crgb(7,11,12) -
#0e1718
#0e1718rgb(14,23,24) -
#152325
#152325rgb(21,35,37) -
#1c2f31
#1c2f31rgb(28,47,49) -
#233b3e
#233b3ergb(35,59,62) -
#2b464a
#2b464argb(43,70,74) -
#325257
#325257rgb(50,82,87) -
#395e63
#395e63rgb(57,94,99) -
#406a6f
#406a6frgb(64,106,111) -
#47767c
#47767crgb(71,118,124) -
#4f8188
#4f8188rgb(79,129,136) -
#568d95
#568d95rgb(86,141,149) -
#5d99a1
#5d99a1rgb(93,153,161)
-
#69a1a9
#69a1a9rgb(105,161,169) -
#75a9b0
#75a9b0rgb(117,169,176) -
#82b1b7
#82b1b7rgb(130,177,183) -
#8eb8be
#8eb8bergb(142,184,190) -
#9bc0c5
#9bc0c5rgb(155,192,197) -
#a7c8cc
#a7c8ccrgb(167,200,204) -
#b4d0d4
#b4d0d4rgb(180,208,212) -
#c0d8db
#c0d8dbrgb(192,216,219) -
#cddfe2
#cddfe2rgb(205,223,226) -
#d9e7e9
#d9e7e9rgb(217,231,233) -
#e6eff0
#e6eff0rgb(230,239,240) -
#f2f7f7
#f2f7f7rgb(242,247,247) -
#feffff
#feffffrgb(254,255,255)
Tones of #395e63
A tone is produced by adding gray to any pure hue. In this case, #4b5051 is the less saturated color, while #038799 is the most saturated one.
-
#4b5051
#4b5051rgb(75,80,81) -
#455557
#455557rgb(69,85,87) -
#3f595d
#3f595drgb(63,89,93) -
#395e63
#395e63rgb(57,94,99) -
#336369
#336369rgb(51,99,105) -
#2d676f
#2d676frgb(45,103,111) -
#276c75
#276c75rgb(39,108,117) -
#21707b
#21707brgb(33,112,123) -
#1b7581
#1b7581rgb(27,117,129) -
#157987
#157987rgb(21,121,135) -
#0f7e8d
#0f7e8drgb(15,126,141) -
#098393
#098393rgb(9,131,147) -
#038799
#038799rgb(3,135,153)
Color Blindness Simulator
Below, you can see how #395e63 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.
