#3f645c color information
In a RGB color space, hex #3f645c is composed of 24.7% red, 39.2% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 0% magenta, 8% yellow and 60.8% black. It has a hue angle of 167 degrees, a saturation of 22.7% and a lightness of 32%. #3f645c color hex could be obtained by blending #7ec8b8 with #000000. Closest websafe color is: #336666.
#3f645c color conversion
The hexadecimal color #3f645c has RGB values of R:63, G:100, B:92 and CMYK values of C:0.37, M:0, Y:0.08, K:0.61. Its decimal value is 4154460.
- Hex triplet 3f645c
#3f645c - RGB Decimal 63, 100, 92
rgb(63,100,92) - RGB Percent 24.7, 39.2, 36.1
rgb(24.7%,39.2%,36.1%) - CMYK 37, 0, 8, 61
- HSL 167°, 22.7, 32
hsl(167,23%,32%) - HSV (or HSB) 167°, 37, 39.2
- Web Safe 336666
#336666
- CIE-LAB 39.485, -15.228, 0.345
- XYZ 8.538, 10.943, 11.787
- xyY 0.273, 0.35, 10.943
- CIE-LCH 39.485, 15.232, 178.702
- CIE-LUV 39.485, -17.289, 2.598
- Hunter-Lab 33.081, -11.82, 2.031
- Binary 00111111, 01100100, 01011100
Color Schemes with #3f645c
#3f645c in action
This text has a font color of #3f645c.
<span style="color:#3f645c;">Text here</span>
This paragraph has a background color of #3f645c.
<p style="background-color:#3f645c;">Content here</p>
This element has a border color of #3f645c.
<div style="border:1px solid #3f645c;">Content here</div>
.text {color:#3f645c;}
.background {background-color:#3f645c;}
.border {border:1px solid #3f645c;}
Shades of #3f645c
- #020403 #020403
rgb(2,4,3) - #121c1a #121c1a
rgb(18,28,26) - #213430 #213430
rgb(33,52,48) - #304c46 #304c46
rgb(48,76,70) - #3f645c #3f645c
rgb(63,100,92) - #4e7c72 #4e7c72
rgb(78,124,114) - #5d9488 #5d9488
rgb(93,148,136) - #72a69b #72a69b
rgb(114,166,155) - #8ab6ac #8ab6ac
rgb(138,182,172) - #a2c5bd #a2c5bd
rgb(162,197,189) - #bbd4ce #bbd4ce
rgb(187,212,206) - #d3e3df #d3e3df
rgb(211,227,223) - #ebf2f1 #ebf2f1
rgb(235,242,241)
Color Blindness Simulator
Below, you can see how #3f645c 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.
